@font-face{font-family:Newsreader;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/newsreader-latin.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2")}:root{--bg:#fffaf0;--surface:#f5f0e0;--card:#fffdf7;--line:#e5ddc8;--ink:#0f1f1f;--muted:#56605d;--brand:#1a3a3a;--brand-hover:#122a2a;--on-brand:#fff;--field:#767676;--ok:#19773a;--ok-tint:#e3f1e2;--warn:#9c3f0c;--warn-tint:#fbe9dc;--off:#ebe5d3;--font-display:"Newsreader","Iowan Old Style",Georgia,serif;--font-ui:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--pill:999px;--r:14px;--r-field:10px;--ease:cubic-bezier(.16,1,.3,1);--spring-press:linear(0,.0817,.2609,.4655,.6535,.8048,.9142,.9852,1.0252,1.0427,1.0458,1.0406,1.0319,1.0225,1.0142,1.0077,1.0031,1.0002,.9986,.998,.9979,.9982,.9986,.9991,.9994);--spring-soft:linear(0,.059,.1899,.3444,.4948,.627,.7357,.8205,.8838,.9292,.9605,.9809,.9937,1.001,1.0047,1.0061,1.0062,1.0056,1.0047,1.0037,1.0028,1.002,1.0014,1.0009,1.0006);--tabbar:64px;font-family:var(--font-ui);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{background:var(--bg);color:var(--ink);margin:0;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;caret-color:var(--brand);accent-color:var(--brand);font-size:1rem;line-height:1.55}::selection{background:var(--brand);color:var(--on-brand)}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}a{color:var(--brand);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}p{margin:0 0 .75rem}p:last-child{margin-bottom:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--ink);margin:0;font-weight:600;line-height:1.1}h1{font-size:clamp(2rem,6vw,2.75rem)}h2{font-size:1.4rem}h3{margin-top:1.75rem;font-size:1.15rem}strong{font-weight:600}.top{border-bottom:1px solid var(--line);background:var(--bg);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--brand);align-items:center;gap:10px;min-height:44px;font-size:1.45rem;font-weight:600;text-decoration:none;display:inline-flex}.logo small{font-family:var(--font-ui);letter-spacing:0;color:var(--muted);font-size:.8rem;font-weight:500}.nav{align-items:center;gap:4px;display:flex}.nav a{border-radius:var(--pill);min-height:44px;color:var(--ink);transition:background-color .2s var(--ease);align-items:center;gap:8px;padding:0 14px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.nav a:hover{background:var(--surface)}.nav a[aria-current=page]{background:var(--brand);color:var(--on-brand)}.nav svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.nav .n{border-radius:var(--pill);background:var(--warn);color:#fff;text-align:center;font-variant-numeric:tabular-nums;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:600;line-height:20px}main{gap:20px;max-width:680px;margin:0 auto;padding:28px 20px 56px;display:grid}main>h1{margin:8px 0 4px}.skip{position:absolute;left:-9999px}.skip:focus{z-index:30;background:var(--card);border-radius:var(--pill);border:1px solid var(--line);padding:10px 14px;top:8px;left:16px}@media (width<=719px){body.has-nav{padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom))}.nav{z-index:20;height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);background:var(--bg);border-top:1px solid var(--line);justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0}.nav a{min-height:var(--tabbar);color:var(--muted);background:0 0;border-radius:0;flex-direction:column;flex:1 1 0;gap:3px;padding:0 2px;font-size:.72rem}.nav a:hover{background:0 0}.nav a[aria-current=page]{color:var(--brand);background:0 0;font-weight:600}.nav a[aria-current=page] svg{stroke-width:2.25px}.nav .n{position:absolute;top:8px;left:calc(50% + 4px)}main{padding:20px 16px 40px}}@media (width>=720px){.nav svg{display:none}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px}.card>h1{margin-bottom:14px;font-size:clamp(1.75rem,5vw,2.25rem)}.card>h2{margin-bottom:10px}.card.narrow{width:100%;max-width:420px;margin:6vh auto 0;padding:28px 24px}.card.narrow h1{margin-bottom:18px}.card.narrow>p:last-child{margin-top:18px;font-size:.95rem}.stack{border:1px solid var(--line);border-radius:var(--r);background:var(--card);display:grid;overflow:hidden}.stack>.card{background:0 0;border:0;border-radius:0}.stack>.card+.card{border-top:1px solid var(--line)}.muted{color:var(--muted);margin:0;font-size:.92rem}.mt8{margin-top:8px}.site{background:var(--surface);padding:26px 22px}.site .host{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 10px;font-size:clamp(1.6rem,6.2vw,2.4rem);font-weight:600;line-height:1.08}.status{align-items:center;gap:8px;margin:0 0 4px;font-size:.95rem;font-weight:500;display:inline-flex}.status:before{content:"";background:var(--muted);border-radius:50%;width:10px;height:10px}.status.up:before{background:var(--ok)}.status.down:before{background:var(--warn)}.site .visitors{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.95rem}.site .visitors strong{color:var(--ink)}.actions{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:18px;display:flex}.actions>form{flex:200px;gap:6px;display:grid}.actions>form>button,.actions>.btn{width:100%}.actions>.btn{flex:200px}.draft{border-color:var(--brand)}.steps{counter-reset:step}.steps>form{counter-increment:step}.steps>form>button:before{content:counter(step);font-variant-numeric:tabular-nums;background:color-mix(in srgb,currentColor 16%,transparent);border-radius:50%;place-items:center;width:22px;height:22px;margin-right:10px;font-size:.78rem;font-weight:600;display:inline-grid}button,.btn{appearance:none;border-radius:var(--pill);border:1.5px solid var(--brand);background:var(--brand);min-height:48px;color:var(--on-brand);font:inherit;letter-spacing:-.005em;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),scale .7s var(--spring-press);justify-content:center;align-items:center;padding:0 22px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.btn:hover{background:var(--brand-hover);border-color:var(--brand-hover);text-decoration:none}button:active,.btn:active{transition-duration:.2s,.2s,.2s,.12s;scale:.97}.btn.secondary{color:var(--brand);background:0 0}.btn.secondary:hover{background:var(--surface);border-color:var(--brand)}.btn.quiet{min-height:44px;color:var(--muted);text-underline-offset:3px;background:0 0;border-color:#0000;padding:0;font-size:.95rem;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.btn.quiet:hover{color:var(--warn);background:0 0;border-color:#0000}button[disabled]{background:var(--off);border-color:var(--off);color:var(--muted);cursor:not-allowed;scale:1}button[disabled][aria-busy=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand);cursor:progress}.btn.secondary[disabled][aria-busy=true]{background:var(--surface);color:var(--brand)}button[aria-busy=true]:before,.steps>form>button[aria-busy=true]:before{content:"";background:0 0;border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;margin-right:10px;animation:.7s linear infinite spin;display:block}@keyframes spin{to{rotate:360deg}}label{margin:16px 0 6px;font-size:.95rem;font-weight:600;display:block}form>input[type=hidden]+label,form>label:first-child{margin-top:0}input,textarea,select{width:100%;max-width:100%;font:inherit;color:var(--ink);border:1px solid var(--field);border-radius:var(--r-field);min-height:48px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease);background:#fff;padding:12px 14px}input:hover,textarea:hover{border-color:var(--ink)}input:focus-visible,textarea:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent);border-radius:var(--r-field);outline:none}textarea{resize:vertical;min-height:140px;line-height:1.55}input[type=checkbox],input[type=radio]{vertical-align:middle;width:24px;min-width:24px;height:24px;min-height:24px;margin:0 10px 0 0;padding:0}label:has(>input[type=checkbox]){align-items:flex-start;font-weight:500;line-height:1.4;display:flex}input[type=file]{min-height:0;color:var(--muted);background:0 0;border:0;padding:8px;font-size:.9rem}input[type=file]:hover{border:0}input[type=file]::file-selector-button{font:inherit;border-radius:var(--pill);border:1.5px solid var(--brand);min-height:44px;color:var(--brand);cursor:pointer;background:0 0;margin-right:12px;padding:0 16px;font-size:.92rem;font-weight:600}input[type=file]::file-selector-button:hover{background:var(--surface)}form p:has(>button){margin:18px 0 0}.count{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:.82rem}label+.count{text-align:left;margin:-2px 0 8px;font-size:.88rem}.error{color:var(--warn);background:var(--warn-tint);border-radius:var(--r-field);margin:10px 0 0;padding:10px 14px;font-size:.92rem;font-weight:500}form.card{position:relative}[data-saved]{color:var(--ok);background:var(--ok-tint);border-radius:var(--pill);animation:pop .55s var(--spring-soft);align-items:center;gap:6px;margin:0;padding:3px 10px;font-weight:600;display:inline-flex;position:absolute;top:16px;right:22px}[data-saved][hidden],.error[hidden]{display:none}[data-saved]:before{content:"";border-bottom:2px solid;border-left:2px solid;width:9px;height:5px;translate:0 -2px;rotate:-45deg}@keyframes pop{0%{opacity:0;scale:.85}}.note{border-radius:var(--r);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:18px 22px;display:flex}.note p{flex:240px;margin:0;font-size:.95rem}.back{min-height:44px;color:var(--muted);justify-self:start;align-items:center;margin-bottom:-16px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.back:hover{color:var(--brand)}.back:before{content:"";border-bottom:2px solid;border-left:2px solid;width:8px;height:8px;margin-right:10px;rotate:45deg}.rows{margin:0;padding:0;list-style:none}.rows li{border-top:1px solid var(--line)}.rows li:first-child{border-top:0}.rows a{min-height:64px;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:10px 2px;text-decoration:none;display:flex}.rows a strong{font-family:var(--font-display);letter-spacing:-.015em;font-size:1.25rem;font-weight:600}.rows a span{color:var(--muted);white-space:nowrap;font-size:.9rem}.rows a span:after{content:"";width:8px;height:8px;transition:translate .5s var(--spring-soft);border-top:2px solid;border-right:2px solid;margin-left:12px;display:inline-block;rotate:45deg}.rows a:hover strong{color:var(--brand)}.rows a:hover span:after{translate:4px}.notif-list{margin:0;padding:0;list-style:none}.notif-list li{border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:baseline;gap:4px 12px;padding:14px 0;display:grid}.notif-list li:first-child{border-top:0;padding-top:0}.notif-list .when{color:var(--muted);font-variant-numeric:tabular-nums;grid-column:2;font-size:.85rem}.badge{border-radius:var(--pill);font-family:var(--font-ui);letter-spacing:0;background:var(--surface);color:var(--ink);vertical-align:middle;white-space:nowrap;padding:2px 10px;font-size:.78rem;font-weight:600;display:inline-block}.badge.live,.badge.publish{background:var(--ok-tint);color:var(--ok)}.exchange{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.said{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 12px}.said.answer{background:var(--surface);border-radius:4px var(--r) var(--r) var(--r);padding:12px 16px}.drop{border:1.5px dashed var(--field);border-radius:var(--r);text-align:center;background:var(--bg);justify-items:center;gap:10px;padding:14px;display:grid}.drop label{margin:0}.frame{background:var(--surface);aspect-ratio:1;width:100%;color:var(--muted);border-radius:10px;place-items:center;font-size:.92rem;display:grid;position:relative;overflow:hidden}.frame img{object-fit:cover;touch-action:none;cursor:grab;width:100%;height:100%}.frame img:active{cursor:grabbing}.drop[data-aspect="16:9"] .frame{aspect-ratio:16/9}.drop[data-aspect="9:16"] .frame{aspect-ratio:9/16;max-width:260px}.drop[data-aspect="4:3"] .frame{aspect-ratio:4/3}.drop[data-aspect="3:2"] .frame{aspect-ratio:3/2}.drop[data-aspect="1:1"] .frame{aspect-ratio:1;max-width:360px}.drop[data-aspect="21:9"] .frame{aspect-ratio:21/9}@media (width>=640px){.two{grid-template-columns:1fr 1fr;gap:16px;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}button[aria-busy=true]:before{opacity:.5;border-right-color:currentColor;animation:none}}
