@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-serif-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-serif-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/instrument-serif-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/instrument-serif-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/instrument-sans-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/instrument-sans-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/instrument-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/instrument-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jetbrains-mono-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--paper:#f5f2ec;--card:#fffdf9;--dis:#f0ebe3;--skel:#ebe5dc;--line:#e4ddd3;--ink:#14110f;--ink2:#4a423c;--ink3:#6b625b;--ink4:#8c837b;--cta:#ff5a2c;--hi:#b33a12;--err:#a3300f;--errbg:#fdf1ec}
html,body{margin:0;background:var(--paper);color:var(--ink);font-family:"Instrument Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
button,input,textarea,select{font:inherit;color:inherit}
a{color:var(--hi);text-underline-offset:3px}a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
[hidden]{display:none!important}
@keyframes shimmer{0%{opacity:.55}50%{opacity:1}100%{opacity:.55}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.page{min-height:100vh;display:flex;flex-direction:column}
.demo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 16px;background:var(--ink);color:var(--paper);font-size:12px}
.demo .tag{font:500 10px/1 "JetBrains Mono",monospace;letter-spacing:.16em;opacity:.7}
.demo button{height:28px;padding:0 10px;border:1px solid rgba(245,242,236,.25);border-radius:14px;background:transparent;color:var(--paper);font-size:12px;cursor:pointer;white-space:nowrap}
.demo button.on{background:var(--cta);color:var(--ink);border-color:var(--cta)}

.top{display:flex;align-items:center;gap:14px;padding:22px clamp(18px,5vw,56px)}
.brand{font:600 22px/1 "Instrument Sans",sans-serif;letter-spacing:-.03em}
.brand-sub{font:400 12px/1 "Instrument Sans",sans-serif;color:var(--ink3)}
.grow{flex:1}
.langs{display:flex;gap:2px}
.langs button{min-width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:var(--ink3);font:500 11px/1 "JetBrains Mono",monospace;letter-spacing:.1em;cursor:pointer}
.langs button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}

.main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:12px clamp(18px,5vw,56px) 64px;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
@media (min-width:900px){.main{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}
.left{display:flex;flex-direction:column;gap:16px;min-width:0}
.right{display:flex;flex-direction:column;gap:14px;min-width:0}
.kicker{font:500 11px/1 "JetBrains Mono",monospace;letter-spacing:.18em;color:var(--hi)}
h1{margin:0;font:400 clamp(36px,5.4vw,60px)/1.02 "Instrument Serif",serif;letter-spacing:-.01em;text-wrap:balance}
h1 i{color:var(--hi)}
.ttl{display:flex;flex-direction:column;gap:6px;font-size:16px}
.ttl .meta{color:var(--ink2)}
.tzbox{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);font-size:13.5px;color:var(--ink2);flex-wrap:wrap}
.tzbox svg{flex:none}
.tzbox .tzline{flex:1;min-width:0}
.linkbtn{border:0;background:transparent;color:var(--hi);text-decoration:underline;cursor:pointer;font-size:13.5px;min-height:44px;padding:0 4px}
.tzsel{width:100%;min-height:44px;border:1px solid var(--line);border-radius:12px;padding:0 10px;background:var(--card);font-size:14px}
.expires{font-size:12.5px;color:var(--ink3)}

.lbl{font-size:15px;font-weight:600}
.hint{font-size:15px;color:var(--ink2)}
.col{display:flex;flex-direction:column}
.g10{gap:10px}

.slot{display:flex;align-items:center;gap:14px;width:100%;min-height:72px;padding:14px 18px;border:1.5px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);text-align:left;cursor:pointer}
.slot .ring{width:20px;height:20px;border-radius:50%;border:1.5px solid #c9c0b5;display:grid;place-items:center;font-size:10px;color:var(--cta);flex:none}
.slot .txt{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.slot .d{font-size:17px;font-weight:600}
.slot .t{font:500 13px/1.3 "JetBrains Mono",monospace;color:var(--ink3)}
.slot[aria-checked="true"]{border-color:var(--ink);background:var(--ink);color:var(--card)}
.slot[aria-checked="true"] .ring{border-color:var(--cta)}
.slot[aria-checked="true"] .t{color:rgba(255,253,249,.7)}
.slot.sm{min-height:64px;padding:12px 18px}
.slot.sm .d{font-size:16px;flex:1}
.slot.sm .t{color:inherit;line-height:1}
.slot.sm[aria-checked="true"] .t{color:inherit}

.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink2)}
.field textarea{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--card);resize:vertical;font-size:15px;min-height:44px}
.cta{min-height:56px;border:0;border-radius:16px;background:var(--cta);color:var(--ink);font-size:16px;font-weight:600;cursor:pointer;padding:0 20px}
.small{font-size:12.5px;color:var(--ink3)}
.alert{font-size:14px;color:var(--err);font-weight:600}

