:root{--bg:#000;--panel:#0e0e10;--ink:#f5f5f5;--muted:#9a9a9a;--line:#ffffff38;--line-strong:#ffffffc0;--line-soft:#ffffff1a;--accent:#f5f5f5;--accent-soft:#ffffff14;--on-accent:#0a0a0a;--ring:#ffffffc0;--bad:#ff6b6b;--good:#4ade80;--signal:#ff8a3d;--border:1px;--lunar:radial-gradient(120% 60% at 50% 110%, #2a2a2a 0%, #0a0a0a 55%, #000 80%);--glass:#0a0a0cb3;--blur:blur(14px) saturate(120%);--hud:"JetBrains Mono", ui-monospace, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--radius-sm:10px;--radius:14px;--radius-lg:20px;--text-sm:13px;--text:14px;--text-lg:18px;--bar:56px;font:var(--text)/1.5 "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color:var(--ink);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.wordmark{font-family:var(--hud,"JetBrains Mono", ui-monospace, monospace);text-transform:uppercase;letter-spacing:.18em;white-space:nowrap;font-weight:800}.wordmark b{font-weight:500}.logo{vertical-align:middle;width:1.3em;height:1.3em;margin-right:.3em}.moon-grid{box-sizing:border-box;width:100%;height:100%;padding:var(--moon-pad,2vmin);background:var(--moon-bg);color:var(--moon-fg);--moon-font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--moon-font);display:grid}.moon-grid[data-theme=dark]{--moon-bg:#0a0a0a;--moon-fg:#f5f5f5;--moon-card:#1c1c1c}.moon-grid[data-theme=light]{--moon-bg:#ececec;--moon-fg:#0a0a0a;--moon-card:#fff}.moon-cell{background:var(--moon-card);border-top:.5vmin solid var(--moon-accent);border-radius:1.4vmin;min-width:0;min-height:0;position:relative;overflow:hidden}.moon-cell[data-bg]{border-top:0}.moon-placeholder{text-align:center;opacity:.6;justify-content:center;align-items:center;height:100%;padding:1em;font-size:14px;display:flex}.moon-cell>[data-stale]:after{content:attr(data-stale);color:#fff;white-space:nowrap;background:#0009;border-radius:99px;padding:.3vmin 1vmin;font-size:1.6vmin;position:absolute;bottom:1vmin;left:1vmin}*{box-sizing:border-box}html{overflow-x:clip}body{background:var(--lunar) fixed;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:var(--border) solid var(--line);background:var(--panel);border-radius:var(--radius-sm);padding:0 var(--space-3);min-height:36px;font-weight:500;font-size:var(--text-sm);white-space:nowrap;transition:background .15s,border-color .15s}button:hover{background:var(--accent-soft);border-color:var(--line-strong)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.primary:hover{opacity:.85}button.ghost{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000}button.ghost:hover{background:var(--accent-soft);color:var(--ink)}button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}button.danger{color:var(--bad)}button:disabled{opacity:.5;cursor:default}input,select,textarea{border:var(--border) solid var(--line);border-radius:var(--radius-sm);width:100%;padding:6px var(--space-2);background:var(--accent-soft)}option{background:var(--panel)}::placeholder{color:var(--muted);opacity:1}input:focus-visible{outline-offset:0;border-color:var(--ring)}select:focus-visible{outline-offset:0;border-color:var(--ring)}textarea:focus-visible{outline-offset:0;border-color:var(--ring)}textarea{resize:vertical;min-height:90px}label{font-size:var(--text-sm);color:var(--muted);margin:10px 0 4px;display:block}label.check{color:var(--ink);align-items:center;gap:8px;display:flex}label.check input{width:auto}.splash{text-align:center;place-items:center;height:100vh;display:grid}.splash .wordmark{margin-top:var(--space-4);font-size:var(--text-lg);display:block}.logo{transition:transform .6s}.brand:hover .logo,.hero h1:hover .logo{transform:rotate(360deg)}.splash .logo{width:96px;height:96px;margin:0;animation:2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.logo{transition:none}.splash .logo{animation:none}}.muted{color:var(--muted)}.error{color:var(--bad);min-height:1.2em;font-size:13px}.toast{z-index:3;top:calc(var(--bar) + var(--space-3));width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:92vw;padding:var(--space-3) var(--space-4);border:var(--border) solid var(--bad);border-radius:var(--radius-sm);background:var(--panel);cursor:pointer;margin:0;position:fixed;left:50%;transform:translate(-50%)}.toast:empty{display:none}.verify{padding:var(--space-2) var(--space-3);border-top:var(--border) solid var(--line);background:var(--panel);text-align:center;grid-column:1/-1;margin:0}dialog>.toast{width:auto;max-width:none;margin-bottom:var(--space-3);position:-webkit-sticky;position:sticky;top:0;left:auto;transform:none}dialog.sheet>.toast{margin:var(--space-3) var(--space-3) 0;top:var(--space-3)}@media (max-width:700px){dialog.sheet>.toast{margin:0 0 var(--space-3);top:0}}.signin{background:var(--glass);max-width:380px;-webkit-backdrop-filter:var(--blur);border-radius:var(--radius-lg);border:var(--border) solid var(--line);margin:12vh auto;padding:32px}.signin h1{margin:0 0 8px}.signin form{gap:10px;margin-top:20px;display:grid}.shell{z-index:0;grid-template:"top top top" var(--bar) "palette stage inspector" 1fr / auto 1fr auto;height:100vh;height:100dvh;display:grid;position:relative}.shell:before,.shell:after{content:"";z-index:-1;pointer-events:none;background:url(/earthrise/stars.webp) top/cover no-repeat;width:110%;height:115%;position:fixed;top:-5%;left:-5%}.shell:before{animation:90s ease-in-out infinite alternate stardrift}.shell:after{opacity:.35;background-image:url(/earthrise/moon.webp)}@keyframes stardrift{to{transform:translate(-3%,-2%)scale(1.04)}}.palette{grid-area:palette}.stage{grid-area:stage}.inspector{grid-area:inspector}.shell:not([data-widgets=true]) .palette,.shell:not([data-inspector=true]) .inspector{display:none}.palette{width:220px}.inspector{width:300px}.top{align-items:center;gap:var(--space-2);padding:0 var(--space-4);background:var(--glass);-webkit-backdrop-filter:var(--blur);border-bottom:var(--border) solid var(--line);scrollbar-width:none;grid-area:top;display:flex;overflow-x:auto}.top .brand{font-size:var(--text-sm);margin-right:var(--space-2)}.top .wordmark.short{display:none}.top .tools{align-items:center;gap:var(--space-2);flex:1;display:flex}.top .tools .icon{display:none}.top .spacer{flex:1}.top select{width:auto;max-width:220px}.top .history{flex:none;align-items:center;display:flex}.top .history button{padding:6px 8px}.top .save{margin-left:var(--space-2);color:var(--muted);white-space:nowrap;font-size:12px}.top .save[data-save=failed]{color:var(--bad)}.badge{background:var(--accent-soft);color:var(--accent);border-radius:99px;padding:2px 8px;font-size:12px}.palette,.inspector{background:var(--glass);-webkit-backdrop-filter:var(--blur);padding:12px;overflow:auto}.palette{border-right:var(--border) solid var(--line)}.inspector{border-left:var(--border) solid var(--line)}.palette h2,.inspector h2{font:800 12px var(--hud);text-transform:uppercase;letter-spacing:.1em;margin:4px 0 12px}.palette h2:before,.inspector h2:before{content:"// ";color:var(--signal)}.widget-pick{gap:var(--space-2);text-align:left;width:100%;padding:var(--space-2);border:var(--border) solid var(--line);border-radius:var(--radius);margin-bottom:var(--space-2);white-space:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--accent-soft);border-color:var(--line-soft);align-items:center;display:flex}.palette .widget-pick{cursor:grab;touch-action:none}.picker{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.picker .widget-pick{margin:0}.icon{vertical-align:-.125em;flex:none}.widget-pick .ic{font-size:22px;line-height:0}.widget-pick small{color:var(--muted);display:block}.widget-pick.locked{opacity:.55}.stage{background:var(--brackets);background-repeat:no-repeat;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:auto}.stage .readout{text-align:center;font:500 11px var(--hud);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);text-shadow:0 1px 4px #000;white-space:nowrap;text-overflow:ellipsis;padding:0 var(--space-6);margin:0;position:absolute;bottom:2px;left:0;right:0;overflow:hidden}.canvas{width:min(100%, calc((100dvh - var(--bar) - 48px) * 16 / 9));aspect-ratio:16/9;border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--line), 0 0 60px #ffffff14;position:relative;overflow:hidden}.canvas[data-orientation=portrait]{width:min(100%, calc((100dvh - var(--bar) - 48px) * 9 / 16));aspect-ratio:9/16}.canvas .moon-grid,.canvas .frames{position:absolute;top:0;bottom:0;left:0;right:0}.frames{box-sizing:border-box;padding:var(--moon-pad,2vmin);display:grid}.cell{border-radius:var(--radius-sm);color:#888;font:500 20px var(--hud);border:1px dashed #8884;justify-content:center;align-items:center;display:flex}.cell:hover{background:#8882}.cell:hover:after{content:"+"}.frames{cursor:pointer}.frame{cursor:move;touch-action:none;border:2px solid #0000;border-radius:1.4vmin;position:relative}.frame:hover{border-color:#fff8}.frame:focus-visible{outline-offset:0;outline:3px solid #fff;box-shadow:0 0 0 6px #0a0a0a}.frame.selected{border:2px solid #fff;box-shadow:0 0 0 2px #0a0a0a,0 0 18px #ffffff80}.frame.selected:before{content:"";pointer-events:none;background:var(--brackets);background-repeat:no-repeat;animation:1.6s ease-in-out infinite alternate lock;position:absolute;top:-18px;bottom:-18px;left:-18px;right:-18px}@keyframes lock{0%{opacity:.45;transform:scale(1.02)}}.frame .grip{cursor:nwse-resize;background:#fff;border:2px solid #0a0a0a;border-radius:6px;width:16px;height:16px;display:none;position:absolute;bottom:-2px;right:-2px}.frame:hover .grip,.frame.selected .grip{display:block}.frames .ghost{pointer-events:none;background:#fff3;border:3px dashed #fff;border-radius:1.4vmin}.frames .ghost.bad{background:color-mix(in srgb, var(--bad) 27%, transparent);border-color:var(--bad)}.row{gap:8px;display:flex}.row>*{flex:1}.actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}:root{--brackets:linear-gradient(var(--signal), var(--signal)) 10px 10px / 14px 2px, linear-gradient(var(--signal), var(--signal)) 10px 10px / 2px 14px, linear-gradient(var(--signal), var(--signal)) right 10px top 10px / 14px 2px, linear-gradient(var(--signal), var(--signal)) right 10px top 10px / 2px 14px}dialog{border-radius:var(--radius-lg);padding:var(--space-6);border:var(--border) solid var(--line);width:min(640px,92vw);color:var(--ink);background:var(--brackets), var(--panel);background-repeat:no-repeat;box-shadow:0 0 80px #ffffff1a}dialog[open]{animation:.22s ease-out boot}@keyframes boot{0%{opacity:0;transform:translateY(10px)scale(.98)}}dialog h2,dialog h3{font-family:var(--hud);text-transform:uppercase;letter-spacing:.08em}dialog h2{font-size:var(--text-lg)}dialog h2:before{content:"// ";color:var(--signal)}dialog h3{font-size:var(--text-sm)}dialog label:not(.check):not(.template-pick),dialog [data-role=count]{font-family:var(--hud);text-transform:uppercase;letter-spacing:.08em;font-size:12px}dialog.sheet{width:min(520px,92vw);max-height:85dvh;padding:0}dialog.sheet .body{padding:var(--space-6)}@media (pointer:coarse){.frame .grip{border-radius:8px;width:24px;height:24px}input,select,textarea{font-size:16px}input:not([type=checkbox]):not([type=radio]),select,button{min-height:44px}}@media (max-width:700px){dialog,dialog.sheet{width:100%;max-width:100%;margin:auto 0 var(--kb,0px);max-height:calc(var(--vvh,100dvh) - var(--space-3));padding:var(--space-6) var(--space-4) 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overscroll-behavior:contain;scroll-padding:var(--space-4) 0 88px;border-bottom:none}dialog[open]{animation:.2s ease-out rise}dialog{transition:height .2s ease-out}dialog.dragging{transition:none}dialog[data-snap=half]{height:calc((var(--vvh,100dvh) - var(--space-3)) / 2)}dialog[data-snap=full]{height:calc(var(--vvh,100dvh) - var(--space-3))}dialog.sheet::backdrop{-webkit-backdrop-filter:none;background:#0a0a0a33}dialog:before{content:"";background:var(--line);width:48px;height:5px;margin:calc(-1 * var(--space-3)) auto var(--space-4);border-radius:2px;display:block}dialog.sheet .body{padding:0}dialog>:last-child,dialog .body>:last-child{margin-bottom:var(--space-4)}dialog .actions{z-index:1;margin:var(--space-4) calc(-1 * var(--space-4)) 0;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:var(--border) solid var(--line);position:-webkit-sticky;position:sticky;bottom:0}dialog>.actions:last-child,dialog form:last-child .actions,dialog .body .actions:last-child{margin-bottom:0}dialog .actions>*{flex:1 1 0}.desktop{display:none}.shell:after{opacity:.2}.shell{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.top .tools{z-index:1;padding:var(--space-2) var(--space-1) calc(var(--space-2) + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:var(--border) solid var(--line);gap:0;position:fixed;bottom:0;left:0;right:0}.top{-webkit-backdrop-filter:none;background:var(--panel)}.top .tools .spacer,.top .wordmark{display:none}.top .wordmark.short{display:inline}.top .tools{overflow-x:auto}.top .tools button{flex-direction:column;flex:1 0 50px;justify-content:center;align-items:center;min-width:0;margin:0 2px;padding:4px 2px;font-size:11px;font-weight:600;line-height:1.2;display:flex;overflow:hidden}.top .tools button.desktop{display:none}@media (max-width:360px){.top .tools button{margin:0 1px;padding:4px 0;font-size:10px}}.top .tools .icon{margin-bottom:3px;font-size:18px;display:block}.top .tools button>span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.top .tools button[data-short]>span{display:none}.top .tools button[data-short]:after{content:attr(data-short)}.top .tools .badge{font:inherit;padding:0 4px}.top select{flex:1;min-width:0;max-width:none}dialog .template-picks{grid-template-columns:repeat(2,1fr);max-height:none;overflow:visible}dialog .item{flex-wrap:wrap}dialog .item .grow{flex:calc(100% - 30px)}dialog .item select{flex:100%;max-width:none}dialog .item button{flex:1 1 0}dialog .pair .row{flex-direction:column}dialog .schedule{margin-left:0}dialog .days{flex-wrap:wrap}dialog .time-slot input[type=time]{flex:1 1 0}dialog .time-slot select{flex:100%;width:100%}}@keyframes rise{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){dialog[open],.shell:before,.frame.selected:before{animation:none}}dialog::backdrop{-webkit-backdrop-filter:blur(6px);background:#000000a6}dialog h2{margin-top:0}.template-picks{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));max-height:50dvh;display:grid;overflow:auto}.template-pick{padding:var(--space-2);border:var(--border) solid var(--line-soft);border-radius:var(--radius);cursor:pointer;margin:0;display:block;position:relative}.template-pick:has(input:checked){border-color:var(--line);background:var(--accent-soft)}.template-pick input{opacity:0;position:absolute}.template-pick:has(input:focus-visible){outline:2px solid var(--ring)}.template-pick .thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--line-soft);object-fit:cover;width:100%;display:block}.template-pick b{margin-top:var(--space-2);color:var(--ink);display:block}.template-pick small{color:var(--muted);font-size:var(--text-sm);display:block}.list{gap:8px;margin:12px 0;display:grid}.item{border:var(--border) solid var(--line);border-radius:var(--radius);align-items:center;gap:10px;padding:10px;display:flex}.item .grow{flex:1}.item select{width:auto;max-width:40%}.schedule{border-left:3px solid var(--line);margin:-4px 0 4px 20px;padding:10px}.schedule p{margin:0 0 8px;font-size:13px}.time-slot{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.time-slot input[type=time],.rule select{width:auto}.cycle{margin:0 0 12px 12px}.cycle-item{align-items:flex-end}.cycle-item .row-acts{flex:none;gap:4px;padding-bottom:6px;display:flex}.days{gap:6px;display:flex}.days label.check{gap:2px;margin:0;font-size:13px}.dot{background:var(--line);border-radius:50%;width:10px;height:10px}.dot.on{background:var(--good);box-shadow:0 0 0 3px #2e9d4f40}.plans{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.plan{background:var(--glass);-webkit-backdrop-filter:var(--blur);border:var(--border) solid var(--line);border-radius:var(--radius-lg);padding:16px}.plan.current{border-color:var(--accent)}.beta{border:var(--border) solid var(--line);border-radius:var(--radius-lg);margin-bottom:12px;padding:12px 16px}.beta:empty{display:none}.plan ul{padding-left:18px;font-size:14px}@media (max-width:900px){.plans{grid-template-columns:1fr}}@media (max-width:700px){.shell{grid-template:"top" var(--bar) "stage" 1fr / 1fr}.palette,.inspector{display:none!important}.stage{padding:var(--space-3);align-items:flex-start}}.landing{--line:#ffffff59;--glass:#0a0a0ad9;--muted:#b8b8b8;height:100vh;scroll-behavior:smooth;background:#000;height:100dvh;overflow-x:hidden;overflow-y:auto}@media (prefers-reduced-motion:reduce){.landing{scroll-behavior:auto}}.sky{pointer-events:none;width:100%;height:110vh;position:fixed;top:0;left:0}.sky i{will-change:transform;background:top/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.sky .stars{background-image:url(/earthrise/stars.webp)}.sky .earth{background-image:url(/earthrise/earth.webp)}.sky .moon{background-image:url(/earthrise/moon.webp)}.sky:after{content:"";opacity:0;background:#000;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.sky.dim:after{opacity:.7}.deck-nav{z-index:2;padding:var(--space-4) var(--space-6);opacity:0;pointer-events:none;justify-content:space-between;align-items:center;transition:opacity .4s,transform .4s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-8px)}.deck-nav.shown,.deck-nav:focus-within{opacity:1;pointer-events:auto;background:var(--glass);-webkit-backdrop-filter:var(--blur);transform:none}.deck-nav a{color:#fff;font-weight:500;text-decoration:none}.deck-nav span a+a{margin-left:var(--space-6)}.deck-nav a:hover{opacity:.7}.landing{--measure:640px}.sect{max-width:1120px;margin:0 auto;padding:112px 24px 0;position:relative}.sect>header{max-width:var(--measure);margin:0 0 40px}.kicker{font:500 12px/1 var(--hud);text-transform:uppercase;letter-spacing:.18em;color:#b4c8e2;margin:0 0 12px}.sect h2{letter-spacing:-.02em;margin:0;font-size:max(28px,min(3.4vw,44px));font-weight:700;line-height:1.1}.lede{color:#c8c8c8;margin:16px 0 0;font-size:17px;line-height:1.6}.sect.narrow>header,.sect.narrow .signin{text-align:center;max-width:480px;margin-left:auto;margin-right:auto}.flair{display:inline-block;position:relative}.float{color:#fff;opacity:.6;pointer-events:none;animation:12s ease-in-out infinite alternate drift;position:absolute}@keyframes drift{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-14px)rotate(4deg)}}.hero{min-height:100vh;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100dvh;padding:14vh 24px 48px;display:flex;position:relative}.hero .copy{z-index:0;max-width:920px;position:relative}.hero .copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#000000e6 72%,#0000);position:absolute;top:-40px;bottom:-110px;left:-12%;right:-12%}.hero .mark{margin:0 0 40px;font-size:22px}.hero .mark .wordmark{letter-spacing:.12em}.hero h1{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:max(34px,min(4.4vw,58px));font-weight:700;line-height:1.06}.hero .lede{max-width:580px;margin:24px auto 0;font-size:max(17px,min(1.4vw,19px))}.hero .ctas{margin:36px 0 0}.hero .note{color:#c8c8c8;max-width:520px;margin:20px auto 0;font-size:14px;line-height:1.6}.cta{border:var(--border) solid #fff;color:#000;background:#fff;border-radius:999px;padding:13px 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.cta:hover{opacity:.85}.cta+.cta{margin-left:12px}.cta.ghost{background:var(--glass);-webkit-backdrop-filter:var(--blur);border-color:var(--line-strong);color:#fff}.cta.ghost:hover{opacity:1;border-color:#fff}.hero .credit{right:var(--space-4);bottom:var(--space-2);color:#e0e0e0;background:#000000b3;border-radius:999px;padding:2px 8px;font-size:11px;position:absolute}.cards{margin:0;padding:0;list-style:none;display:flex}.card{background:var(--glass);-webkit-backdrop-filter:var(--blur);border-radius:var(--radius-lg);border:var(--border) solid var(--line);flex:1 1 0;padding:24px}.card+.card{margin-left:16px}.card h3{margin:0 0 8px;font-size:17px;line-height:1.3}.card p{color:#b8b8b8;margin:0;font-size:15px;line-height:1.6}.card img{border-radius:var(--radius-sm);width:100%;height:auto;margin-bottom:16px;display:block}.pains .card{padding:16px 16px 20px}.pains .card p{color:#ededed;font-size:16px}.steps .num{font:500 13px/1 var(--hud);letter-spacing:.1em;color:#b4c8e2;margin-bottom:20px;display:block}.langs a{color:var(--muted);font-size:13px;text-decoration:none}.langs a+a{margin-left:14px}.langs a[aria-current],.langs a:hover{color:#fff}.hero>.langs{z-index:1;position:absolute;top:24px;right:24px}.live{align-items:center;display:flex}.live-edit{background:var(--glass);-webkit-backdrop-filter:var(--blur);border-radius:var(--radius-lg);border:var(--border) solid var(--line);flex:0 0 300px;margin-right:40px;padding:24px}.live-edit label{color:#b8b8b8;font-size:13px;display:block}.live-edit label+label{margin-top:14px}.live-edit input{color:#fff;min-height:40px;margin-top:6px;font-size:16px}.live-edit .muted{margin:16px 0 0;font-size:12px}.live-tv{flex:1 1 0;min-width:0}.live-tv .screen{background:#0b1622;border:6px solid #1c1c1c;border-radius:10px;height:0;padding-top:56.25%;transition:box-shadow .6s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff26,0 30px 80px #0009}.live-tv .screen.flash{animation:.8s ease-out live-flash}@keyframes live-flash{0%{box-shadow:0 0 0 1px #9fd0ff,0 0 60px #7fb8ff99}to{box-shadow:0 0 0 1px #ffffff26,0 30px 80px #0009}}.live-tv .stand{background:#1c1c1c;border-radius:0 0 8px 8px;width:22%;height:10px;margin:0 auto;display:block}.live-tv .board{align-items:center;padding:0 7%;display:flex;position:absolute;top:0;bottom:22%;left:0;right:0}.live-tv .board img{width:26%;height:auto;margin-right:6%}.live-tv .board>div{min-width:0}.live-tv .board p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.live-tv .live-special{font:500 12px/1.4 var(--hud);text-transform:uppercase;letter-spacing:.14em;color:#9fb7d6}.live-tv .live-item{color:#fff;font-size:34px;font-weight:700;line-height:1.15}.live-tv .board .live-price{color:#ffd27a;margin-top:6px;font-size:28px;font-weight:600}.live-tv .banner{color:#1a1208;white-space:nowrap;background:#ffd27a;justify-content:center;align-items:center;height:22%;margin:0;padding:0 5%;font-size:20px;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}@media (max-width:900px){.live{flex-direction:column;align-items:stretch}.live-edit{flex-basis:auto;margin:0 0 24px}.live-tv .live-item{font-size:22px}.live-tv .live-price{font-size:18px}.live-tv .banner{font-size:14px}}@media (prefers-reduced-motion:reduce){.live-tv .screen.flash{animation:none}}.compare{background:var(--glass);-webkit-backdrop-filter:var(--blur);border-radius:var(--radius-lg);border:var(--border) solid var(--line);overflow-x:auto}.compare table{border-collapse:collapse;text-align:left;width:100%;min-width:800px;font-size:15px;line-height:1.5}.compare th,.compare td{border-bottom:var(--border) solid var(--line-soft);vertical-align:top;color:#b8b8b8;padding:16px 20px}.compare thead th{font:500 12px/1.4 var(--hud);text-transform:uppercase;letter-spacing:.12em;color:#b4c8e2}.compare tbody th{color:#ededed;width:18%;font-weight:600}.compare tr:last-child>*{border-bottom:0}.compare thead th:nth-child(2),.compare td:first-of-type{color:#fff;font-weight:600}.compare thead th:nth-child(2){color:#fff}.origin{border-left:2px solid #9fb7d6;max-width:720px;margin:0;padding:0 0 0 28px}.origin p{color:#dcdcdc;margin:0 0 20px;font-size:max(17px,min(1.5vw,20px));line-height:1.65}.origin footer{font:500 13px/1.4 var(--hud);letter-spacing:.06em;color:var(--muted)}.landing .signin{text-align:left;width:100%;margin:0 auto;padding:24px}.landing .signin form{margin-top:0}.landing .signin .error:empty{display:none}.templates{flex-wrap:wrap;margin:-6px;display:flex}.templates button{white-space:normal;width:calc(33.333% - 12px);min-height:0;font-size:var(--text-sm);color:var(--ink);text-align:left;background:var(--glass);-webkit-backdrop-filter:var(--blur);border:var(--border) solid var(--line);border-radius:var(--radius);margin:6px;padding:8px 8px 10px}.templates button[aria-pressed=true]{background:#0a0a0ad9;border-color:#fff}.templates img{border-radius:var(--radius-sm);width:100%;height:auto;margin-bottom:8px;display:block}.story{max-width:var(--measure);background:var(--glass);-webkit-backdrop-filter:var(--blur);border:var(--border) solid var(--line);border-radius:var(--radius-lg);margin:24px 0 0;padding:24px}.story h3{margin:0 0 8px;font-size:17px}.story p{color:#c8c8c8;margin:8px 0 0;font-size:15px;line-height:1.6}.updates{width:100%;max-width:480px;margin:0;display:flex}.updates input{flex:auto;min-height:44px}.updates button{margin-left:var(--space-2);color:#000;background:#fff;border-color:#fff;min-height:44px;font-weight:600}.launch .note{margin-top:var(--space-3)}.platforms{margin:var(--space-2) auto 0;flex-wrap:wrap;justify-content:flex-start;padding:0;list-style:none;display:flex}.platforms li{width:84px;color:var(--muted);filter:grayscale();flex-direction:column;align-items:center;margin:6px;font-size:12px;display:flex}.platforms svg{fill:currentColor;width:44px;height:44px;margin-bottom:2px}.launch h3{margin:var(--space-6) 0 0;font:500 12px/1.4 var(--hud);text-transform:uppercase;letter-spacing:.12em;color:#d4d4d4}.today{max-width:var(--measure);width:100%;padding:var(--space-4);background:var(--glass);-webkit-backdrop-filter:var(--blur);border:var(--border) solid var(--line);border-radius:var(--radius-lg);margin:40px 0 0}.today h3:first-child{margin-top:0}.landing .platforms li{color:#d4d4d4}.landing .platforms,dialog .platforms{margin-left:-6px}.copy-link{display:flex}.copy-link button{margin-left:var(--space-2)}.install{margin-top:var(--space-3);align-items:center;display:flex}.install .platforms{margin:0 var(--space-3) 0 0;flex:none}.install p{margin:0}a.button{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:var(--border) solid var(--line);font-weight:500;font-size:var(--text-sm);color:inherit;align-items:center;text-decoration:none;display:inline-flex}a.button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}a.button.primary:hover{opacity:.85}.signin .seg{margin-bottom:var(--space-3);display:flex}.signin .hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.signin .seg button{flex:1 1 0}@media (max-width:500px){.updates{flex-direction:column}.updates button{margin:var(--space-2) 0 0}}.site-foot{-webkit-backdrop-filter:var(--blur);border-top:1px solid var(--line);background:#0a0a0ae6;margin-top:128px;padding:48px 20px 20px;font-size:14px;position:relative}.site-foot:before{content:"";background:linear-gradient(90deg,#0000,#7fa7d9,#0000);height:1px;position:absolute;top:-1px;left:0;right:0}.foot-cols,.foot-base{max-width:1040px;margin:0 auto;display:flex}.foot-cols>*{flex:1 1 0}.foot-cols>*+*{margin-left:32px}.foot-about{flex-grow:1.6}.foot-about .brand{color:#fff;align-items:center;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.foot-about .logo{width:22px;height:22px;margin-right:8px}.foot-about p{color:var(--muted);max-width:320px;margin:10px 0 0}.site-foot h3{letter-spacing:.08em;text-transform:uppercase;color:#7fa7d9;margin:0 0 10px;font-size:12px;font-weight:600}.site-foot nav a{color:#d4d4d4;padding:3px 0;text-decoration:none;display:block}.site-foot a:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}.foot-base{color:var(--muted);border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;margin-top:40px;padding-top:16px;font-size:12px}.foot-base a{color:var(--muted);text-decoration:none}@media (max-width:700px){.foot-cols{flex-wrap:wrap}.foot-cols>*{flex:40%;margin:0 0 24px}.foot-cols>*+*{margin-left:0}.foot-about{flex-basis:100%}.foot-base span+span{width:100%;margin:4px 0;display:block}}@media (max-width:900px){.cards{flex-direction:column}.card+.card{margin:12px 0 0}.deck-nav span a:not([href=\#start]){display:none}}@media (max-width:600px){.sect{padding-top:80px}.sect>header{margin-bottom:28px}.hero{padding-top:10vh}.hero .copy:before{background:linear-gradient(#000000e6 85%,#0000);left:-24px;right:-24px}.cta{display:block}.cta+.cta{margin:12px 0 0}.templates button{width:calc(50% - 12px)}}@media (prefers-reduced-motion:reduce){.landing{scroll-behavior:auto}.deck-nav{transition:none}.float{animation:none}}details.look{margin-top:var(--space-3);border-top:var(--border) solid var(--line);padding-top:var(--space-2)}details.look summary{cursor:pointer;font-weight:600;font-size:var(--text-sm);padding:var(--space-2) 0}@media (pointer:coarse){details.look summary{padding:12px 0}}.id{align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin:4px 0;display:flex}.id code{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.id button,.row-edit button{padding:2px 8px}.row-edit{border:var(--border) solid var(--line);border-radius:var(--radius-sm);flex-wrap:wrap;gap:4px;margin-bottom:6px;padding:6px;display:flex}.row-edit .cell{flex:40%;min-width:0;margin:0}.row-edit .cell small{margin-bottom:2px;display:block}.row-edit .row-acts{flex:100%;justify-content:flex-end;gap:4px;display:flex}.follows{margin-top:4px;display:block}[data-act=upload]{flex:none}.image-field .file,.image-field .using{font-size:var(--text-sm);align-items:center;margin:0 0 4px;display:flex}.image-field .file b,.image-field .using span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.image-field .pick{display:flex}.image-field .seg{margin-right:var(--space-2);flex:none;display:flex}.seg button+button{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.seg button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.seg [aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.image-field input{min-width:0}[data-mode=upload]>.pick input,[data-mode=url]>.pick [data-act=upload]{display:none}.image-field .preview{border-radius:var(--radius-sm);max-width:100%;max-height:80px;margin:0 0 4px;display:block}.image-field [hidden]{display:none}.image-field .held{align-items:center;display:flex}.image-field [data-act=clear]{flex:none;margin-left:auto}.color{align-items:center;display:flex}.color label.check{margin:0 0 0 var(--space-2);flex:none}textarea+[data-act=upload]{margin-top:4px}@media (min-width:701px){.top .tools button{font-family:var(--hud);text-transform:uppercase;letter-spacing:.06em;font-size:12px}}