.topbar{border-bottom:1px solid var(--line);background:var(--paper);align-items:center;gap:28px;padding:14px 32px;display:flex}@media (width<=1240px){.topbar[data-wrap]{flex-wrap:wrap;row-gap:6px}.topbar[data-wrap] nav{flex-wrap:wrap;order:3;width:100%;margin-left:0}}@media (width<=720px){.topbar{gap:12px;padding:10px 14px}.topbar[data-wrap] nav{justify-content:center;row-gap:2px}.topbar[data-wrap] nav a{padding-inline:10px}}.wordmark{letter-spacing:-.02em;color:var(--moss-deep);font-size:22px;font-weight:600}.wordmark span{color:var(--amber-deep)}.topbar nav{gap:4px;margin-left:8px;display:flex}.topbar nav a{color:var(--ink-soft);transition:background .2s var(--ease-out), color .2s var(--ease-out);border-radius:999px;padding:6px 14px;font-size:14.5px;font-weight:500}.topbar nav a:hover{background:var(--paper-deep);color:var(--ink)}.topbar nav a[data-active=true]{background:var(--moss-tint);color:var(--moss-deep)}.account-link{border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;max-width:min(220px,40vw);transition:background .2s var(--ease-out), color .2s var(--ease-out);border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:500;overflow:hidden}.account-link:hover{background:var(--paper-deep);color:var(--ink)}button.account-link{cursor:pointer;font:inherit;background:0 0;font-size:13.5px;font-weight:500}button.account-link:hover{background:var(--paper-deep)}.account-menu{display:inline-flex;position:relative}.account-pop{z-index:60;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md,14px);min-width:200px;box-shadow:var(--shadow-soft);gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.account-pop .account-mail{color:var(--ink-faint);border-bottom:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;padding:7px 12px 5px;font-size:12px;overflow:hidden}.account-pop a,.account-pop button{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:7px 12px;font-size:13.5px;display:block}.account-pop a:hover,.account-pop button:hover{background:var(--paper-deep)}.account-pop .account-pop-item{display:contents}.account-pop>:not(.account-mail)+.account-signout{border-top:1px solid var(--line);border-radius:0 0 9px 9px;margin-top:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{max-width:1120px;margin:0 auto;padding:40px 32px 96px}.nature-backdrop{z-index:-1;pointer-events:none;opacity:var(--nature-opacity);filter:var(--nature-filter);background-position:50%;background-size:cover;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.phase-wash{z-index:-2;pointer-events:none;transition:background 1.2s;position:fixed;inset:0}.phase-wash[data-phase=morning],html[data-theme=morning] .phase-wash[data-phase=wheel]{background:linear-gradient(180deg, var(--wash-morning) 0%, transparent 40%)}.phase-wash[data-phase=noon],html[data-theme=noon] .phase-wash[data-phase=wheel],html:not([data-theme]) .phase-wash[data-phase=wheel]{background:linear-gradient(180deg, var(--wash-noon) 0%, transparent 40%)}.phase-wash[data-phase=golden],html[data-theme=golden] .phase-wash[data-phase=wheel]{background:linear-gradient(180deg, var(--wash-golden-a) 0%, var(--wash-golden-b) 44%, transparent 60%)}.phase-wash[data-phase=twilight],html[data-theme=twilight] .phase-wash[data-phase=wheel],html[data-theme=dusk] .phase-wash[data-phase=wheel],html[data-theme=night] .phase-wash[data-phase=wheel]{background:linear-gradient(180deg, var(--wash-twilight-a) 0%, var(--wash-twilight-b) 46%, transparent 64%)}html[data-theme=morning] .nature-backdrop[data-phase=wheel]{background-image:url(/nature/hills.jpg)}html[data-theme=noon] .nature-backdrop[data-phase=wheel],html:not([data-theme]) .nature-backdrop[data-phase=wheel]{background-image:url(/nature/meadow.jpg)}html[data-theme=golden] .nature-backdrop[data-phase=wheel]{background-image:url(/nature/leaves.jpg)}html[data-theme=twilight] .nature-backdrop[data-phase=wheel],html[data-theme=dusk] .nature-backdrop[data-phase=wheel],html[data-theme=night] .nature-backdrop[data-phase=wheel]{background-image:url(/nature/dusk.jpg)}.kicker{letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;font-weight:600}.btn{transition:background .18s var(--ease-out), transform .18s var(--ease-out), box-shadow .18s var(--ease-out);border:none;border-radius:999px;padding:9px 20px;font-size:14.5px;font-weight:600}.btn:active{transform:scale(.98)}.btn-primary{background:var(--moss);color:var(--on-moss)}.btn-primary:hover{background:var(--moss-deep);box-shadow:var(--shadow-soft)}.btn-quiet{color:var(--moss-deep);border:1px solid var(--line);background:0 0}.btn-quiet:hover{background:var(--paper-deep);border-color:var(--ink-faint)}.btn-amber{background:var(--amber);color:var(--on-amber)}.btn-amber:hover{filter:brightness(.95)}.btn-danger{color:var(--el-vote-deep);border:1px solid var(--line);background:0 0}.btn-danger:hover{background:var(--el-vote-tint);border-color:var(--el-vote)}.btn[disabled]{opacity:.45;cursor:default}.field{min-width:0;color:var(--ink-soft);gap:6px;font-size:14px;display:grid}.field-label{color:var(--ink);font-size:13.5px;font-weight:600}.field-hint{max-width:58ch;color:var(--ink-faint);font-size:13px;line-height:1.5}.field-control{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card-hi);min-width:0;color:var(--ink);font:inherit;transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out);padding:9px 14px;font-size:1rem}.field-control:focus-visible{border-color:var(--moss);box-shadow:0 0 0 3px var(--moss-tint);outline:none}select.field-control{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-soft) 50%), linear-gradient(135deg, var(--ink-soft) 50%, transparent 50%);background-position:calc(100% - 17px),calc(100% - 12px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:36px}.chip{letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-style:normal;font-weight:650;line-height:1.35;display:inline-flex}.chip[data-tone=moss]{background:var(--moss-tint);color:var(--moss-deep)}.chip[data-tone=amber]{background:var(--amber-tint);color:var(--amber-deep)}.chip[data-tone=danger]{background:var(--el-vote-tint);color:var(--el-vote-deep)}.chip[data-tone=quiet]{background:var(--el-open-tint);color:var(--el-open-deep)}.switch{background:var(--paper-well);width:38px;height:22px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background .18s var(--ease-out), box-shadow .18s var(--ease-out);border:0;border-radius:999px;flex:none;padding:0;position:relative}.switch:after{content:"";background:var(--card-hi);width:16px;height:16px;transition:transform .18s var(--ease-out);border-radius:50% 45% 55% 50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px oklch(30% .03 120/.25)}.switch[aria-checked=true]{background:var(--moss);box-shadow:none}.switch[aria-checked=true]:after{transform:translate(16px)}.switch:focus-visible{outline:3px solid var(--moss-tint-strong);outline-offset:2px}.switch[disabled]{cursor:default;opacity:.5}.token-panel{border:1px solid var(--amber-line);border-radius:var(--r-md);background:var(--amber-tint);justify-items:start;gap:10px;padding:14px 16px;display:grid}.token-panel code{max-width:100%;color:var(--ink);overflow-wrap:anywhere;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.el-dot{border-radius:50% 45% 55% 50%;flex:none;width:10px;height:10px;display:inline-block}.el-chip{letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.arc-dots{align-items:center;gap:5px;display:inline-flex}.arc-dots i{border-radius:5px;height:9px;display:block}