.box{border:1px solid var(--line);border-radius:20px;background:var(--card);padding:22px;display:flex;flex-direction:column;gap:12px}
.box.done{border:1.5px solid var(--ink);gap:14px}
.box.bad{border:1.5px solid var(--err);background:var(--errbg)}
.box .p{font-size:16px;line-height:1.55}
.box .s{font-size:14px;color:var(--ink2)}
.sentrow{display:flex;align-items:center;gap:10px}
.sentrow .tick{width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--cta);display:grid;place-items:center;font-weight:700;flex:none}
.sentrow span.m{font-size:13px;color:var(--ink2)}
.when{font:400 30px/1.1 "Instrument Serif",serif}
.mono{font:500 12.5px/1.4 "JetBrains Mono",monospace;word-break:break-all}
.mono a{color:inherit}
.cal{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.cal a{min-height:48px;border:1px solid var(--line);border-radius:14px;background:var(--card);display:grid;place-items:center;font-weight:600;color:var(--ink);text-decoration:none;padding:0 8px;text-align:center}
.cal a:hover{border-color:var(--ink)}
.alink{align-self:flex-start;min-height:44px;border:0;background:transparent;color:var(--hi);text-decoration:underline;cursor:pointer;font-size:14px;padding:0}
.alink.red{color:var(--err)}

.taken{border:1px solid var(--line);border-radius:16px;background:var(--dis);padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.taken .x{font-size:17px;font-weight:600;text-decoration:line-through;color:var(--ink4)}
.taken .y{font-size:13.5px;color:var(--ink2)}
.current{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.current .k{font:500 10.5px/1 "JetBrains Mono",monospace;letter-spacing:.14em;color:var(--ink3)}
.current .v{font-size:17px;font-weight:600}

.row2{display:flex;gap:8px;flex-wrap:wrap}
.btn-dark{min-height:48px;padding:0 18px;border-radius:14px;background:var(--ink);color:var(--card);text-decoration:none;display:flex;align-items:center;font-weight:600;border:0;cursor:pointer}
.btn-dark:hover{color:var(--card)}
.btn-line{min-height:48px;padding:0 18px;border-radius:14px;border:1px solid var(--line);color:var(--ink);text-decoration:none;display:flex;align-items:center;font-weight:600}
.btn-line:hover{border-color:var(--ink)}

.voterow{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.voterow .l{font-size:16px;font-weight:600}
.votes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.vote{min-height:46px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink2);font-weight:500;cursor:pointer}
.vote[aria-checked="true"]{font-weight:600}
.vote.y[aria-checked="true"]{background:#e3f1e8;color:#1f6b45;border-color:#1f6b45}
.vote.m[aria-checked="true"]{background:#fbefd6;color:#7a5200;border-color:#7a5200}
.vote.n[aria-checked="true"]{background:#f9e1da;color:#a3300f;border-color:#a3300f}
details{font-size:13.5px;color:var(--ink2)}
summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.others{display:grid;gap:6px;align-items:center;margin-top:8px}
.others .h{font:500 10px/1 "JetBrains Mono",monospace;text-align:center}
.others .c{height:30px;border-radius:8px;display:grid;place-items:center;font-weight:700}
.c.y{background:#e3f1e8;color:#1f6b45}.c.m{background:#fbefd6;color:#7a5200}.c.n{background:#efe9e1;color:var(--ink4)}

.dlg{border:1.5px solid var(--err);border-radius:16px;background:var(--errbg);padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.dlg b{font-weight:600}
.dlg .s{font-size:13.5px;color:var(--ink2)}
.btn-red{min-height:46px;padding:0 16px;border:0;border-radius:12px;background:var(--err);color:#fff;font-weight:600;cursor:pointer}
.btn-ghost{min-height:46px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer}

.skel{height:72px;border-radius:16px;background:var(--skel);animation:shimmer 1.4s infinite}
.skel:nth-child(2){animation-delay:.15s}.skel:nth-child(3){animation-delay:.3s}
.retry{align-self:flex-start;min-height:48px;padding:0 18px;border:0;border-radius:14px;background:var(--ink);color:var(--card);font-weight:600;cursor:pointer}

.foot{padding:22px clamp(18px,5vw,56px);border-top:1px solid var(--line);display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--ink3)}
.noscript{padding:24px;font-size:16px}