.shell-head{z-index:20;padding:12px max(var(--gutter), env(safe-area-inset-right)) 12px max(var(--gutter), env(safe-area-inset-left));background:var(--paper-veil);backdrop-filter:saturate(1.4)blur(8px);border-bottom:1.5px solid var(--hair);align-items:center;gap:12px;display:flex;position:sticky;top:0}.wordmark{font-weight:850;font-size:var(--t-wordmark);letter-spacing:-.02em;color:var(--ink);white-space:nowrap;align-items:center;min-height:44px;margin-block:-8px;text-decoration:none;display:inline-flex}.wordmark span{color:var(--green-ink)}.draft-note{font-size:var(--t-note);letter-spacing:.02em;color:var(--muted);border:1.5px dashed var(--line-soft);border-radius:var(--r-note);white-space:nowrap;flex:none;align-items:center;margin-left:auto;padding:2px 8px;font-weight:700;display:inline-flex}.acct-link{min-height:44px;font-size:var(--t-s);color:var(--ink-2);border-radius:var(--r-note);flex:none;align-items:center;gap:6px;margin-left:auto;padding:0 6px;font-weight:700;text-decoration:none;display:inline-flex}.draft-note+.acct-link{margin-left:0}.acct-link[aria-current=page]{color:var(--green-deep)}@media (hover:hover){.acct-link:hover{color:var(--green-ink)}}@media (width<=359px){.acct-link .i{display:none}}.page{align-content:start;gap:var(--page-gap);max-width:calc(44rem + 2 * var(--gutter));padding:22px max(var(--gutter), env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}.page>.banner,.page>.tag{justify-self:start}.area-sentence{max-width:var(--measure);color:var(--ink-2);overflow-wrap:anywhere}.page>.area-chapter-link{justify-self:start}.area-chapter-link{max-width:100%;min-height:var(--tap);font-size:var(--t-m);color:var(--green-ink);text-align:left;text-underline-offset:3px;overflow-wrap:anywhere;align-items:center;gap:8px;font-weight:750;text-decoration:underline;display:inline-flex}@media (width>=960px){.page{padding:40px 32px 72px}}.tabs{z-index:20;padding:6px max(8px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:var(--paper);border-top:1.5px solid var(--hair);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{border-radius:var(--r);min-height:56px;color:var(--muted);font-size:var(--t-label);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:700;text-decoration:none;display:flex}.tab .i{width:24px;height:24px}.tab .pill{border-radius:var(--r-pen);width:56px;height:32px;transition:background .2s var(--ease);border:1.5px solid #0000;place-items:center;display:grid}.tab[aria-current=page]{color:var(--ink)}.tab[aria-current=page] .pill{background:var(--green-wash);border-color:var(--green-deep);color:var(--green-deep)}.tabs-top{display:none}@media (width>=960px){.tabs{display:none}.tabs-top{align-items:center;gap:4px;margin-left:28px;display:flex}}.tab-top{border-radius:var(--r-tab);min-height:44px;font-size:var(--t-s);color:var(--muted);border:1.5px solid #0000;align-items:center;gap:8px;padding:0 14px;font-weight:700;text-decoration:none;display:inline-flex}.tab-top .i{width:20px;height:20px}@media (hover:hover){.tab-top:hover{background:var(--paper-2)}}.tab-top[aria-current=page]{background:var(--green-wash);border-color:var(--green-deep);color:var(--green-deep)}.backline{min-height:44px;font-size:var(--t-s);color:var(--ink-2);justify-self:start;align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.backline[data-tone=ink]{color:var(--ink)}@media (hover:hover){.backline:hover{color:var(--ink)}.backline[data-tone=ink]:hover{color:var(--green-ink)}}.confirm{overscroll-behavior:contain;border:0;border-top:var(--line) solid var(--ink);border-radius:var(--r-sheet);background:var(--paper);width:100%;max-width:100%;height:auto;max-height:calc(100% - 48px);color:var(--ink);margin:0;padding:0;position:fixed;inset:auto 0 0;overflow:auto}.confirm[open]{animation:confirm-up .3s var(--ease)}.confirm::backdrop{background:var(--backdrop)}.confirm-body{padding:22px var(--gutter) calc(18px + env(safe-area-inset-bottom));align-content:start;gap:14px;display:grid}.confirm h2{font-size:var(--t-l);letter-spacing:-.01em;overflow-wrap:anywhere;text-wrap:balance;font-weight:800;line-height:1.25}.confirm-quote{border-block:1.5px dashed var(--shade);gap:2px;padding:12px 0;display:grid}.confirm-quote small{font-size:var(--t-xs);color:var(--muted);font-weight:800}.confirm-quote span{overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.confirm-text{color:var(--ink-2);font-size:var(--t-s);overflow-wrap:anywhere}.confirm-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.confirm-actions .btn{min-height:52px;padding:0 12px}.confirm .btn.go{background:var(--green);color:var(--green-deep);border-color:var(--green-deep)}.btn.danger-btn{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.danger-btn:active{box-shadow:var(--marker-press)}html:has(dialog[open]){overflow:hidden}@media (width>=640px){.confirm{width:26rem;max-width:calc(100% - 2 * var(--gutter));border:var(--line) solid var(--ink);border-radius:var(--r-pen);box-shadow:var(--marker);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.confirm[open]{animation:confirm-fade .2s var(--ease)}.confirm-body{padding:22px 22px 20px}}@keyframes confirm-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes confirm-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.confirm[open]{animation:none}}