@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-latin-wght-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-latin-ext-wght-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-latin-ext-wght-italic.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:#eceee9;--text:#1f232b;--mut:#1f232b8c;--line:#1f232b1f;--sheet:#f6f6f2;--wrong:#a2452c;--warm:#d9773f;--serif:"Newsreader", "Songti SC", "Noto Serif CJK SC", "Noto Serif SC", "Source Han Serif SC", "STSong", "SimSun", Georgia, serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--ease:cubic-bezier(.2, .8, .2, 1);--gutter:clamp(28px, 6vw, 72px);--keys-bottom:calc(env(safe-area-inset-bottom,0px) + clamp(30px, 5vh, 56px));--title-bottom:calc(env(safe-area-inset-bottom,0px) + clamp(124px, 18vh, 200px));--pg-ink:var(--text);--pg-cinnabar:#c23b2e;--pg-indigo:#2b4c78;--pg-ochre:#8a4f2a;--pg-gamboge:#a8780a;--pigment:var(--pg-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-pigment=cinnabar]{--pigment:var(--pg-cinnabar)}:root[data-pigment=indigo]{--pigment:var(--pg-indigo)}:root[data-pigment=ochre]{--pigment:var(--pg-ochre)}:root[data-pigment=gamboge]{--pigment:var(--pg-gamboge)}:root:lang(ja){--serif:"Newsreader", "Hiragino Mincho ProN", "Noto Serif CJK JP", "Noto Serif JP", "Yu Mincho", serif}:root:lang(zh-TW){--serif:"Newsreader", "Songti TC", "Noto Serif CJK TC", "Noto Serif TC", "Source Han Serif TC", "PMingLiU", "MingLiU", serif}:root:lang(zh-HK){--serif:"Newsreader", "Songti TC", "Noto Serif CJK HK", "Noto Serif HK", "Source Han Serif HC", "Noto Serif CJK TC", "Noto Serif TC", "PMingLiU_HKSCS", "MingLiU_HKSCS", "PMingLiU", serif}:root:lang(ko){--serif:"Newsreader", "AppleMyungjo", "Noto Serif CJK KR", "Noto Serif KR", "Source Han Serif K", "Nanum Myeongjo", "Batang", serif}:root:lang(ja){word-break:auto-phrase}:root:lang(ko){word-break:keep-all}:root:lang(ar){--serif:"Noto Naskh Arabic", "Geeza Pro", "Newsreader", serif}:root[data-night]{--text:#d6dce4;--mut:#d6dce480;--line:#d6dce41f;--sheet:#151a21;--wrong:#ff9d84;--pg-cinnabar:#d9604f;--pg-indigo:#8eaad4;--pg-ochre:#d29a6c;--pg-gamboge:#e3b84c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root{--paper:#0f1319;--text:#d6dce4;--mut:#d6dce480;--line:#d6dce41f;--sheet:#151a21;--wrong:#ff9d84;--pg-cinnabar:#d9604f;--pg-indigo:#8eaad4;--pg-ochre:#d29a6c;--pg-gamboge:#e3b84c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--paper);color:var(--text);font-family:var(--serif);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;transition:color .8s;overflow:hidden}button,select{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}[hidden]{display:none!important}:focus-visible{outline-offset:3px;outline:1.5px solid}kbd{font:inherit;border:1px solid var(--line);border-radius:5px;padding:.1em .45em;font-size:.92em}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}svg.defs{width:0;height:0;position:absolute}#ink{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block;position:fixed;inset:0}.drop{inset-inline-start:50%;margin-inline-start:-66px;border-radius:50%;width:132px;height:132px;margin-top:-66px;position:fixed;top:42%}.drop-key{display:none}.drop.silent .drop-key{width:100%;height:100%;color:var(--text);background:radial-gradient(circle, var(--paper) 30%, transparent 70%);border-radius:50%;place-items:center;display:grid}.drop.silent .drop-key svg{width:64px;height:64px}:root[data-frame] #ink{touch-action:pan-y}.drop:focus-visible{outline-offset:-36px}.drop:disabled{cursor:default}.drop:disabled .hint{display:none}.hint{top:calc(100% + 28px);white-space:nowrap;font:italic 300 15px var(--serif);color:var(--mut);animation:arrive 2.4s .6s var(--ease) both;position:absolute;inset-inline-start:50%;translate:-50%}.hint:lang(zh),.hint:lang(ja),.hint:lang(ko){font-size:13px;font-style:normal}.hint:lang(zh),.hint:lang(ja){letter-spacing:.2em}.hint:lang(ar){font-style:normal}.hint:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){translate:50%}@keyframes arrive{0%{opacity:0}}.words{inset-inline:var(--gutter);bottom:var(--title-bottom);pointer-events:none;position:fixed}.title{font:300 27px/1.3 var(--serif);text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:22em;transition:opacity 1.2s,translate 1.2s;display:-webkit-box;overflow:hidden}.title.long{font-size:23px}.title:lang(zh),.title:lang(ja){letter-spacing:.04em}.title:lang(ar){font-weight:400;line-height:1.6}.title.swap{opacity:0;transition-duration:.7s;translate:0 6px}.cue,.say{inset-inline-start:0;font:400 14px var(--serif);color:var(--mut);position:absolute;top:calc(100% + 10px)}.cue{opacity:0;align-items:center;gap:9px;transition:opacity 1.2s,translate 1.2s;display:flex;translate:0 4px}.cue:before{content:"";background:var(--warm);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--warm) 18%, transparent);border-radius:50%;flex:none}.cue[data-on]{opacity:1;translate:none}.say{max-width:28em;font-style:italic;font-weight:300}.say:lang(zh),.say:lang(ja),.say:lang(ko){font-style:normal}.keys{inset-inline:calc(var(--gutter) - 12px);bottom:calc(var(--keys-bottom) - 10px);pointer-events:none;justify-content:space-between;align-items:center;transition:opacity 1.2s;display:flex;position:fixed}body:not(.started) .keys{opacity:0;visibility:hidden}.key{pointer-events:auto;min-width:52px;min-height:52px;color:var(--text);place-items:center;padding:10px;transition:opacity .6s;display:grid}.key svg{display:block}.play svg{width:30px;height:30px}.next svg{width:40px;height:16px}.keep{position:absolute;left:50%;translate:-50%}.keep svg{width:30px;height:30px}.keep.pop svg{animation:.4s ease-out keep-pop}.keep .ink{fill:var(--seal,currentColor)}@keyframes keep-pop{35%{scale:1.1}}@media (prefers-reduced-motion:reduce){.keep.pop svg{animation:none}}.key.keep:disabled{opacity:0;visibility:hidden;transition:opacity .6s,visibility 0s .6s}.next:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) svg{scale:-1 1}.key:disabled{opacity:.3;cursor:default}.circle{top:calc(env(safe-area-inset-top,0px) + 22px);border:1.2px solid var(--text);width:30px;height:30px;color:var(--text);opacity:.55;border-radius:50%;padding:0;transition:opacity 1.2s,border-color .6s;position:fixed;inset-inline-end:calc(var(--gutter) - 6px)}.circle:before{content:"";position:absolute;inset:-9px}.circle:hover{opacity:.9}.circle.signed{opacity:.9;border-color:#0000}.mark{background:var(--pigment);width:100%;height:100%;-webkit-mask:var(--mk) center / contain no-repeat;-webkit-mask:var(--mk) center / contain no-repeat;mask:var(--mk) center / contain no-repeat;opacity:0;transition:opacity .8s;display:block}.signed>.mark,.marked>.mark{opacity:1}.circle.marked{border-color:#0000}#you{--welcome:0;--savour:0;--savour-reach:0;--savour-red:0;--savour-glow:0;--warmth:color-mix(in srgb, var(--seal,currentColor) calc(var(--savour-red) * 100%), var(--pigment));background:radial-gradient(circle closest-side, transparent calc((1 - var(--savour-reach)) * 100% - 30%), color-mix(in srgb, var(--warmth) calc(var(--savour-glow) * 30%), transparent) calc((1 - var(--savour-reach)) * 100% + 12%), color-mix(in srgb, var(--warmth) calc(var(--savour-glow) * 42%), transparent) 100%)}#you>.mark{scale:calc(1 + var(--welcome) * .07 + var(--savour) * .09);background:color-mix(in srgb, var(--seal,currentColor) calc(var(--savour-red) * var(--savour-glow) * 62%), var(--pigment))}#you:not(.signed):not(.marked){border-color:color-mix(in srgb, var(--seal,currentColor) calc(var(--savour-red) * var(--savour-glow) * 62%), var(--text))}#you:after{content:"";background:radial-gradient(circle, var(--pigment) 0%, transparent 72%);opacity:calc(var(--welcome) * .2);pointer-events:none;border-radius:50%;position:absolute;inset:2px}#you.signed:after{opacity:calc(var(--welcome) * .14)}.veil{z-index:8;opacity:0;background:#14161a2e;transition:opacity .5s;position:fixed;inset:0}.veil.show{opacity:1}.sheet{inset-inline:0;z-index:9;background:var(--sheet);width:min(100%,520px);height:min(84%,780px);color:var(--text);font-family:var(--serif);transition:translate .65s var(--ease);border-radius:18px 18px 0 0;outline:none;grid-template-rows:26px minmax(0,1fr);margin-inline:auto;display:grid;position:fixed;bottom:0;translate:0 102%;box-shadow:0 -10px 40px -20px #00000059}.sheet.show{translate:none}.sheet.dragging{transition:none}.grab{cursor:grab;touch-action:none;place-items:center;display:grid}.grab:after{content:"";background:var(--line);border-radius:2px;width:36px;height:4px}.sheet .scroll{padding:4px 26px calc(30px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-user-select:text;user-select:text;align-content:start;gap:22px;display:grid;overflow-y:auto}.sheet section,.sheet form{gap:8px;display:grid}.sheet h2{font:italic 400 14px var(--serif);color:var(--mut)}.sheet h2:lang(zh),.sheet h2:lang(ja),.sheet h2:lang(ko),.sheet h2:lang(ar){font-size:12px;font-style:normal}.sheet h2:lang(zh),.sheet h2:lang(ja){letter-spacing:.2em}.sheet h2.big{font:300 24px/1.3 var(--serif);color:var(--text)}.me{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding-top:6px;gap:14px!important}.circle.big{opacity:1;border-width:1.3px;width:48px;height:48px;display:block;position:static}.circle.big:before{content:none}.pick-mark{transition:opacity .3s}.pick-mark:hover{opacity:.7}.circle.big.mark-now{width:64px;height:64px;box-shadow:0 0 0 1.3px var(--text);justify-self:center;padding:4px}.mark-drops{grid-template-columns:repeat(3,minmax(0,1fr));justify-self:center;gap:12px;width:100%;max-width:360px;display:grid}.mark-drop{aspect-ratio:1;color:var(--text);box-shadow:0 0 0 1px var(--line);border-radius:50%;padding:7%;transition:box-shadow .4s,background .3s;display:block}.mark-drop:hover{background:color-mix(in srgb, var(--text) 5%, transparent)}.mark-drop.on{box-shadow:0 0 0 1.3px var(--text)}.mark-drop:disabled{cursor:default}.mark-drop>.mark{opacity:1}.mark-more{justify-self:center}.mark-kinds,.mark-pigments{grid-template-columns:repeat(7,minmax(0,1fr));justify-self:center;gap:6px;width:100%;max-width:360px;display:grid}.mark-pigments{grid-template-columns:repeat(5,minmax(0,1fr));max-width:260px;margin-top:6px}.mark-kind,.mark-pigment{aspect-ratio:1;border-radius:50%;padding:9%;transition:box-shadow .4s,background .3s;display:block;box-shadow:0 0 0 1px #0000}.mark-kind:hover,.mark-pigment:hover{background:color-mix(in srgb, var(--text) 5%, transparent)}.mark-kind.on,.mark-pigment.on{box-shadow:0 0 0 1.3px var(--text)}.mark-kind>.mark,.mark-pigment>.mark{opacity:1}.mark-name{min-height:1.2em;color:var(--mut);justify-self:center;margin-top:-8px;font-size:13px;font-style:italic}.mark-paper{aspect-ratio:1;background:radial-gradient(circle closest-side, transparent calc(100% - 1.5px), var(--line) calc(100% - 1px), transparent 100%), color-mix(in srgb, var(--paper) 55%, var(--sheet));width:min(100%,280px);box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;justify-self:center;position:relative}.mark-paper>canvas{width:100%;height:100%;color:var(--pigment);touch-action:none;cursor:crosshair;display:block}.mark-hint{text-align:center;color:var(--mut);pointer-events:none;font-size:13px;font-style:italic;position:absolute;inset:auto 0 14px}.mark-name:lang(zh),.mark-name:lang(ja),.mark-name:lang(ko),.mark-hint:lang(zh),.mark-hint:lang(ja),.mark-hint:lang(ko){font-style:normal}.mark-pair{justify-self:center}.pill.filled{background:var(--text);color:var(--sheet)}.sheet[data-view=mark] .acct-say{text-align:center}.name{overflow-wrap:anywhere;font-size:18px;font-weight:500}.name.rename{max-width:100%;font-family:var(--serif);text-align:start;text-underline-offset:4px;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .3s;display:block}.name.rename:hover,.name.rename:focus-visible{-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.renaming{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.renaming input.name{border:0;border-bottom:1px solid var(--text);width:100%;min-width:0;color:var(--text);font-family:var(--serif);background:0 0;border-radius:0;outline:none;padding:0 0 3px}.renaming input.name::placeholder{color:var(--mut);font-weight:400}.sub{color:var(--mut);overflow-wrap:anywhere;font-size:12.5px;line-height:1.5}.pill{border:1px solid var(--text);font:400 14px var(--serif);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:5px 14px;transition:background .3s,color .3s,opacity .3s;display:inline-flex}.pill:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.pill.wide{width:100%;height:42px;margin-top:6px}.pill.danger{background:var(--text);color:var(--sheet)}.pill.warn{border-color:var(--wrong);color:var(--wrong)}.pill.warn:hover{background:color-mix(in srgb, var(--wrong) 8%, transparent)}.pill svg{fill:currentColor;width:15px;height:15px}.pill:disabled{opacity:.45;cursor:default}.row{border-bottom:1px solid var(--line);text-align:start;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:7px 0;font-size:15px;display:flex}.row>span:first-child{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;min-width:0}.row.go:after,.link.more:after{content:"›";color:var(--mut)}.link.more:after{margin-inline-start:.35em}.row.go:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{content:"‹"}.link.more:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{content:"‹"}.val,.link{color:var(--mut);font:400 14px var(--serif);white-space:nowrap;text-align:end;padding:0;transition:color .3s}.link:hover{color:var(--text)}.link.inline{font-size:inherit;white-space:normal;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}select.val{appearance:none;text-overflow:ellipsis;max-width:55%;padding:0}select.val option{color:initial}.switch{--travel:13.4px;border:1.3px solid var(--text);width:33px;height:20px;box-shadow:.5px .6px 0 -.2px color-mix(in srgb, var(--text) 40%, transparent);border-radius:11px 10px 10.5px 11px/10px 11px 10px 10.5px;flex:none;align-self:center;padding:0;transition:background .25s,opacity .3s;position:relative}.switch:before{content:"";position:absolute;inset:-12px -8px}.switch:after{content:"";top:50%;background:var(--text);width:12px;height:12px;transition:translate .24s var(--ease), background .25s;border-radius:50% 46% 50% 47%;margin-top:-6px;position:absolute;inset-inline-start:2.4px}.switch[aria-checked=true]{background:var(--text)}.switch[aria-checked=true]:after{background:var(--sheet);translate:var(--travel) 0}.switch[aria-checked=true]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{translate:calc(-1 * var(--travel)) 0}.switch:focus-visible{outline-offset:4px}.switch:disabled{cursor:default}.switch[data-locked]{opacity:.38;box-shadow:none;cursor:not-allowed;border-style:dashed}.line{position:relative}.lbl{align-items:center;gap:7px;display:inline-flex}.info{width:16px;height:16px;color:var(--mut);border-radius:50%;flex:none;place-items:center;padding:0;transition:color .3s;display:inline-grid;position:relative}.info:before{content:"";position:absolute;inset:-12px}.info svg{width:100%;height:100%}.info:hover,.info[aria-expanded=true]{color:var(--text)}.info:focus-visible{outline-offset:2px}.tip{z-index:2;top:calc(100% + 2px);border:1px solid var(--line);background:color-mix(in srgb, var(--sheet) 96%, var(--text));width:min(330px,100% + 24px);color:var(--text);animation:tip-in .22s var(--ease);border-radius:10px;padding:11px 14px 12px;font-size:13px;line-height:1.55;position:absolute;inset-inline-start:-12px;box-shadow:0 14px 34px -18px #00000073}.tip:before{content:"";top:-5.5px;left:calc(var(--at,24px) - 5px);border-top:1px solid var(--line);border-left:1px solid var(--line);background:inherit;border-top-left-radius:2px;width:9px;height:9px;position:absolute;rotate:45deg}.tip a{color:var(--mut);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;transition:color .3s}.tip a:hover{color:var(--text)}.tip[data-up]{animation-name:tip-up;top:auto;bottom:calc(100% + 2px)}.tip[data-up]:before{top:auto;bottom:-5.5px;rotate:225deg}@keyframes tip-up{0%{opacity:0;translate:0 3px}}@keyframes tip-in{0%{opacity:0;translate:0 -3px}}.sheet h3.part{font:400 12.5px var(--serif);letter-spacing:.02em;color:var(--mut);align-items:center;gap:7px;padding-top:6px;display:flex}.sheet h3.part:lang(zh),.sheet h3.part:lang(ja){letter-spacing:.15em}.sheet h3.part.big{font:300 24px/1.3 var(--serif);letter-spacing:0;color:var(--text);padding-top:0}.sheet h3.part.big .info{width:18px;height:18px}.quiet{display:flex}.quiet .link{font-size:13px}.row.go.quiet{color:var(--mut);border-bottom:0;font-size:14px;transition:color .3s}.row.go.quiet:hover{color:var(--text)}.row.danger{color:var(--wrong);border-bottom:0;margin-top:10px}.row .unread{background:var(--wrong);border-radius:50%;align-self:center;width:7px;height:7px;margin-inline-start:auto}.letters{display:grid}.letter{border-top:1px solid var(--line);gap:4px;padding:12px 0;display:grid}.letter.team{padding-inline-start:20px}.letter-body{font:400 15px/1.55 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere}.letter.team .letter-body{font-size:16px}.write{gap:10px;display:grid}.acct-letter{resize:vertical;background:color-mix(in srgb, var(--text) 5%, transparent);width:100%;min-height:140px;font:400 15px/1.55 var(--serif);color:var(--text);border:0;border-radius:10px;outline:none;padding:12px 14px;display:block}.acct-letter::placeholder{color:var(--mut)}.acct-letter:focus-visible{box-shadow:0 0 0 1.2px var(--text)}.write .context{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.write .pill[data-empty]{opacity:.45}.command{background:color-mix(in srgb, var(--text) 5%, transparent);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:12px 14px;display:grid}.command .pill{padding:3px 12px;font-size:13px}.command .prompt{color:var(--text);font:400 15px/1.5 var(--serif);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.small,.note{color:var(--mut);font-size:12.5px;line-height:1.55}.note{font-size:14px}.plus-list{margin:14px 0 18px;padding:0;font-size:14px;line-height:1.55;list-style:none}.plus-list li{border-top:1px solid var(--line);padding:7px 0}.plus-list li:last-child{border-bottom:1px solid var(--line)}.plus-said{margin:0 0 6px;font-size:14px}.url,.sheet code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.sheet code{font:12px/1.6 var(--mono);color:var(--text)}.paper{aspect-ratio:3/2;width:100%;height:auto;box-shadow:0 0 0 1px var(--line);background:#eceee9;border-radius:6px;display:block}.paper-open{border-radius:6px;width:100%;margin-bottom:2px;padding:0;display:block}.paper-open .paper{transition:opacity .3s}.paper-open:hover .paper{opacity:.9}.paper-day{font:italic 300 12.5px var(--serif);color:var(--mut);text-align:center;margin-top:7px}.paper-day:lang(zh),.paper-day:lang(ja),.paper-day:lang(ko){font-style:normal}.paper-day:lang(zh),.paper-day:lang(ja){letter-spacing:.1em}.papers{position:relative}.papers-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:6px;gap:8px;display:flex;position:relative;overflow-x:auto}.papers-track::-webkit-scrollbar{display:none}.papers-track:focus-visible{outline-offset:3px}.paper-page{scroll-snap-align:end;scroll-snap-stop:always;flex:0 0 calc(100% - 18px);min-width:0;padding:1px}.papers-track.leaning .paper-page{animation:.9s ease-in-out papers-nudge}.papers-track.leaning:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .paper-page{animation-name:papers-nudge-rtl}@keyframes papers-nudge{50%{translate:24px}}@keyframes papers-nudge-rtl{50%{translate:-24px}}.papers-dots{justify-content:center;gap:7px;margin-top:6px;display:flex}.papers-dots i{background:var(--text);opacity:.18;border-radius:50%;width:5px;height:5px;transition:opacity .3s}.papers-dots i.on{opacity:.75}.papers-step{color:#1f232b;opacity:0;background:#eceee9d1;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;transition:opacity .3s;display:grid;position:absolute;top:calc(50% - 27px);box-shadow:0 0 0 1px #1f232b1f}.papers-step.earlier{inset-inline-start:8px}.papers-step.later{inset-inline-end:8px}.papers-step:before{content:"";border-top:1.2px solid;border-inline-start:1.2px solid;width:7px;height:7px;translate:1.5px;rotate:-45deg}.papers-step.later:before,.papers-step:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{translate:-1.5px;rotate:135deg}.papers-step.later:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{translate:1.5px;rotate:-45deg}.papers:hover .papers-step:not(:disabled),.papers:focus-within .papers-step:not(:disabled),.papers-step:focus-visible{opacity:1}.papers-step:disabled{visibility:hidden}@media (hover:none){.papers-step{display:none}}.away{display:flex}.back:before{content:"‹ "}.back:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{content:"› "}.label{color:var(--mut);margin-top:10px;font-size:12px}.legal a{color:inherit}.acct-input{border:0;border-bottom:1.2px solid var(--line);appearance:none;width:100%;height:42px;font:300 18px var(--serif);color:var(--text);background:0 0;border-radius:0;outline:none;padding:0;transition:border-color .3s;display:block}.acct-input::placeholder{color:var(--line)}.acct-input:focus{border-bottom-color:var(--text)}.acct-input[aria-invalid=true]{border-bottom-color:var(--wrong)}.acct-input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 99999s}.acct-code{--gap:10px;gap:var(--gap);height:48px;display:flex;position:relative;overflow:clip;container-type:inline-size}.acct-code i{border-bottom:1.2px solid var(--line);flex:1;transition:border-color .3s}.acct-code input{--cell:calc((100cqw - 5 * var(--gap)) / 6);width:calc(100% + var(--cell) + var(--gap));height:100%;padding:0 0 0 calc((var(--cell) - 1ch) / 2);appearance:none;font:400 20px/1 var(--mono);letter-spacing:calc(var(--cell) + var(--gap) - 1ch);color:var(--text);caret-color:#0000;background:0 0;border:0;outline:none;position:absolute;top:0;left:0}.acct-code input:focus-visible{outline:none}.acct-code input::selection{background:0 0}.acct-code:focus-within[data-filled="0"] i:first-of-type,.acct-code:focus-within[data-filled="1"] i:nth-of-type(2),.acct-code:focus-within[data-filled="2"] i:nth-of-type(3),.acct-code:focus-within[data-filled="3"] i:nth-of-type(4),.acct-code:focus-within[data-filled="4"] i:nth-of-type(5),.acct-code:focus-within[data-filled="5"] i:nth-of-type(6){border-bottom-color:var(--text)}.acct-code[data-wrong] i{border-bottom-color:var(--wrong)}.sheet[aria-busy=true] .acct-code i{animation:1.4s ease-in-out infinite blink}@keyframes blink{50%{opacity:.35}}.acct-say{color:var(--wrong);font-size:13.5px}.acct-say:empty{display:none}.acct-say[data-tone=info]{color:var(--mut)}.or{color:var(--mut);align-items:center;gap:12px;margin-top:6px;font-size:12px;display:flex}.or:before,.or:after{content:"";border-top:1px solid var(--line);flex:1}.pair{gap:10px;display:flex}.pair>*{flex:1;height:40px}.devices{padding:0;list-style:none}.device{gap:2px;display:grid}.device small{color:var(--mut);font-size:12px}.year{gap:34px;display:grid}.year-head{gap:2px;display:grid}.sheet .year-head h2.big{letter-spacing:0}.year-part{gap:10px;display:grid}.year-cover{font:italic 300 17px/1.5 var(--serif);color:var(--mut)}.year-cover:lang(zh),.year-cover:lang(ja),.year-cover:lang(ko){font-size:15px;font-style:normal}.year-cover:lang(zh),.year-cover:lang(ja){letter-spacing:.1em}.year-label{font:italic 300 15px var(--serif);color:var(--mut)}.year-label:lang(zh),.year-label:lang(ja),.year-label:lang(ko){font-size:13px;font-style:normal}.year-label:lang(zh),.year-label:lang(ja){letter-spacing:.1em}.year-figure{font:300 46px/1.1 var(--serif);letter-spacing:-.01em;margin-top:-4px}.year-figure small{letter-spacing:0;margin-inline:.18em .3em;font-size:15px}.year-met{font:400 15.5px/1.55 var(--serif)}.year-rows{display:grid}.year-rows .row-in{padding-inline-start:18px}.year-poster-wait{aspect-ratio:1080/1920;background:#eceee9}.sheet .scroll:has(.year-book){scroll-snap-type:y proximity}.sheet .scroll:has(.year-book)>header{scroll-snap-align:start}.year-book{gap:0}.year-screen{scroll-snap-align:start;align-content:center;gap:12px;min-height:calc(min(84svh,780px) - 96px);padding-block:28px;display:grid}.year-screen+.year-screen{border-top:1px solid var(--line)}.year-opening{align-content:start;padding-top:8px}.year-card{justify-self:center;width:auto;max-width:100%;max-height:calc(min(84svh,780px) - 190px)}.year-ending .pair{justify-content:center}.row:has(.year-life){align-items:center}.year-life{align-items:center;gap:10px;display:inline-flex}.year-glyph{opacity:.8;flex:none;width:22px;height:22px}.poster{width:100%;height:auto;box-shadow:0 0 0 1px var(--line);border-radius:6px;display:block}@media (pointer:coarse){.acct-input{font-size:18px}.row{padding:10px 0}}body.desk-shifting .words{opacity:0;transition:opacity .45s}body[data-desk] .words,body[data-desk] .keys,body[data-desk] .circle{translate:var(--drift-x,0) var(--drift-y,0)}body[data-desk] .title{font-size:34px}body[data-desk] .title.long{font-size:29px}body[data-desk=landscape]{--title-bottom:calc(env(safe-area-inset-bottom,0px) + 84px);--keys-bottom:calc(env(safe-area-inset-bottom,0px) + 18px)}body[data-desk=fold]{--title-bottom:calc(50% + 28px)}body[data-desk=fold] .drop{top:26%}:root[data-frame=small] #you,:root[data-frame=small] .veil,:root[data-frame] .dev-toggle{display:none!important}.dev-toggle{top:calc(env(safe-area-inset-top,0px) + 24px);font:12px var(--mono);color:var(--mut);position:fixed;inset-inline-start:calc(var(--gutter) - 6px)}.dev{top:64px;z-index:6;background:color-mix(in srgb, var(--sheet) 92%, transparent);width:272px;max-height:calc(100% - 140px);box-shadow:inset 0 0 0 1px var(--line), 0 24px 60px -30px #00000073;font:12px var(--mono);-webkit-user-select:text;user-select:text;border-radius:12px;padding:16px;position:fixed;inset-inline-start:clamp(12px,3vmin,32px);overflow-y:auto}.dev h2{letter-spacing:.14em;color:var(--mut);margin:0 0 8px;font-size:11px;font-weight:500}.dev section+section{margin-top:16px}.chips{grid-template-columns:1fr 1fr;gap:6px;display:grid}[data-group=moment]{grid-template-columns:1fr 1fr 1fr}.chip{text-align:center;color:var(--mut);box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;padding:6px 8px;transition:color .2s,background .2s}.chip:hover{color:var(--text)}.chip[aria-pressed=true]{color:var(--sheet);background:var(--text);box-shadow:none}.chip.wide{grid-column:1/-1}.readout{color:var(--mut);font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr;gap:5px 12px;display:grid}.readout dd{color:var(--text);text-align:end;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.dev .note{margin-top:12px;font-size:12px}.dev .note a{color:var(--text)}@media (width<=560px){.dev{top:auto;bottom:12px;width:auto;max-height:60%;inset-inline:12px}}@media (prefers-reduced-motion:reduce){.title,.cue,.sheet,.veil,.keys,.circle{transition-duration:.2s}.switch,.switch:after{transition:none}.tip,.hint{animation:none}}.trace{color:#ffffffd9;max-height:42vh;font:10.5px/1.45 var(--mono);white-space:pre-wrap;word-break:break-all;z-index:4;-webkit-user-select:text;user-select:text;background:#060810d1;border-radius:12px;margin:0;padding:10px 12px;position:fixed;bottom:8px;left:8px;right:8px;overflow:auto}.landing{background:var(--paper);pointer-events:none;transition:opacity 1.8s var(--ease);position:fixed;inset:0}.landing canvas{width:100%;height:100%;display:block}:root[data-night] .landing canvas{filter:invert()hue-rotate(180deg)brightness(.92)}.landing-day{inset-inline-start:var(--gutter);top:calc(env(safe-area-inset-top,0px) + clamp(26px, 5vh, 52px));font:italic 300 15px var(--serif);color:var(--mut);pointer-events:none;animation:arrive 2.4s .3s var(--ease) both;transition:opacity 1.2s var(--ease);margin:0;position:fixed}.landing-day:lang(zh),.landing-day:lang(ja),.landing-day:lang(ko){font-size:13px;font-style:normal}.landing-day:lang(zh),.landing-day:lang(ja){letter-spacing:.08em}.landing.gone,.landing-day.gone{opacity:0}.nudge{inset-inline-start:0;max-width:28em;font:italic 300 14px var(--serif);pointer-events:auto;animation:arrive 2.4s .4s var(--ease) both;transition:opacity 1.2s var(--ease);margin:0;position:absolute;bottom:calc(100% + 16px)}.nudge:lang(zh),.nudge:lang(ja),.nudge:lang(ko){font-size:13px;font-style:normal}.nudge a{color:var(--mut);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px}.nudge a:hover{color:var(--text)}.nudge.gone{opacity:0}a.row{color:inherit;text-decoration:none}.app-code{color:inherit;border-radius:14px;align-items:center;gap:16px;padding:4px 0 2px;font-size:15px;text-decoration:none;display:flex}.app-code img{flex:none;width:136px;height:136px}.ritual{z-index:5;padding:var(--gutter);background:color-mix(in srgb, var(--paper) 0%, transparent);transition:background 1.6s var(--ease);perspective:1400px;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.ritual.open{background:color-mix(in srgb, var(--paper) 55%, transparent)}.ritual-paper{width:min(100%, calc((100dvh - 2 * var(--gutter)) * 1.5), 1080px);cursor:pointer;pointer-events:auto;opacity:0;transition:transform 1.6s var(--ease), opacity 1.1s var(--ease);background:0 0;border:0;border-radius:6px;padding:0;display:block;transform:rotateX(84deg)scale(.86);box-shadow:0 18px 60px #14161a29}.ritual.open .ritual-paper{opacity:1;transform:none}.ritual.folding .ritual-paper{opacity:0;transition:transform 1.3s var(--ease), opacity 1s ease-in;transform:rotateX(-80deg)scale(.9)}.ritual-paper img{aspect-ratio:3/2;background:#eceee9;border-radius:6px;width:100%;height:auto;display:block}.ritual-paper:focus-visible{outline:1px solid var(--text);outline-offset:6px}@media (prefers-reduced-motion:reduce){.ritual-paper,.ritual.folding .ritual-paper{transition:opacity .6s;transform:none}}.paper-ai{font:300 12.5px/1.6 var(--serif);color:var(--mut);text-align:center;font-variant-numeric:tabular-nums;margin-top:4px}.paper-ai span{display:block}