:root{color-scheme:light;--ink:#1e2430;--muted:#667080;--line:#d9ded9;--forest:#276653;--river:#2d6f90;--rose:#b45661;--gold:#c28b39;--shadow:0 22px 70px rgba(28,36,42,.13)}*{box-sizing:border-box}html{min-height:100%;background:linear-gradient(115deg,rgba(238,232,214,.95),rgba(231,241,238,.94) 44%,rgba(244,237,231,.98)),#f6f4ed}body{min-height:100%;margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,textarea,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column;padding:clamp(16px,3vw,34px);gap:22px}.hero,.workspace,.site-footer{width:min(1180px,100%);margin:0 auto}.hero{display:grid;gap:clamp(24px,4vw,44px)}.topbar,.hero-grid,.now-header,.hero-actions,.brand,.action-row,.card-meta,.site-footer,.joined-card{display:flex;align-items:center}.topbar{justify-content:space-between;gap:14px}.brand{gap:9px;font-weight:780}.brand-mark{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#f5d081 0 24%,transparent 25%),linear-gradient(145deg,var(--forest),var(--river));box-shadow:inset 0 0 0 1px rgba(255,255,255,.54)}.support-link,.primary-link,.secondary-link{border-radius:999px;padding:8px 13px;font-size:.92rem;font-weight:720}.support-link,.secondary-link{border:1px solid var(--line);color:var(--forest);background:rgba(255,255,255,.64)}.primary-link{color:#fff;background:linear-gradient(135deg,var(--forest),var(--river))}.hero-grid{align-items:stretch;justify-content:space-between;gap:clamp(18px,4vw,44px)}.hero-copy{flex:1 1 560px;padding:clamp(18px,4vw,36px) 0}.eyebrow,.field-label,.joined-kicker{margin:0;color:#3f4855;font-size:.78rem;font-weight:780;letter-spacing:.06em;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0;line-height:1.02}h1{max-width:760px;margin-top:14px;font-size:clamp(3rem,8vw,6.9rem)}h2{margin-top:8px;font-size:clamp(1.6rem,4vw,2.6rem)}.subtitle{max-width:620px;margin:20px 0 0;color:var(--muted);font-size:clamp(1rem,2vw,1.22rem);line-height:1.58}.hero-actions{gap:10px;flex-wrap:wrap;margin-top:26px}.now-panel,.control-pane{background:rgba(255,255,255,.78);border:1px solid rgba(217,222,217,.9);border-radius:8px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.now-panel{flex:0 1 390px;padding:18px}.now-header{justify-content:space-between;gap:12px;color:var(--muted);font-size:.86rem;font-weight:720}.total-count{margin:12px 0 16px;font-size:1.12rem;color:var(--muted)}.total-count strong{display:block;color:var(--ink);font-size:clamp(2.8rem,7vw,4.8rem);line-height:.95}.top-status-list{display:grid;gap:8px}.top-status{position:relative;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:46px;overflow:hidden;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fbfaf7;color:var(--ink);cursor:pointer;text-align:left}.top-status .bar{position:absolute;inset:0 auto 0 0;width:var(--bar-width);background:rgba(45,111,144,.1);pointer-events:none}.rank,.top-label,.top-status strong{position:relative;z-index:1}.rank{color:var(--muted);font-variant-numeric:tabular-nums}.privacy-note{margin:14px 0 0;color:var(--muted);font-size:.88rem;line-height:1.45}
.workspace{display:grid;grid-template-columns:minmax(296px,420px) minmax(0,1fr);gap:clamp(18px,3vw,34px);align-items:center}.workspace--home{grid-template-columns:minmax(0,1120px);justify-content:center;align-items:start}.workspace--home .control-pane{max-width:1120px}.control-pane{padding:18px}.section-heading{margin-bottom:16px}.state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.state-button{min-height:64px;border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:#fbfaf7;color:var(--ink);cursor:pointer;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.state-button span,.state-button small{display:block}.state-button span{font-weight:780}.state-button small{margin-top:5px;color:var(--muted);font-size:.78rem}.state-button:hover{transform:translateY(-1px);border-color:rgba(39,102,83,.42)}.state-button[aria-checked=true]{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--forest),var(--river))}.state-button[aria-checked=true] small{color:rgba(255,255,255,.78)}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mode-button{min-height:66px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fbfaf7;color:var(--ink);cursor:pointer;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.mode-button span,.mode-button small{display:block}.mode-button span{font-weight:780}.mode-button small{margin-top:4px;color:var(--muted);font-size:.78rem}.mode-button:hover{transform:translateY(-1px);border-color:rgba(45,111,144,.42)}.mode-button[aria-checked=true]{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--rose),var(--gold));box-shadow:0 10px 22px rgba(28,36,42,.12)}.mode-button[aria-checked=true] small{color:rgba(255,255,255,.78)}.format-note{margin:10px 0 0;color:var(--muted);font-size:.88rem;line-height:1.45}.joined-card{justify-content:space-between;gap:12px;margin-top:14px;padding:13px;border-radius:8px;background:#e9efe8;border:1px solid rgba(39,102,83,.16)}.joined-card p{margin:4px 0 0;line-height:1.35}.text-button{min-height:36px;border:1px solid rgba(39,102,83,.25);border-radius:999px;padding:0 12px;color:var(--forest);background:#fff;white-space:nowrap}.panel-block{margin-top:16px}.field-label{display:block;margin-bottom:8px}textarea{width:100%;min-height:82px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fbfaf7;color:var(--ink);line-height:1.45;outline:none}textarea:focus,.state-button:focus-visible,.mode-button:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid rgba(45,111,144,.24);outline-offset:2px}.action-row{gap:10px;margin-top:12px}button{min-height:44px;border:0;border-radius:8px;padding:0 14px;cursor:pointer;font-weight:740}.primary-button{flex:1.1;color:#fff;background:linear-gradient(135deg,var(--rose),var(--gold))}.secondary-button{flex:1;color:var(--ink);border:1px solid var(--line);background:#fbfaf7}.preview-pane{min-width:0}#cardCanvas{display:block;width:min(100%,520px);height:auto;max-height:calc(100vh - 142px);margin:0 auto;border-radius:8px;box-shadow:var(--shadow);background:#e7ece5}.card-meta{width:min(100%,520px);margin:14px auto 0;justify-content:space-between;gap:18px;color:var(--muted)}.card-meta p{margin:0;color:var(--ink);font-weight:780}.card-meta span,#statusMessage{color:var(--muted);font-size:.9rem}#statusMessage{margin:0;min-height:20px;text-align:right}.site-footer{justify-content:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.84rem}.site-footer a{color:var(--forest)}.legal-page{max-width:780px;margin:0 auto;line-height:1.65}.legal-page h1{font-size:clamp(2rem,6vw,4rem);letter-spacing:0;margin:12vh 0 20px}.legal-page h2{margin-top:32px}.legal-page a{color:var(--river);text-decoration:underline}@media (max-width:900px){.hero-grid,.workspace{display:grid;grid-template-columns:1fr}.now-panel{flex-basis:auto}.control-pane{order:2}.preview-pane{order:1}#cardCanvas{max-height:none;width:min(100%,430px)}}@media (max-width:520px){.app-shell{padding:14px}h1{font-size:clamp(2.7rem,17vw,4.4rem)}.state-grid,.top-status-list,.mode-grid{grid-template-columns:1fr}.action-row,.joined-card{align-items:stretch;flex-direction:column}}

[hidden]{display:none!important}

.campaign-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.campaign-links a{border:1px solid rgba(45,111,144,.22);border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.5);color:#2f5868;font-size:.86rem;font-weight:720}

.echo-workspace{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(296px,430px) minmax(0,1fr);gap:clamp(18px,3vw,34px);align-items:stretch}.echo-panel{background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(235,242,238,.78))}.echo-lead{margin:20px 0 18px;font-size:clamp(1.5rem,3.5vw,2.5rem);line-height:1.08;font-weight:820}.echo-mini-list,.echo-pills{display:flex;flex-wrap:wrap;gap:8px}.echo-mini-list span,.echo-pills span{border:1px solid rgba(45,111,144,.18);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.58);color:#2f5868;font-size:.84rem;font-weight:720}.echo-form select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fbfaf7;color:var(--ink);outline:none}.echo-fields{display:grid;gap:12px}.echo-field{display:block}.echo-field .field-label{margin-bottom:8px}.echo-card{min-height:520px;border:1px solid rgba(217,222,217,.9);border-radius:8px;padding:clamp(22px,4vw,42px);background:linear-gradient(150deg,#fbfaf7,#e7efe8 52%,#f2dfd7);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:flex-end;gap:18px}.echo-card h2{max-width:760px;font-size:clamp(2rem,5vw,4.9rem);line-height:1.02}.echo-body{max-width:760px;margin:0;color:#3f4855;font-size:clamp(1rem,2vw,1.34rem);line-height:1.58}.echo-next{max-width:760px;margin:0;color:var(--ink);font-size:clamp(1.08rem,2.2vw,1.5rem);line-height:1.45;font-weight:720}.echo-card footer{margin-top:12px;color:var(--muted);font-size:.84rem}@media (max-width:900px){.echo-workspace{grid-template-columns:1fr}.echo-card{min-height:440px}}@media (max-width:520px){.echo-card h2{font-size:clamp(2rem,13vw,3.3rem)}}

.photo-panel{scroll-margin-top:18px}.photo-drop{position:relative;display:flex;align-items:center;min-height:48px;border:1px dashed rgba(45,111,144,.38);border-radius:8px;background:#fbfaf7;color:#3f4855;overflow:hidden}.photo-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-drop span{padding:0 13px;font-size:.9rem;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-tools{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:10px}.photo-tools .field-label{grid-column:1/-1;margin-bottom:-2px}.photo-tools select{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fbfaf7;color:var(--ink);font-weight:700;outline:none}.photo-tools select:focus-visible,.photo-drop:focus-within{outline:3px solid rgba(45,111,144,.24);outline-offset:2px}@media (max-width:520px){.photo-tools{grid-template-columns:1fr}.photo-tools .text-button{width:100%}}


.signal-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.signal-strip span{border:1px solid rgba(140,186,214,.18);border-radius:999px;padding:7px 10px;background:rgba(8,14,24,.55);color:#dce7f2;font-size:.8rem;font-weight:700}

/* Overseas tech pass */
:root{color-scheme:dark;--ink:#ecf3f8;--muted:#9fb1c1;--line:rgba(154,184,204,.18);--forest:#42d3b5;--river:#67a6ff;--rose:#bb8cff;--gold:#5ae0ff;--shadow:0 28px 90px rgba(0,0,0,.38)}
html{min-height:100%;background:
  linear-gradient(180deg,rgba(5,9,16,.92),rgba(9,14,22,.94)),
  radial-gradient(circle at 12% 18%,rgba(66,211,181,.12),transparent 24%),
  radial-gradient(circle at 84% 16%,rgba(103,166,255,.11),transparent 22%),
  linear-gradient(135deg,#05090f,#07131d 55%,#0a1018)}
body{min-height:100%;margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:transparent}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(154,184,204,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(154,184,204,.05) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.12) 62%,transparent)}
.app-shell{position:relative;z-index:1}
.hero,.workspace,.site-footer{width:min(1180px,100%);margin:0 auto}
.topbar{padding-top:4px}.brand{color:var(--ink)}.brand-mark{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 0 4px rgba(66,211,181,.08)}
.support-link,.primary-link,.secondary-link{border-radius:999px;padding:9px 14px;font-size:.92rem;font-weight:700;letter-spacing:0}
.support-link,.secondary-link{border:1px solid var(--line);color:var(--ink);background:rgba(10,18,30,.6);backdrop-filter:blur(14px)}
.primary-link{color:#07121d;background:linear-gradient(135deg,rgba(66,211,181,.96),rgba(103,166,255,.96));box-shadow:0 14px 30px rgba(39,165,191,.22)}
.hero-copy{padding:clamp(10px,2vw,20px) 0 0}
.eyebrow,.field-label,.joined-kicker{margin:0;color:#93a9bb;font-size:.78rem;font-weight:780;letter-spacing:0;text-transform:uppercase}
h1,h2{margin:0;letter-spacing:0;line-height:1.02}
h1{max-width:760px;margin-top:14px;font-size:clamp(3rem,8vw,6.8rem)}
h2{margin-top:8px;font-size:clamp(1.55rem,4vw,2.45rem)}
.subtitle{max-width:620px;margin:18px 0 0;color:#a6b9c9;font-size:clamp(1rem,2vw,1.18rem);line-height:1.58}
.now-panel,.control-pane,.echo-panel{background:linear-gradient(180deg,rgba(12,18,30,.92),rgba(8,12,20,.78));border:1px solid rgba(154,184,204,.16);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.now-panel{position:relative;overflow:hidden}.now-panel::before,.control-pane::before,.echo-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 45%)}
.now-panel{flex:0 1 390px;padding:18px}.now-header{justify-content:space-between;gap:12px;color:#a6b9c9;font-size:.86rem;font-weight:720}
.total-count{margin:12px 0 16px;font-size:1.12rem;color:#a6b9c9}.total-count strong{display:block;color:var(--ink);font-size:clamp(2.8rem,7vw,4.8rem);line-height:.95}
.top-status-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.top-status{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:112px;overflow:hidden;border:1px solid rgba(217,222,217,.92);border-radius:10px;padding:12px;background:#fbfaf7;background-image:var(--status-art);background-size:cover;background-position:center;color:#fff;cursor:pointer;text-align:left;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.top-status::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,13,20,.18),rgba(9,13,20,.74));pointer-events:none}.top-status .bar{position:absolute;inset:auto 0 0 0;height:5px;width:var(--bar-width);background:rgba(255,255,255,.7);pointer-events:none;z-index:1}
.rank,.top-label,.top-status strong{position:relative;z-index:1}.rank{color:var(--muted);font-variant-numeric:tabular-nums}.privacy-note{margin:14px 0 0;color:var(--muted);font-size:.88rem;line-height:1.45}
.workspace{display:grid;grid-template-columns:minmax(296px,420px) minmax(0,1fr);gap:clamp(18px,3vw,34px);align-items:center}.workspace--home{grid-template-columns:minmax(0,1120px);justify-content:center;align-items:start}.workspace--home .control-pane{max-width:1120px}.control-pane{position:relative;padding:18px}.section-heading{margin-bottom:16px}.browse-controls{display:grid;gap:10px;max-width:340px}.status-select{width:100%;min-height:48px;border:1px solid rgba(154,184,204,.18);border-radius:10px;padding:0 12px;background:rgba(8,14,24,.72);color:var(--ink);font-weight:700;outline:none}.status-select:focus-visible{outline:3px solid rgba(66,211,181,.24);outline-offset:2px}.browse-controls .primary-link{justify-self:start}
.status-filters{display:flex;gap:7px;overflow-x:auto;margin:0 0 12px;padding-bottom:4px;scrollbar-width:thin}.filter-button{min-height:34px;flex:0 0 auto;border:1px solid rgba(154,184,204,.18);border-radius:999px;padding:0 11px;background:rgba(8,14,24,.62);color:#a9bdcc;font-size:.82rem;font-weight:760}.filter-button[aria-pressed=true]{color:#07121d;border-color:transparent;background:linear-gradient(135deg,rgba(66,211,181,.96),rgba(103,166,255,.95))}
.state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.state-button{min-height:64px;border:1px solid rgba(154,184,204,.18);border-radius:10px;padding:9px 10px;background:rgba(10,16,26,.72);color:var(--ink);cursor:pointer;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.state-button span,.state-button small{display:block}.state-button span{font-weight:780}.state-button small{margin-top:5px;color:var(--muted);font-size:.78rem}.state-button:hover{transform:translateY(-1px);border-color:rgba(66,211,181,.42);box-shadow:0 12px 26px rgba(0,0,0,.18)}.state-button[aria-checked=true]{color:#07121d;border-color:transparent;background:linear-gradient(135deg,rgba(66,211,181,.96),rgba(103,166,255,.95))}.state-button[aria-checked=true] small{color:rgba(7,18,29,.78)}.radar-stage{position:relative;min-height:280px;margin:18px 0 6px;border:1px solid rgba(154,184,204,.16);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(8,14,24,.78),rgba(10,16,26,.94));box-shadow:0 16px 36px rgba(0,0,0,.16)}.radar-glow,.radar-grid{position:absolute;inset:0;pointer-events:none}.radar-glow{background:radial-gradient(circle at 50% 50%,rgba(66,211,181,.16),transparent 42%),radial-gradient(circle at 50% 50%,rgba(103,166,255,.14),transparent 60%)}.radar-grid{background-image:radial-gradient(circle at center,rgba(154,184,204,.18) 0 1px,transparent 1px),linear-gradient(rgba(154,184,204,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(154,184,204,.06) 1px,transparent 1px);background-size:100% 100%,100% 56px,56px 100%;mask-image:radial-gradient(circle at center,rgba(0,0,0,.95),transparent 75%)}.radar-center{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(250px,62%);padding:24px 22px;border:1px solid rgba(154,184,204,.2);border-radius:18px;background:rgba(8,14,24,.78);backdrop-filter:blur(14px);text-align:center;z-index:2}.radar-center span{display:block;color:var(--muted);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.radar-center strong{display:block;margin-top:10px;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.02}.radar-center small{display:block;margin-top:8px;color:#8cdcc8;font-size:.84rem}.radar-orbits{position:absolute;inset:0;z-index:1}.radar-node{position:absolute;min-width:104px;max-width:150px;padding:10px 12px;border:1px solid rgba(154,184,204,.16);border-radius:14px;background:rgba(10,16,26,.82);color:var(--ink);box-shadow:0 12px 24px rgba(0,0,0,.18);cursor:pointer;transform:translate(-50%,-50%)}.radar-node span,.radar-node small{display:block}.radar-node span{font-weight:760;line-height:1.1}.radar-node small{margin-top:4px;color:var(--muted);font-size:.76rem}.radar-node[aria-current=true]{border-color:transparent;background:linear-gradient(135deg,rgba(66,211,181,.95),rgba(103,166,255,.95));color:#07121d}.radar-node[aria-current=true] small{color:rgba(7,18,29,.72)}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mode-button{min-height:66px;border:1px solid rgba(154,184,204,.18);border-radius:10px;padding:10px 12px;background:rgba(10,16,26,.72);color:var(--ink);cursor:pointer;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.mode-button span,.mode-button small{display:block}.mode-button span{font-weight:780}.mode-button small{margin-top:4px;color:var(--muted);font-size:.78rem}.mode-button:hover{transform:translateY(-1px);border-color:rgba(66,211,181,.42);box-shadow:0 12px 26px rgba(0,0,0,.18)}.mode-button[aria-checked=true]{color:#07121d;border-color:transparent;background:linear-gradient(135deg,rgba(66,211,181,.96),rgba(103,166,255,.95));box-shadow:0 12px 26px rgba(0,0,0,.18)}.mode-button[aria-checked=true] small{color:rgba(7,18,29,.78)}.format-note{margin:10px 0 0;color:var(--muted);font-size:.88rem;line-height:1.45}
.joined-card{justify-content:space-between;gap:12px;margin-top:14px;padding:13px;border-radius:10px;background:rgba(12,20,32,.74);border:1px solid rgba(154,184,204,.18)}.joined-card p{margin:4px 0 0;line-height:1.35}
.text-button{min-height:36px;border:1px solid rgba(66,211,181,.24);border-radius:999px;padding:0 12px;color:var(--ink);background:rgba(8,14,24,.65);white-space:nowrap}
.panel-block{margin-top:16px}.field-label{display:block;margin-bottom:8px}
textarea{width:100%;min-height:82px;resize:vertical;border:1px solid rgba(154,184,204,.18);border-radius:10px;padding:12px;background:rgba(8,14,24,.72);color:var(--ink);line-height:1.45;outline:none}
textarea::placeholder{color:#7d91a4}
textarea:focus,.state-button:focus-visible,button:focus-visible,a:focus-visible,.photo-tools select:focus-visible,.photo-drop:focus-within{outline:3px solid rgba(66,211,181,.24);outline-offset:2px}
.action-row{gap:10px;margin-top:12px}button{min-height:44px;border:0;border-radius:10px;padding:0 14px;cursor:pointer;font-weight:740}.primary-button{flex:1.1;color:#07121d;background:linear-gradient(135deg,rgba(66,211,181,.96),rgba(103,166,255,.95));box-shadow:0 14px 30px rgba(39,165,191,.22)}.secondary-button{flex:1;color:var(--ink);border:1px solid rgba(154,184,204,.18);background:rgba(8,14,24,.68)}
.preview-pane{min-width:0}#cardCanvas{display:block;width:min(100%,520px);height:auto;max-height:calc(100vh - 142px);margin:0 auto;border-radius:12px;box-shadow:var(--shadow);background:#0b1119;border:1px solid rgba(154,184,204,.14)}
.card-meta{width:min(100%,520px);margin:14px auto 0;justify-content:space-between;gap:18px;color:var(--muted)}.card-meta p{margin:0;color:var(--ink);font-weight:780}.card-meta span,#statusMessage{color:var(--muted);font-size:.9rem}#statusMessage{margin:0;min-height:20px;text-align:right}
.site-footer{justify-content:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.84rem}.site-footer a{color:#a7d8ef}
.campaign-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.campaign-links a{border:1px solid rgba(154,184,204,.18);border-radius:999px;padding:7px 11px;background:rgba(8,14,24,.6);color:#d8e4ef;font-size:.86rem;font-weight:720}
.browse-state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px}
.browse-state-button{position:relative;overflow:hidden;min-height:140px;padding:14px;border:1px solid rgba(154,184,204,.18);border-radius:12px;background:#fbfaf7;background-image:var(--status-art);background-size:cover;background-position:center;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;text-align:left;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.browse-state-button::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,13,20,.14),rgba(9,13,20,.76));pointer-events:none}
.browse-state-button span,.browse-state-button strong,.browse-state-button small{position:relative;z-index:1}
.browse-state-label{display:block;font-size:1.02rem;font-weight:780;line-height:1.08}
.browse-state-button strong{font-size:1.8rem;line-height:1}
.browse-state-button small{color:rgba(255,255,255,.76);font-size:.76rem;line-height:1.35}
.browse-state-button:hover{transform:translateY(-1px);border-color:rgba(66,211,181,.42);box-shadow:0 14px 26px rgba(0,0,0,.18)}
.photo-panel{scroll-margin-top:18px}.photo-drop{position:relative;display:flex;align-items:center;min-height:48px;border:1px dashed rgba(154,184,204,.34);border-radius:10px;background:rgba(8,14,24,.68);color:#dce7f2;overflow:hidden}.photo-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-drop span{padding:0 13px;font-size:.9rem;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-tools{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:10px}.photo-tools .field-label{grid-column:1/-1;margin-bottom:-2px}.photo-tools select{min-height:42px;border:1px solid rgba(154,184,204,.18);border-radius:10px;padding:0 12px;background:rgba(8,14,24,.72);color:var(--ink);font-weight:700;outline:none}.photo-tools .text-button{min-height:42px}
.workspace--home{grid-template-columns:minmax(0,1120px);justify-content:center;align-items:start}.workspace--home .control-pane{max-width:1120px}
.browse-controls{display:grid;gap:10px;max-width:340px}.status-select{width:100%;min-height:48px;border:1px solid rgba(154,184,204,.18);border-radius:10px;padding:0 12px;background:rgba(8,14,24,.72);color:var(--ink);font-weight:700;outline:none}.status-select:focus-visible{outline:3px solid rgba(66,211,181,.24);outline-offset:2px}.browse-controls .primary-link{justify-self:start}
.top-status-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.top-status{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:112px;overflow:hidden;border:1px solid rgba(217,222,217,.92);border-radius:10px;padding:12px;background:#fbfaf7;background-image:var(--status-art);background-size:cover;background-position:center;color:#fff;cursor:pointer;text-align:left;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.top-status::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,13,20,.18),rgba(9,13,20,.74));pointer-events:none}.top-status .bar{position:absolute;inset:auto 0 0 0;height:5px;width:var(--bar-width);background:rgba(255,255,255,.7);pointer-events:none;z-index:1}.rank,.top-label,.top-status strong{position:relative;z-index:1}.rank{color:rgba(255,255,255,.72);font-variant-numeric:tabular-nums}.top-label{font-size:1.02rem;font-weight:760;line-height:1.08}.top-status strong{font-size:1.6rem;line-height:1}.top-status:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(28,36,42,.12)}
.state-button{position:relative;overflow:hidden;background-image:var(--status-art);background-size:cover;background-position:center;color:#fff}.state-button::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,13,20,.18),rgba(9,13,20,.74));pointer-events:none}.state-button span,.state-button small{position:relative;z-index:1}.state-button small{color:rgba(255,255,255,.76)}.state-button[aria-checked=true]::after{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.24))}.state-button[aria-checked=true] small{color:rgba(7,18,29,.78)}.radar-node{background-image:var(--status-art);background-size:cover;background-position:center;color:#fff}.radar-node::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(9,13,20,.18),rgba(9,13,20,.74));pointer-events:none}.radar-node span,.radar-node small{position:relative;z-index:1}.radar-node small{color:rgba(255,255,255,.76)}.radar-node[aria-current=true]{color:#07121d}.radar-node[aria-current=true]::after{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.24))}.radar-node[aria-current=true] small{color:rgba(7,18,29,.78)}
@media (max-width:900px){.hero-grid,.workspace{display:grid;grid-template-columns:1fr}.hero-grid{gap:18px}.hero-copy{padding-bottom:0}.now-panel{flex-basis:auto;padding:14px}.control-pane{order:2}.preview-pane{order:1}.radar-stage{display:none}.top-status-list{grid-template-columns:1fr}.top-status{min-height:86px}#cardCanvas{max-height:none;width:min(100%,430px)}}@media (max-width:520px){.app-shell{padding:12px}h1{font-size:clamp(2.5rem,15vw,4.2rem)}.state-grid,.mode-grid{grid-template-columns:1fr}.top-status-list{grid-template-columns:1fr}.browse-state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.browse-state-button{min-height:110px;padding:12px}.browse-state-label{font-size:.92rem}.browse-state-button strong{font-size:1.5rem}.action-row,.joined-card{align-items:stretch;flex-direction:column}.photo-tools{grid-template-columns:1fr}}