:root{--bg:#f3f0ea;--surface:#fffdf9;--surface-muted:#f0ece5;--surface-warm:#fff4dd;--ink:#17141e;--ink-soft:#38333f;--muted:#6b6571;--border:#ddd6e1;--line:#cfc6d5;--accent:#7244e8;--accent-bright:#9c7cff;--accent-soft:#eee8ff;--cyan:#55d8d0;--amber:#c67b24;--amber-soft:#fff0d3;--green:#25705b;--blue:#315fbd;--violet:#6e4fb2;--charcoal:#121018;--shadow:0 20px 60px #1a12251c;--radius:18px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 6%, #7244e814, transparent 27rem), radial-gradient(circle at 92% 18%, #55d8d017, transparent 24rem), var(--bg);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.45rem,1.12rem + 1vw,2rem);line-height:1.08}h2{font-size:clamp(1.15rem,1rem + .5vw,1.45rem);line-height:1.18}h3{font-size:1.02rem;line-height:1.3}a{color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #7244e861}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#root{min-height:100svh}.app-shell{width:min(1240px,100% - 32px);margin:0 auto;padding:18px 0 42px}.site-header{justify-content:space-between;align-items:center;padding:8px 4px 20px;display:flex}.brand-lockup{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-lockup>span:last-child{gap:2px;display:grid}.brand-lockup strong{letter-spacing:-.01em;font-size:.96rem}.brand-lockup small{color:var(--muted);font-size:.76rem}.brand-mark{background:var(--charcoal);border:2px solid var(--accent-bright);color:#fbf8ff;letter-spacing:-.04em;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:.82rem;font-weight:900;display:grid;transform:rotate(-3deg);box-shadow:0 8px 24px #46298633}.public-nav,.public-nav a{align-items:center;display:flex}.public-nav{gap:6px}.public-nav a{color:var(--muted);border-radius:999px;gap:4px;min-height:38px;padding:8px 12px;font-size:.88rem;font-weight:720;text-decoration:none}.public-nav a:hover{color:var(--ink);background:#ffffffad}.hero{background:linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff09 1px, transparent 1px), radial-gradient(circle at 75% 28%, #824dff4d, transparent 24rem), radial-gradient(circle at 86% 80%, #41d9cf26, transparent 18rem), var(--charcoal);color:#f8f4ff;background-size:34px 34px,34px 34px,auto,auto,auto;border:1px solid #ffffff14;border-radius:30px;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);min-height:560px;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 90px #18102536}.hero-copy{z-index:2;align-self:center;max-width:650px;padding:clamp(42px,6vw,78px);position:relative}.hero-kicker{color:#c8bdde;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:22px;font-size:.75rem;font-weight:850;display:flex}.hero-kicker span{background:var(--cyan);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #55d8d01f,0 0 22px #55d8d08c}.hero h1{letter-spacing:-.07em;max-width:760px;font-size:clamp(3.2rem,7vw,6.4rem);line-height:.88}.hero h1 em{color:var(--accent-bright);font-style:normal}.hero-intro{color:#c8c2ce;max-width:590px;margin-top:28px;font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.hero-actions a{color:#f8f4ff;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;min-height:46px;padding:11px 17px;font-size:.9rem;font-weight:800;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.hero-actions a:hover{background:#ffffff14;transform:translateY(-2px)}.hero-actions .hero-primary{color:#201632;background:#f7f2ff;border-color:#f7f2ff}.hero-actions .hero-primary:hover{background:#fff}.hero-metrics{gap:clamp(20px,4vw,46px);margin:42px 0 0;display:flex}.hero-metrics div{gap:4px;display:grid}.hero-metrics dt{color:#fff;letter-spacing:-.03em;font-size:1.22rem;font-weight:850}.hero-metrics dd{color:#9f97a9;text-transform:uppercase;margin:0;font-size:.74rem}.hero-art{min-height:500px;position:relative}.hero-art:before{background:linear-gradient(90deg, var(--accent-bright), var(--cyan));content:"";filter:blur(48px);opacity:.28;width:280px;height:160px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.hero-art img{filter:drop-shadow(0 38px 42px #0000006b);z-index:2;width:100%;max-width:min(76%,380px);position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)rotate(4deg)scale(1.12)}.hero-orbit{border:1px solid #ffffff1f;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.hero-orbit-one{width:390px;height:390px}.hero-orbit-two{border-color:#9c7cff38;width:340px;height:510px;transform:translate(-50%,-50%)rotate(18deg)}.hero-note{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#d8d1df;letter-spacing:.08em;z-index:3;background:#100d17b8;border:1px solid #ffffff29;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.67rem;display:inline-flex;position:absolute}.hero-note-top{top:20%;right:8%;transform:rotate(3deg)}.hero-note-bottom{bottom:18%;left:6%;transform:rotate(-3deg)}.hero-note-bottom span{background:var(--cyan);border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #55d8d0b3}.admin-toolbar{border:1px solid var(--border);background:#fffdf9;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;max-width:1040px;margin:16px auto 0;padding:10px 12px;display:flex}.admin-toolbar>p{color:var(--muted);padding-left:6px;font-size:.8rem;font-weight:750}.admin-toolbar nav{flex-wrap:wrap;gap:7px;display:flex}.admin-toolbar button{background:var(--surface-muted);color:var(--ink-soft);border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;min-height:36px;padding:7px 11px;display:inline-flex}.admin-toolbar button.active{background:var(--charcoal);color:#fff}.feed-status{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 18px;max-width:1040px;margin:0 auto;padding:24px 4px 12px;font-size:.8rem;display:flex}.connection-status{color:var(--ink-soft);align-items:center;gap:8px;font-weight:760;display:inline-flex}.connection-status i{background:var(--amber);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #c67b241f}.connection-status[data-mode=supabase] i{background:var(--green);box-shadow:0 0 0 4px #25705b1f}.feed-notice{background:var(--amber-soft);color:#71410b;border-radius:8px;flex:100%;padding:9px 11px}.topbar{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:10;background:#fffffff0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;display:grid;position:sticky;top:12px}.topbar .brand-mark{background:var(--charcoal);border:2px solid var(--amber);color:#fff6e6;letter-spacing:0;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.eyebrow{color:var(--green);letter-spacing:0;text-transform:uppercase;font-size:.74rem;font-weight:800}.topbar nav,.filter-bar,.mode-row{flex-wrap:wrap;gap:8px;display:flex}.topbar button,.filter-bar button,.mode-row button,.primary-action,.update-actions a{color:var(--ink);background:#f8f4ee;border:1px solid #ded7ce;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 12px;text-decoration:none;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.topbar button:hover,.filter-bar button:hover,.mode-row button:hover,.update-actions a:hover{border-color:#bfc8c2}.topbar button.active,.filter-bar button.active,.mode-row button.active,.primary-action{background:var(--charcoal);border-color:var(--charcoal);color:#fff8ed}.status-strip{color:var(--muted);flex-wrap:wrap;gap:10px;max-width:920px;margin:14px auto 24px;font-size:.92rem;display:flex}.status-strip span{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 10px}.feed-view,.compose-view,.config-view{max-width:1040px;margin:0 auto}.feed-view{scroll-margin-top:18px}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin:38px 0 22px;display:flex}.section-heading h2{letter-spacing:-.055em;margin-top:5px;font-size:clamp(2rem,4vw,3.2rem)}.section-heading>p{color:var(--muted);text-align:right;max-width:380px;line-height:1.45}.feed-controls{grid-template-columns:minmax(0,1fr) minmax(190px,auto);gap:10px;margin-bottom:12px;display:grid}.feed-search,.project-filter{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:13px;align-items:center;gap:9px;min-height:48px;padding:0 14px;display:flex}.feed-search:focus-within,.project-filter:focus-within{border-color:#7244e8a6;box-shadow:0 0 0 3px #7244e81a}.feed-search input,.project-filter select{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-height:44px}.project-filter select{cursor:pointer;min-width:165px}.filter-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.filter-bar{margin:0}.filter-bar button{background:var(--surface);border-radius:999px;min-height:36px;padding:6px 8px 6px 12px}.filter-count{background:var(--surface-muted);color:var(--muted);border-radius:999px;min-width:24px;padding:2px 7px;font-size:.78rem;font-weight:800}.filter-bar button.active .filter-count{color:#fff8ed;background:#ffffff29}.results-count{color:var(--muted);flex:none;font-size:.84rem}.results-count strong{color:var(--ink)}.updates-grid{grid-template-columns:minmax(0,1fr);gap:22px;display:grid}.feed-state,.update-card,.compose-surface,.status-block,.setup-notes{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 34px #1f162a11}.feed-state{color:var(--muted);gap:8px;padding:26px;display:grid}.feed-state h2{color:var(--ink)}.update-card{flex-direction:column;scroll-margin-top:22px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden}.update-card:before{background:linear-gradient(90deg, var(--accent), var(--cyan));content:"";opacity:0;z-index:1;height:3px;transition:opacity .18s;position:absolute;inset:0 0 auto}.update-card:hover{border-color:#cbbde1;transform:translateY(-2px);box-shadow:0 22px 54px #1f162a1a}.update-card:hover:before{opacity:1}.update-header,.update-footer{justify-content:space-between;gap:14px;display:flex}.update-header{align-items:flex-start;padding:26px 28px 14px}.update-header>div{gap:8px;min-width:0;display:grid}.update-header time{color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:.88rem;line-height:1.3;display:inline-flex}.update-timing{color:var(--muted);flex:none;place-items:flex-end end;gap:7px;font-size:.82rem;display:grid}.update-timing time,.update-timing span{align-items:center;gap:6px;display:inline-flex}.update-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.project-name{color:var(--ink-soft)}.status-pill{letter-spacing:.055em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;padding:3px 8px;font-size:.74rem;font-weight:800;display:inline-flex}.status-wip{background:var(--accent-soft);color:var(--accent);border-color:#afdce1}.status-feedback{background:var(--amber-soft);color:#7a4508;border-color:#edcb94}.status-build{color:var(--blue);background:#e8efff;border-color:#bdcff8}.status-milestone{color:var(--green);background:#e7f4ec;border-color:#badcc9}.status-supporter{color:var(--violet);background:#f0eafb;border-color:#d5c5f3}.update-body{color:var(--ink-soft);padding:2px 28px 22px;font-size:1rem;line-height:1.62}.update-body>*+*{margin-top:11px}.update-body ul,.update-body ol{padding-left:22px}.update-body li+li{margin-top:4px}.update-body blockquote{border-left:3px solid var(--line);color:var(--muted);margin:14px 0 0;padding-left:12px}.update-body a{color:var(--accent);text-underline-offset:3px;font-weight:750}.update-body code{background:var(--surface-muted);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-size:.92em}.update-body pre{color:#f3f7f4;background:#16201d;border-radius:7px;padding:12px;overflow-x:auto}.update-body pre code{background:0 0;border:0;padding:0}.update-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.update-body th,.update-body td{border:1px solid var(--border);padding:7px 9px}.update-body img{border-radius:7px;max-width:100%;display:block}.media-gallery{border-top:1px solid var(--border);gap:1px;display:grid}.media-gallery.multiple{background:var(--charcoal);grid-template-columns:repeat(2,minmax(0,1fr))}.update-media{background:#1b2421;min-width:0;margin:0}.update-media img,.mock-visual{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.update-media figcaption{color:var(--muted);background:#f7f3ed;padding:10px 14px;font-size:.88rem;line-height:1.45}.update-footer{border-top:1px solid #eee9f0;align-items:center;margin-top:auto;padding:17px 28px 20px}.tag-list{flex-wrap:wrap;gap:7px;display:flex}.tag-list span{color:#5e536c;background:#f3eff8;border:1px solid #ddd3e9;border-radius:999px;padding:4px 8px;font-size:.82rem}.update-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.update-actions a{background:var(--surface);min-height:34px;padding:7px 10px}.update-actions .cta-link{background:var(--accent);border-color:var(--accent);color:#fff}.reset-filters{background:var(--charcoal);color:#fff;border:0;border-radius:999px;align-items:center;gap:7px;width:fit-content;min-height:38px;margin-top:4px;padding:8px 13px;display:inline-flex}.compose-surface{gap:16px;padding:18px;display:grid}.field,.upload-box{gap:7px;display:grid}.field span{color:var(--muted);font-size:.88rem;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);color:var(--ink);resize:vertical;background:#fff;border-radius:7px;min-height:42px;padding:10px 11px}.split-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.upload-box{background:var(--surface-muted);border-radius:var(--radius);border:1px dashed #aebbab;padding:16px}.upload-box label{align-items:center;gap:8px;width:fit-content;display:inline-flex}.upload-box input{display:none}.upload-box p,.composer-actions p,.status-block p{color:var(--muted);line-height:1.45}.image-alt-list{gap:10px;display:grid}.composer-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.config-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.status-block{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px;display:grid}.status-icon{color:var(--accent)}.ready{color:var(--green)}.waiting{color:var(--amber)}.setup-notes{margin-top:18px;padding:18px}.setup-notes ol{color:var(--muted);margin:12px 0 0;padding-left:22px;line-height:1.65}.mock-visual{position:relative;overflow:hidden}.mock-run{background-color:#0c684d;background-image:linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:12px solid #111815}.run-hud{color:#f7f0df;justify-content:space-between;align-items:center;padding:4px 6px;font-size:.8rem;display:flex}.run-field{position:absolute;inset:34px 16px 18px}.pickup,.reticle{border-radius:50%;position:absolute}.pickup{background:#8d8177;width:48px;height:34px;box-shadow:inset -6px -7px #0000002e}.pickup-a{top:52%;left:18%;transform:rotate(-22deg)}.pickup-b{top:26%;right:22%}.pickup-c{background:#c79654;bottom:18%;right:34%}.reticle{border:3px solid #5adcdfcc;width:148px;height:148px;top:calc(50% - 74px);left:calc(50% - 74px)}.mock-tech{background:linear-gradient(120deg,#0000 0 47%,#e3e9dd29 47% 49%,#0000 49% 100%),#101615}.node{background:#24302b;border:3px solid #d99d3f;width:52px;height:52px;position:absolute;box-shadow:0 0 0 3px #d99d3f2e}.node-0{border-color:#38c78d;top:calc(50% - 26px);left:calc(50% - 26px)}.node-1{top:25%;left:30%}.node-2{top:25%;right:30%}.node-3{bottom:22%;left:35%}.node-4{bottom:22%;right:35%}.node-5,.node-6,.node-7,.node-8,.node-9{border-color:#57635d}.node-5{top:40%;left:14%}.node-6{top:42%;right:14%}.node-7{top:10%;left:48%}.node-8{bottom:9%;left:20%}.node-9{bottom:9%;right:20%}.edge{transform-origin:0;background:#43ced3;width:128px;height:4px;position:absolute}.edge-a{top:43%;left:38%;transform:rotate(28deg)}.edge-b{top:43%;left:48%;transform:rotate(-30deg)}.edge-c{top:54%;left:43%;transform:rotate(105deg)}.edge-d{top:54%;left:50%;transform:rotate(73deg)}.mock-icons{background:#5d5f5d;grid-template-columns:repeat(6,1fr);gap:14px;padding:28px;display:grid}.icon-tile{border:1px solid #fffc;border-radius:7px;place-items:center;min-height:64px;display:grid}.icon-tile span{background:#fff;width:28px;height:28px}.site-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-top:72px;padding:28px 4px 4px;display:flex}.site-footer>div{align-items:center;gap:12px;display:flex}.site-footer .brand-mark{width:36px;height:36px}.site-footer p{gap:2px;display:grid}.site-footer p span{color:var(--muted);font-size:.8rem}.site-footer nav{flex-wrap:wrap;gap:6px;display:flex}.site-footer nav a{color:var(--muted);border-radius:999px;padding:8px 10px;font-size:.82rem;font-weight:720;text-decoration:none}.site-footer nav a:hover{background:var(--surface);color:var(--ink)}@media (width<=840px){.app-shell{width:min(100% - 18px,720px);padding-bottom:36px}.topbar{grid-template-columns:auto minmax(0,1fr);align-items:start;position:static}.hero{grid-template-columns:1fr}.hero-copy{max-width:760px;padding-bottom:28px}.hero-art{min-height:390px}.hero-art img{max-width:320px}.topbar nav{grid-column:1/-1}.section-heading,.update-header,.update-footer{flex-direction:column;align-items:start}.filter-row{flex-direction:column;align-items:flex-start}.section-heading>p{text-align:left}.update-header time{white-space:normal}.update-timing{place-items:start}.update-actions{justify-content:flex-start;width:100%}.updates-grid,.split-fields,.config-grid,.media-gallery.multiple{grid-template-columns:1fr}}@media (width<=460px){.app-shell{width:calc(100% - 16px)}.topbar{gap:12px}.site-header{align-items:flex-start;gap:12px}.brand-lockup small{display:none}.public-nav{justify-content:flex-end}.public-nav a{min-height:36px;padding:7px 8px}.public-nav a:first-child{display:none}.hero{border-radius:22px;min-height:0}.hero-copy{padding:38px 24px 18px}.hero h1{font-size:clamp(3.1rem,15vw,4.2rem)}.hero-intro{font-size:.96rem;line-height:1.58}.hero-actions a{justify-content:center;width:100%}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.hero-metrics dt{font-size:1rem}.hero-metrics dd{font-size:.62rem;line-height:1.3}.hero-art{min-height:244px}.hero-art img{max-width:214px}.hero-orbit-one{width:220px;height:220px}.hero-orbit-two{width:188px;height:264px}.hero-note-top{top:8%;right:3%}.hero-note-bottom{bottom:8%;left:3%}.admin-toolbar,.site-footer{flex-direction:column;align-items:flex-start}.admin-toolbar nav{width:100%}.admin-toolbar button{flex:auto}.feed-status{gap:8px 12px;padding-left:2px}.feed-controls{grid-template-columns:1fr}.section-heading{margin-top:28px}.section-heading h2{font-size:2.2rem}.brand-mark{width:42px;height:42px}.topbar nav,.filter-bar{width:100%}.topbar button{flex:auto}.filter-bar button{flex:calc(50% - 8px)}.update-header,.update-body,.update-footer{padding-left:18px;padding-right:18px}.update-header{padding-top:23px}.update-actions a{flex:auto}.mock-icons{grid-template-columns:repeat(3,1fr);gap:10px;padding:22px}.site-footer{margin-top:50px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}