@layer reset,tokens,base,components,layout,pages,fx,utilities;@font-face{font-family:BB Latin;src:local("Hiragino Maru Gothic ProN W4"),local("HiraMaruProN-W4"),local("Hiragino Maru Gothic ProN");font-weight:100 500;unicode-range:U+0020-007E,U+00A0-00FF,U+2013-2014,U+2018-201D,U+2026}@font-face{font-family:BB Latin;src:local("Hiragino Maru Gothic ProN W6"),local("HiraMaruProN-W6");font-weight:600 900;unicode-range:U+0020-007E,U+00A0-00FF,U+2013-2014,U+2018-201D,U+2026}@layer tokens{:root{color-scheme:light;--sky-25: #f7fbff;--sky-50: #eef6fd;--sky-100: #e6f1fc;--sky-200: #d9e9f9;--sky-300: #c3dcf4;--line: #dceaf7;--paper: #ffffff;--mist-50: #f6f8fa;--mist-100: #eff2f6;--mist-200: #e6eaf0;--rose-50: #fff6f9;--rose-100: #fdeef3;--rose-200: #f9e0ea;--rose-300: #f2c6d8;--rose-line: #f3d6e2;--ink: #46546a;--ink-2: #5d6c84;--link: #3f68a3;--rose-ink: #9a5470;--ring: #5e8ec8;--bg: var(--sky-25);--bg-soft: var(--sky-50);--fill: var(--sky-100);--fill-strong: var(--sky-200);--accent: var(--rose-100);--accent-soft: var(--rose-50);--accent-strong: var(--rose-200);--accent-graphic: var(--rose-300);--accent-line: var(--rose-line);--accent-ink: var(--rose-ink);--neutral: var(--mist-100);--neutral-soft: var(--mist-50);--r-xs: 8px;--r-sm: 14px;--r-md: 20px;--r-lg: 28px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 72px;--s-9: 112px;--font: "BB Latin", "Yuanti SC", "Hiragino Maru Gothic ProN", "PingFang SC", "HarmonyOS Sans SC", "Noto Sans SC", "Microsoft YaHei UI", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--ease: cubic-bezier(.22, .8, .3, 1);--ease-soft: cubic-bezier(.3, .7, .3, 1);--dur-1: .16s;--dur-2: .26s;--dur-3: .42s;--float: 0 14px 36px rgba(140, 175, 215, .2);--veil: rgba(238, 246, 253, .78);--wrap: 1120px;--reading: 720px;--header-h: 88px;--fx-k: 1;--tok-kw: #3f68a3;--tok-fn: #46546a;--tok-str: #9a5470;--tok-num: #3f68a3;--tok-com: #5d6c84;--tok-op: #5d6c84;--tok-add: #2f6e5a;--tok-del: #9a5470}:root[data-theme=sky]{--sky-25: #f3f9ff;--sky-50: #eaf4fd;--sky-100: #e3effb;--sky-200: #d2e5f7;--accent: var(--sky-100);--accent-soft: var(--sky-50);--accent-strong: var(--sky-200);--accent-graphic: var(--sky-300);--accent-line: var(--line);--accent-ink: var(--link)}:root[data-theme=sakura]{--bg: #fff8fb;--bg-soft: #fff1f6;--fill: #fdeaf1;--fill-strong: #f9dce8;--accent: var(--sky-100);--accent-soft: var(--sky-50);--accent-strong: var(--sky-200);--accent-graphic: var(--sky-300);--accent-line: var(--line);--accent-ink: var(--link)}:root[data-theme=fog]{--bg: #f8f9fb;--bg-soft: #f1f4f8;--fill: #e9eef5;--fill-strong: #e0e7f0;--neutral: #eceff4;--neutral-soft: #f4f6f9}:root[data-code-theme=blossom]{--tok-kw: #9a5470;--tok-fn: #46546a;--tok-str: #3f68a3;--tok-num: #8a5a2f;--tok-com: #6b6580;--tok-op: #5d6c84}:root[data-code-theme=fog]{--tok-kw: #46546a;--tok-fn: #3f68a3;--tok-str: #5a6b3f;--tok-num: #7a5b8c;--tok-com: #667389;--tok-op: #5d6c84}:root[data-fx-mode=soft]{--fx-k: .45}}@layer reset{*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol,pre{margin:0}ul,ol{padding:0;list-style:none}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{padding:0;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}table{border-collapse:collapse}[hidden]{display:none!important}}@layer base{html{font-size:16px;scroll-padding-top:calc(var(--header-h) + 16px)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-height:100vh;background:var(--bg);color:var(--ink);font:400 16px/1.85 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4{font-weight:700;line-height:1.35;letter-spacing:.01em;text-wrap:balance}p{text-wrap:pretty}::selection{background:var(--accent-strong);color:var(--ink)}hr{border:0;border-top:1px dashed var(--line);margin:0}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--ring);outline-offset:3px;box-shadow:0 0 0 5px var(--fill)}main:focus,main:focus-visible,[data-route-container]:focus,[data-route-container]:focus-visible,[tabindex="-1"]:not(input,button,a,select,textarea):focus-visible{outline:none;box-shadow:none}.skip-link{position:fixed;z-index:200;top:12px;left:12px;padding:10px 16px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);font-weight:600;font-size:14px;translate:0 -160%;transition:translate var(--dur-2) var(--ease)}.skip-link:focus-visible{translate:0 0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}html.boot #app{visibility:hidden}html.no-tape .tape,html.no-doodles .doodle{display:none}.i{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.doodle{width:44px;height:44px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:var(--accent-graphic);pointer-events:none}.mascot{--m-fill: #fff;--m-line: var(--sky-300);--m-eye: var(--ink-2);--m-cheek: #f6c9d9;width:120px;height:auto;aspect-ratio:120 / 92;flex:none}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:46px;padding:.55em 1.3em;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);font-size:14.5px;font-weight:700;line-height:1.2;white-space:nowrap;transition:background-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.btn:hover{background:var(--fill);transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn--fill{background:var(--fill)}.btn--fill:hover{background:var(--fill-strong)}.btn--accent{background:var(--accent);border-color:var(--accent-line);color:var(--accent-ink)}.btn--accent:hover{background:var(--accent-strong)}.btn--ghost{background:transparent}.btn--sm{min-height:38px;padding:.35em 1em;font-size:13px;border-radius:12px}.btn .i{width:1.2em;height:1.2em}.btn[disabled],.btn[aria-disabled=true]{background:var(--neutral);color:var(--ink-2);pointer-events:none}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);transition:background-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.icon-btn:hover{background:var(--fill);transform:translateY(-2px)}.icon-btn:active{transform:scale(.96)}.icon-btn--ghost{border-color:transparent;background:transparent}.text-link{color:var(--link);font-weight:700;display:inline-flex;align-items:center;gap:.35em;text-decoration:underline;text-decoration-color:var(--sky-200);text-decoration-thickness:2px;text-underline-offset:5px;transition:text-decoration-color var(--dur-1) var(--ease)}.text-link:hover{text-decoration-color:var(--link)}.text-link .i{width:1.1em;height:1.1em;transition:translate var(--dur-2) var(--ease)}.text-link:hover .i{translate:3px 0}.tag{display:inline-flex;align-items:center;gap:.35em;min-height:28px;padding:.1em .8em;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);color:var(--link);font-size:12.5px;font-weight:700;line-height:1.6;white-space:nowrap;transition:background-color var(--dur-1) var(--ease)}a.tag:hover,button.tag:hover{background:var(--fill)}.tag .i{width:1em;height:1em}.tag--sky{background:var(--bg-soft)}.tag--rose{background:var(--accent);border-color:var(--accent-line);color:var(--accent-ink)}.tag--mist{background:var(--neutral);color:var(--ink-2)}.tag[aria-pressed=true],.tag[aria-current]{background:var(--fill);color:var(--ink)}.tag .n{color:var(--ink-2);font-weight:600}.badge{display:inline-flex;align-items:center;gap:.4em;padding:.1em .7em;border-radius:var(--r-pill);background:var(--accent);border:1px solid var(--accent-line);color:var(--accent-ink);font-size:12px;font-weight:700}.stamp{position:relative;display:grid;place-items:center;align-content:center;gap:2px;width:52px;height:58px;flex:none;line-height:1;border:1px solid var(--accent-line);border-radius:12px;background:var(--accent-soft);color:var(--accent-ink)}.stamp:before{content:"";position:absolute;inset:3px;border:1px dashed var(--accent-line);border-radius:9px;pointer-events:none}.stamp b{font-size:20px;font-weight:700;letter-spacing:0}.stamp small{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.stamp--sm{width:44px;height:48px}.stamp--sm b{font-size:17px}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;color:var(--ink-2);font-size:13px;line-height:1.6}.meta>span{display:inline-flex;align-items:center;gap:.4em}.meta .i{width:1.1em;height:1.1em}.tape{position:absolute;z-index:2;width:76px;height:22px;pointer-events:none;background:var(--rose-200);background:color-mix(in srgb,var(--rose-200) 82%,transparent);rotate:-4deg;clip-path:polygon(0 0,4% 20%,0 40%,4% 60%,0 80%,4% 100%,100% 100%,96% 80%,100% 60%,96% 40%,100% 20%,96% 0)}.tape--sky{background:var(--sky-200);background:color-mix(in srgb,var(--sky-200) 85%,transparent)}.tape--mist{background:var(--mist-200);background:color-mix(in srgb,var(--mist-200) 85%,transparent)}.tape--dots{background-image:radial-gradient(#fff 1.4px,transparent 1.6px);background-size:9px 9px}.tape--stripe{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.7) 0 3px,transparent 3px 8px)}.note{position:relative;padding:22px 22px 20px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:6px 22px 22px}.note--sky{background:var(--bg-soft);border-color:var(--line)}.note--mist{background:var(--neutral-soft);border-color:var(--line)}.note--paper{background:var(--paper);border-color:var(--line)}.note h3{font-size:15px;margin-bottom:8px}.note ul{display:grid;gap:8px}.note li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.7}.note li .i{margin-top:.25em;color:var(--accent-ink)}.kicker{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 10px;border:1px dashed var(--accent-line);border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-ink);font-size:13px;font-weight:700;line-height:1.6}.kicker .i{width:1.1em;height:1.1em}.cover{position:relative;overflow:hidden;background:var(--c1, var(--fill));aspect-ratio:16 / 9;isolation:isolate}.cover img{width:100%;height:100%;object-fit:cover}.cover--short{aspect-ratio:16 / 8}.cv-sky{--c1: var(--sky-100);--c2: var(--sky-200)}.cv-rose{--c1: var(--rose-100);--c2: var(--rose-200)}.cv-mist{--c1: var(--mist-100);--c2: var(--mist-200)}.cv-paper{--c1: #fff;--c2: var(--sky-200)}.cv-dots{background-image:radial-gradient(var(--c2) 2.2px,transparent 2.6px);background-size:20px 20px;background-position:4px 4px}.cv-stripe{background-image:repeating-linear-gradient(135deg,var(--c2) 0 2px,transparent 2px 15px)}.cv-grid{background-image:linear-gradient(var(--c2) 1px,transparent 1px),linear-gradient(90deg,var(--c2) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px}.cv-wave:before,.cv-cloud:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--c2);-webkit-mask-repeat:repeat;mask-repeat:repeat}.cv-wave:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='20' viewBox='0 0 56 20'%3E%3Cpath d='M0 10q7-9 14 0t14 0 14 0 14 0' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='20' viewBox='0 0 56 20'%3E%3Cpath d='M0 10q7-9 14 0t14 0 14 0 14 0' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");-webkit-mask-size:56px 20px;mask-size:56px 20px}.cv-cloud:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='52' viewBox='0 0 72 52'%3E%3Cg fill='%23000'%3E%3Cpath d='M12 24a5 5 0 0 1-.4-9.9A7 7 0 0 1 25 12a5.500 5.500 0 0 1 1.800 12z'/%3E%3Cpath d='M46 46a5 5 0 0 1-.4-9.900A7 7 0 0 1 59 34a5.500 5.500 0 0 1 1.800 12z'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='52' viewBox='0 0 72 52'%3E%3Cg fill='%23000'%3E%3Cpath d='M12 24a5 5 0 0 1-.4-9.9A7 7 0 0 1 25 12a5.500 5.500 0 0 1 1.800 12z'/%3E%3Cpath d='M46 46a5 5 0 0 1-.4-9.900A7 7 0 0 1 59 34a5.500 5.500 0 0 1 1.800 12z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:72px 52px;mask-size:72px 52px}.cover__mark{position:absolute;right:14px;bottom:10px;display:flex;align-items:flex-end;gap:6px}.cover__mark .mascot{width:76px}.cover__label{position:absolute;left:14px;top:12px}.card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;transition:background-color var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}a.card:hover,.card--hover:hover{background:var(--bg);transform:translateY(-3px)}.card .cover{border-bottom:1px solid var(--line);transition:scale var(--dur-3) var(--ease)}a.card:hover .cover{scale:1.02}.card__body{display:grid;gap:10px;padding:20px 22px 22px;align-content:start;flex:1}.card__tags{display:flex;flex-wrap:wrap;gap:6px}.card__title{font-size:20px;font-weight:700;line-height:1.5}.card__sum{color:var(--ink-2);font-size:14.5px;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.card__meta{margin-top:2px}.card--side{flex-direction:row}.card--side .cover{flex:0 0 44%;aspect-ratio:auto;min-height:260px;border-bottom:0;border-right:1px solid var(--line)}.card--side .card__body{padding:28px 30px;align-content:center}.card--side .card__title{font-size:26px}.card--note{background:var(--accent-soft);border-color:var(--accent-line);border-radius:8px 22px 22px;overflow:visible}a.card--note:hover{background:var(--accent)}.card--note .card__body{padding-top:30px}.card--quote{background:var(--bg-soft)}.card--quote .card__body{padding:26px 26px 24px}.card--quote .qmark{width:34px;height:34px;color:var(--sky-300);fill:currentColor;stroke:none}.card--quote .card__title{font-size:19px;font-weight:600;line-height:1.75}.card__pin{position:absolute;right:14px;top:14px;z-index:3}.postrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 20px;align-items:start;padding:22px 4px;border-top:1px dashed var(--line)}.postrow__title{font-size:18px;font-weight:700;line-height:1.5}a.postrow:hover .postrow__title{text-decoration:underline;text-decoration-color:var(--sky-300);text-decoration-thickness:2px;text-underline-offset:5px}.postrow__sum{color:var(--ink-2);font-size:14.5px;line-height:1.75;margin-top:2px}.postrow__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.postrow__go{color:var(--ink-2);align-self:center;transition:translate var(--dur-2) var(--ease)}a.postrow:hover .postrow__go{translate:4px 0;color:var(--ink)}.tabs{display:flex;align-items:flex-end;gap:6px;padding:0 6px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;flex:none;min-height:44px;padding:.5em 1.2em;margin-bottom:-1px;border:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:14px 14px 0 0;background:var(--bg-soft);color:var(--ink-2);font-size:14.5px;font-weight:700;white-space:nowrap;transition:background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.tab:hover{background:var(--fill);color:var(--ink)}.tab[aria-selected=true],.tab[aria-current]{background:var(--paper);color:var(--ink);border-bottom-color:var(--paper)}.tab .n{margin-left:.4em;font-size:12px;color:var(--ink-2);font-weight:600}.avatar{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:46% 54% 50% 50%/52% 48%;background:var(--fill);border:1px solid var(--line);overflow:hidden}.avatar .mascot{width:40px;margin-top:3px}.avatar--lg{width:88px;height:88px}.avatar--lg .mascot{width:84px;margin-top:6px}.bubble{--bb: var(--paper);position:relative;padding:16px 20px;background:var(--bb);border:1px solid var(--line);border-radius:22px;transition:background-color var(--dur-2) var(--ease)}.bubble:before{content:"";position:absolute;left:-7px;top:20px;width:12px;height:12px;background:var(--bb);border-left:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0 0 0 4px;rotate:45deg}.bubble--pop:before{left:auto;right:-7px;border-left:0;border-bottom:0;border-right:1px solid var(--line);border-top:1px solid var(--line);border-radius:0 4px 0 0}.mood{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ink-2)}.mood svg{width:26px;height:26px}.callout{--ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.600' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.500 10.900c.7.600 1 1.300 1 2.100h5c0-.8.300-1.500 1-2.100A6 6 0 0 0 12 3z'/%3E%3C/svg%3E");--ico-ink: var(--link);--ico-line: var(--line);position:relative;padding:16px 20px 16px 70px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-md)}.callout:before{content:"";position:absolute;left:20px;top:16px;width:36px;height:36px;background:var(--paper);border:1px solid var(--ico-line);border-radius:12px}.callout:after{content:"";position:absolute;left:28px;top:24px;width:20px;height:20px;background:var(--ico-ink);-webkit-mask:var(--ico) center / contain no-repeat;mask:var(--ico) center / contain no-repeat}.callout>*{margin:0}.callout>*+*{margin-top:.4em}.callout__title{font-size:14.5px;font-weight:700;line-height:1.6;color:var(--ink)}.callout p{font-size:15px;line-height:1.8}.callout--note{--ico-ink: var(--ink-2);background:var(--neutral-soft);--ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.600' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.500'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E")}.callout--warn{--ico-ink: var(--accent-ink);--ico-line: var(--accent-line);background:var(--accent-soft);border-color:var(--accent-line);--ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.600' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 3.500 19h17z'/%3E%3Cpath d='M12 10v4M12 16.800h.01'/%3E%3C/svg%3E")}.callout--love{--ico-ink: var(--accent-ink);--ico-line: var(--accent-line);background:var(--accent);border-color:var(--accent-line);--ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.600' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20S4 15 4 9.500A4.300 4.300 0 0 1 8.300 5.200c1.600 0 3 .9 3.700 2.200.7-1.300 2.100-2.200 3.700-2.200A4.300 4.300 0 0 1 20 9.500C20 15 12 20 12 20z'/%3E%3C/svg%3E")}.code{position:relative;margin:0;background:var(--neutral);border:1px solid var(--line);border-radius:16px;overflow:hidden}.code__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 0 16px}.code__file{display:inline-flex;align-items:center;gap:.45em;padding:3px 12px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:var(--paper);color:var(--ink-2);font:600 12px/1.8 var(--mono);transform:translateY(1px)}.code__copy{display:inline-flex;align-items:center;gap:.4em;min-height:30px;padding:0 10px;border-radius:10px;color:var(--ink-2);font-size:12px;font-weight:700}.code__copy:before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:var(--ico-copy) center / contain no-repeat;mask:var(--ico-copy) center / contain no-repeat;--ico-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.800' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8.500' y='8.500' width='11' height='11' rx='2.500'/%3E%3Cpath d='M15.500 8.500V6.500a2 2 0 0 0-2-2h-7a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h2'/%3E%3C/svg%3E")}.code__copy.is-done:before{--ico-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.500 4.500 4.500L19 7.500'/%3E%3C/svg%3E")}.code__copy:hover{background:var(--paper);color:var(--ink)}.code pre{padding:14px 20px 18px;overflow-x:auto;font:13.5px/1.8 var(--mono);tab-size:4;color:var(--ink);background:var(--paper);border-top:1px solid var(--line)}.code pre code{font:inherit}.code :is(.k,.kc,.kd,.kn,.kp,.kr,.kt,.nt,.ow){color:var(--tok-kw);font-weight:600}.code :is(.s,.sa,.sb,.sc,.dl,.sd,.s2,.se,.sh,.si,.sx,.sr,.s1,.ss,.nl){color:var(--tok-str)}.code :is(.c,.ch,.cm,.cp,.cpf,.c1,.cs){color:var(--tok-com);font-style:italic}.code :is(.nf,.fm,.nc,.nn,.ne,.nd,.py){color:var(--tok-fn);font-weight:700}.code :is(.m,.mb,.mf,.mh,.mi,.il,.mo,.no,.bp,.nb,.vc,.vg,.vi,.vm,.nv){color:var(--tok-num)}.code :is(.o,.p,.pm){color:var(--tok-op)}.code .gd{color:var(--tok-del)}.code .gi{color:var(--tok-add)}.code .ge{font-style:italic}.code :is(.gs,.gh,.gu){font-weight:700}.code .err{color:inherit}.table-wrap{overflow-x:auto;background:var(--paper);border:1px solid var(--line);border-radius:16px}.table-wrap table{width:100%;min-width:460px;font-size:14.5px}.table-wrap th{padding:11px 16px;text-align:left;font-size:13px;color:var(--ink-2);background:var(--bg-soft);border-bottom:1px solid var(--line);white-space:nowrap}.table-wrap td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap tbody tr:nth-child(2n){background:var(--neutral-soft)}.table-wrap .ta-center{text-align:center}.table-wrap .ta-right{text-align:right}.table-wrap .ta-left{text-align:left}.fig{display:grid;gap:10px}.fig img{width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--fill);cursor:zoom-in}.fig figcaption{text-align:center;color:var(--ink-2);font-size:13px}.polaroid{position:relative;display:block;width:min(100%,420px);margin-inline:auto;padding:14px 14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:8px;transform:rotate(-1.2deg)}.polaroid__pic{aspect-ratio:4 / 3;border-radius:4px;overflow:hidden;background:var(--fill)}.polaroid__pic img{width:100%;height:100%;object-fit:cover}.polaroid figcaption{padding-top:12px;text-align:center;color:var(--ink-2);font-size:13px}.fig.polaroid{position:relative;display:block;width:min(100%,420px);margin-inline:auto;padding:14px 14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:8px;transform:rotate(-1.2deg)}.fig.polaroid img{border:0;border-radius:4px}.fig.polaroid figcaption{padding-top:12px}.inline-img{display:inline-block;vertical-align:middle;max-height:1.6em;width:auto;border-radius:6px}.img-missing,a.extimg{color:var(--ink-2);font-size:.92em}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gallery>*{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--fill)}.gallery img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;transition:scale var(--dur-3) var(--ease)}.gallery>*:hover img{scale:1.05}.gallery--2{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery--2>*{aspect-ratio:4 / 3}.gallery--4{grid-template-columns:repeat(2,minmax(0,1fr))}.linkcard{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding:12px 16px 12px 12px;background:var(--bg);border:1px solid var(--line);border-radius:16px;transition:background-color var(--dur-1) var(--ease)}.linkcard:hover{background:var(--fill)}.linkcard__ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--fill);color:var(--link)}.linkcard strong{display:block;font-size:14.5px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linkcard small{display:block;color:var(--ink-2);font-size:12.5px}.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.pager a,.pager span{display:inline-grid;place-items:center;min-width:46px;height:46px;padding:0 12px;border:1px solid var(--line);border-radius:14px 14px 14px 5px;background:var(--paper);font-weight:700;font-size:14.5px;transition:background-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.pager a:hover{background:var(--fill);transform:translateY(-2px)}.pager [aria-current=page]{background:var(--fill)}.pager .is-gap{border-color:transparent;background:transparent;color:var(--ink-2)}.field{display:grid;gap:8px}.field>label,.label{font-size:13.5px;font-weight:700;color:var(--ink)}.field small{color:var(--ink-2);font-size:12.5px}.input,.textarea,.select{width:100%;min-height:48px;padding:.6em 1em;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);transition:background-color var(--dur-1) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--ink-2);opacity:.8}.input:hover,.textarea:hover,.select:hover{background:var(--bg)}.textarea{min-height:120px;resize:vertical;line-height:1.7}.select{appearance:none;-webkit-appearance:none;padding-right:2.6em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235d6c84' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1em center}.input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.searchfield{position:relative}.searchfield .i{position:absolute;left:14px;top:50%;translate:0 -50%;color:var(--ink-2);pointer-events:none}.searchfield .input{padding-left:2.7em}.check,.radio{display:inline-flex;align-items:center;gap:10px;min-height:36px;cursor:pointer;font-size:14.5px}.check input,.radio input{position:absolute;opacity:0;width:1px;height:1px}.check__box,.radio__dot{display:inline-grid;place-items:center;width:24px;height:24px;flex:none;border:1px solid var(--line);background:var(--paper);transition:background-color var(--dur-1) var(--ease)}.check__box{border-radius:8px}.radio__dot{border-radius:50%}.check__box .i{width:16px;height:16px;color:var(--link);opacity:0;scale:.6;transition:opacity var(--dur-1) var(--ease),scale var(--dur-1) var(--ease)}.check input:checked+.check__box{background:var(--fill)}.check input:checked+.check__box .i{opacity:1;scale:1}.radio__dot:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--link);opacity:0;scale:.4;transition:opacity var(--dur-1) var(--ease),scale var(--dur-1) var(--ease)}.radio input:checked+.radio__dot{background:var(--fill)}.radio input:checked+.radio__dot:after{opacity:1;scale:1}.check input:focus-visible+.check__box,.radio input:focus-visible+.radio__dot,.switch input:focus-visible+.switch__track{outline:2px solid var(--ring);outline-offset:3px;box-shadow:0 0 0 5px var(--fill)}.switch{display:inline-flex;align-items:center;gap:12px;min-height:36px;cursor:pointer;font-size:14.5px}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch__track{position:relative;width:48px;height:28px;flex:none;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--neutral);transition:background-color var(--dur-2) var(--ease)}.switch__track:after{content:"";position:absolute;left:2px;top:2px;width:22px;height:22px;border-radius:50%;background:var(--paper);border:1px solid var(--line);transition:translate var(--dur-2) var(--ease)}.switch input:checked+.switch__track{background:var(--fill-strong)}.switch input:checked+.switch__track:after{translate:20px 0}.filedrop{display:grid;justify-items:center;gap:6px;padding:28px 20px;border:1px dashed var(--line);border-radius:var(--r-md);background:var(--bg);text-align:center;color:var(--ink-2);font-size:14px;transition:background-color var(--dur-2) var(--ease)}.filedrop:hover{background:var(--fill)}.filedrop .i{width:30px;height:30px;color:var(--link)}.filedrop strong{color:var(--ink)}.toast{display:inline-flex;align-items:center;gap:12px;padding:12px 18px 12px 14px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--float);font-size:14.5px;font-weight:600}.toast__ico{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--fill);color:var(--link)}.toast--rose .toast__ico{background:var(--accent);color:var(--accent-ink)}dialog.dialog{width:min(480px,calc(100% - 32px));padding:28px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);color:var(--ink);box-shadow:var(--float)}dialog.dialog::backdrop{background:var(--veil)}dialog.dialog h2{font-size:20px;margin-bottom:8px}dialog.dialog p{color:var(--ink-2);font-size:14.5px}.dialog__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.sheet{position:fixed;z-index:90;left:0;right:0;bottom:0;padding:12px 20px calc(24px + env(safe-area-inset-bottom));background:var(--paper);border:1px solid var(--line);border-bottom:0;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--float);translate:0 105%;visibility:hidden;transition:translate var(--dur-3) var(--ease),visibility 0s linear var(--dur-3);max-height:80vh;overflow-y:auto}.sheet.is-open{translate:0 0;visibility:visible;transition-delay:0s}.sheet__grab{width:44px;height:5px;margin:0 auto 14px;border-radius:var(--r-pill);background:var(--line)}.scrim{position:fixed;z-index:80;inset:0;background:var(--veil);opacity:0;pointer-events:none;transition:opacity var(--dur-3) var(--ease)}.scrim.is-open{opacity:1;pointer-events:auto}.skel{display:block;background:var(--neutral);border-radius:10px;animation:skel 1.8s ease-in-out infinite}@keyframes skel{50%{opacity:.55}}.empty{display:grid;justify-items:center;gap:10px;padding:44px 24px;text-align:center;color:var(--ink-2);border:1px dashed var(--line);border-radius:var(--r-md);background:var(--paper)}.empty strong{color:var(--ink);font-size:17px}.hr-dash{border-top:1px dashed var(--line)}.hr-wave{height:12px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='12' viewBox='0 0 40 12'%3E%3Cpath d='M0 6q5-6 10 0t10 0 10 0 10 0' fill='none' stroke='%23000' stroke-width='1.600'/%3E%3C/svg%3E") repeat-x center / 40px 12px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='12' viewBox='0 0 40 12'%3E%3Cpath d='M0 6q5-6 10 0t10 0 10 0 10 0' fill='none' stroke='%23000' stroke-width='1.600'/%3E%3C/svg%3E") repeat-x center / 40px 12px;background:var(--sky-300)}.hr-cloud{height:14px;background:radial-gradient(circle at 10px 14px,transparent 8px,var(--line) 8.5px,var(--line) 9.5px,transparent 10px) 0 0 / 20px 14px repeat-x}.ring-btn{position:relative;display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--line);border-radius:50%;background:var(--paper);transition:transform var(--dur-2) var(--ease),opacity var(--dur-2) var(--ease)}.ring-btn:hover{transform:translateY(-3px)}.ring-btn svg.ring{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);rotate:-90deg;fill:none}.ring-btn svg.ring circle{stroke-width:3;stroke-linecap:round}.ring-btn .mascot{width:38px;margin-top:4px}.tape--top{left:50%;top:-12px;margin-left:-38px}.tape--right{right:28px;top:-11px}.card--note>.tape{left:22px;top:-11px}.note--tilt{transform:rotate(-1.5deg)}.doodle-box{display:block;width:44px;height:44px;color:var(--accent-graphic);pointer-events:none}.doodle-box>.doodle{width:100%;height:100%;color:inherit}.avatar__img{width:100%;height:100%;object-fit:cover}.avatar__initial{font-size:1.1em;font-weight:700;color:var(--ink-2)}.avatar--lg .avatar__initial{font-size:32px}.notice{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px 0 0;padding:10px 18px;border:1px dashed var(--accent-line);border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-ink);font-size:14px;font-weight:700;text-align:center}.notice .i{flex:none}.sheet__title{font-size:16px;margin-bottom:8px}.sheet-list{display:grid;gap:2px;margin-bottom:18px}.sheet-list a{display:flex;align-items:center;gap:14px;min-height:48px;padding:4px 6px;border-radius:12px;font-size:15px}.sheet-list a:hover{background:var(--bg-soft)}.sheet-list .i{color:var(--ink-2)}.motion-switch{display:grid;gap:8px;padding-top:14px;border-top:1px dashed var(--line)}.motion-switch .label{color:var(--ink-2);font-size:13px}.motion-switch__row{display:flex;flex-wrap:wrap;gap:8px}.motion-switch .tag{cursor:pointer;min-height:36px;padding-inline:1.1em}.motion-switch .tag:disabled{opacity:.55;cursor:default}.motion-switch small{color:var(--ink-2);font-size:12.5px}.searchbox__recent{display:flex;flex-wrap:wrap;gap:8px;padding:4px 12px 12px}.searchbox__list{overscroll-behavior:contain}.searchbox__empty{margin:8px;border-style:dashed}.searchbox__empty .mascot{width:84px}.searchbox__status{padding:18px;color:var(--ink-2);text-align:center;font-size:14px}.topline{position:fixed;z-index:130;left:0;top:0;width:100%;height:2px;background:var(--accent-graphic);transform-origin:0 50%;scale:0 1;opacity:0;pointer-events:none}.topline.is-on{opacity:1;animation:topline 1.1s var(--ease-soft) infinite}@keyframes topline{0%{scale:0 1;translate:0 0}60%{scale:.8 1;translate:0 0}to{scale:0 1;translate:100vw 0}}.page-enter-active{transition:opacity .18s var(--ease)}.page-leave-active{transition:opacity .1s var(--ease)}.page-enter-from,.page-leave-to{opacity:0}html.fx-off .page-enter-active,html.fx-off .page-leave-active{transition:none}}@layer layout{.wrap{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}.wrap--read{width:min(var(--reading),calc(100% - 48px))}.site-header{position:sticky;top:0;z-index:60;background:var(--bg);border-bottom:1px solid var(--line)}.site-header__in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand__mark{width:52px;height:40px;flex:none;--m-line: var(--sky-300)}.brand__logo{width:auto;height:40px;max-width:120px;flex:none;object-fit:contain}.brand__text{display:grid;gap:1px;line-height:1.25;min-width:0}.brand__text b{font-size:19px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.brand__text small{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}.nav{position:relative;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper)}.nav a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 18px;border-radius:var(--r-pill);color:var(--ink-2);font-size:14.5px;font-weight:700;transition:color var(--dur-1) var(--ease)}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.nav a .i{width:1.15em;height:1.15em}.nav__ind,.tabbar__ind{position:absolute;top:4px;bottom:4px;left:0;width:var(--w, 0px);translate:var(--x, 0px) 0;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--fill);opacity:0;pointer-events:none}.nav__ind.is-shown,.tabbar__ind.is-shown{opacity:1}.nav__ind.is-ready,.tabbar__ind.is-ready{transition:translate var(--dur-3) var(--ease),width var(--dur-3) var(--ease),opacity var(--dur-2) var(--ease)}.site-header__tools{display:flex;align-items:center;gap:8px}.tabbar{position:fixed;z-index:70;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));translate:-50% 0;display:none;padding:5px;gap:2px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--float)}.tabbar a,.tabbar button{position:relative;z-index:1;display:grid;justify-items:center;gap:1px;min-width:58px;padding:8px 10px 6px;border-radius:var(--r-pill);color:var(--ink-2);font-size:11px;font-weight:700;line-height:1.3}.tabbar a[aria-current=page]{color:var(--ink)}.tabbar .i{width:22px;height:22px}.tabbar__ind{top:5px;bottom:5px}.site-footer{position:relative;margin-top:var(--s-8);border-top:1px dashed var(--line);background:var(--bg)}.site-footer__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,3fr);gap:40px;padding:56px 0 40px}.site-footer h2{font-size:13px;letter-spacing:.12em;color:var(--ink-2);text-transform:uppercase;margin-bottom:14px}.site-footer ul{display:grid;gap:8px}.site-footer li a{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:14.5px;font-weight:600}.site-footer li a:hover{text-decoration:underline;text-decoration-color:var(--sky-300);text-decoration-thickness:2px;text-underline-offset:5px}.site-footer__brand{display:flex;gap:16px;align-items:flex-start}.site-footer__mascot{width:96px}.site-footer__name{font-size:18px}.site-footer__brand p{color:var(--ink-2);font-size:14.5px;max-width:30ch}.site-footer__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:20px 0 28px;border-top:1px dashed var(--line);color:var(--ink-2);font-size:12.5px}.site-footer__legal a:hover{color:var(--ink);text-decoration:underline}.backtop{position:fixed;z-index:65;right:24px;bottom:24px;opacity:0;translate:0 12px;pointer-events:none}.backtop.is-on{opacity:1;translate:0 0;pointer-events:auto}.section{position:relative;padding:var(--s-8) 0;border-top:1px dashed var(--line)}.section--first{border-top:0}.split{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:56px;align-items:start}.split__label{position:sticky;top:calc(var(--header-h) + 28px);display:grid;gap:14px;justify-items:start}.split__label h2{font-size:26px;line-height:1.35}.split__label p{color:var(--ink-2);font-size:14.5px;line-height:1.8}.page-head{display:grid;gap:14px;justify-items:start;padding:64px 0 40px}.page-head h1{font-size:clamp(34px,4.6vw,52px);line-height:1.25}.page-head p{color:var(--ink-2);max-width:46ch}.grid-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.span-2{grid-column:span 2}.stack{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5)}@media print{.site-header,.tabbar,.backtop,.readbar,.toc,.toc-fab,.topline,.sheet,.scrim,.site-footer,.skip-link,.pager{display:none!important}body{background:#fff;padding:0}.wrap,.wrap--read{width:100%}}@media(max-width:1024px){.wrap{width:min(var(--wrap),calc(100% - 48px))}.split{grid-template-columns:minmax(0,1fr);gap:28px}.split__label{position:static}.split__label h2{font-size:24px}.site-footer__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.site-footer__brand{grid-column:1 / -1}.grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}.span-6,.span-4{grid-column:span 2}.span-3,.span-2{grid-column:span 1}}@media(max-width:760px){:root{--header-h: 68px}.wrap,.wrap--read{width:calc(100% - 32px)}.site-header{position:static}.nav,.site-header__tools .hide-sm{display:none}.brand__mark{width:44px;height:34px}.brand__text b{font-size:17px}.tabbar{display:flex}body{padding-bottom:104px}.section{padding:52px 0}.page-head{padding:40px 0 28px}.site-footer__in{grid-template-columns:minmax(0,1fr);gap:28px;padding:40px 0 28px}.backtop{right:16px;bottom:calc(92px + env(safe-area-inset-bottom))}.has-toc-fab .backtop{bottom:calc(156px + env(safe-area-inset-bottom))}.grid-6{grid-template-columns:minmax(0,1fr);gap:18px}.span-6,.span-4,.span-3,.span-2{grid-column:span 1}.card--side{flex-direction:column}.card--side .cover{flex:none;aspect-ratio:16 / 9;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.card--side .card__body{padding:20px 22px 22px}.card--side .card__title{font-size:22px}.postrow{grid-template-columns:auto minmax(0,1fr)}.postrow__go{display:none}}}@layer pages{.prose{font-size:17px;line-height:1.95;color:var(--ink)}.prose>*+*{margin-top:1.3em}.prose h2{font-size:27px;margin-top:2.4em;scroll-margin-top:104px}.prose h2:before{content:"";display:inline-block;width:.8em;height:.8em;margin-right:.5em;vertical-align:-.04em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23f2c6d8' stroke-width='3.500' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m24 7 4.600 9.700 10.700 1.400-7.800 7.400 2 10.500L24 30.800 14.500 36l2-10.500-7.800-7.400 10.700-1.400z'/%3E%3C/svg%3E") center / contain no-repeat}.prose h3{font-size:20px;margin-top:2em;scroll-margin-top:104px}.prose a{color:var(--link);font-weight:600;text-decoration:underline;text-decoration-color:var(--sky-300);text-decoration-thickness:2px;text-underline-offset:5px;transition:text-decoration-color var(--dur-1) var(--ease)}.prose a:hover{text-decoration-color:var(--link)}.prose strong{font-weight:700}.prose ul{display:grid;gap:.5em;padding-left:1.5em}.prose ul>li{position:relative}.prose ul>li:before{content:"";position:absolute;left:-1.15em;top:.8em;width:7px;height:7px;border-radius:50%;background:var(--accent-graphic)}.prose ol{counter-reset:o;display:grid;gap:.5em;padding-left:2.1em}.prose ol>li{counter-increment:o;position:relative}.prose ol>li:before{content:counter(o);position:absolute;left:-2.1em;top:.32em;display:grid;place-items:center;width:1.55em;height:1.55em;border-radius:50%;background:var(--fill);font-size:.8em;font-weight:700;line-height:1}.prose :not(pre)>code{padding:.1em .45em;border:1px solid var(--line);border-radius:8px;background:var(--neutral);font:.88em var(--mono);color:var(--ink)}.prose kbd{padding:.1em .5em;border:1px solid var(--line);border-bottom-width:2px;border-radius:8px;background:var(--paper);font:.85em var(--mono)}.prose blockquote{position:relative;padding:22px 26px 20px 28px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:6px 24px 24px;font-size:16.5px}.prose blockquote:before{content:"";position:absolute;left:22px;top:-11px;width:76px;height:22px;rotate:-4deg;pointer-events:none;background:var(--rose-200);background:color-mix(in srgb,var(--rose-200) 82%,transparent);clip-path:polygon(0 0,4% 20%,0 40%,4% 60%,0 80%,4% 100%,100% 100%,96% 80%,100% 60%,96% 40%,100% 20%,96% 0)}html.no-tape .prose blockquote:before{display:none}.prose blockquote>*+*{margin-top:.8em}.prose .callout,.prose .code,.prose .table-wrap,.prose .fig,.prose .gallery,.prose details{margin-block:1.9em}.prose hr{height:12px;border:0;margin:2.6em 0;background:var(--sky-300);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='12' viewBox='0 0 40 12'%3E%3Cpath d='M0 6q5-6 10 0t10 0 10 0 10 0' fill='none' stroke='%23000' stroke-width='1.600'/%3E%3C/svg%3E") repeat-x center / 40px 12px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='12' viewBox='0 0 40 12'%3E%3Cpath d='M0 6q5-6 10 0t10 0 10 0 10 0' fill='none' stroke='%23000' stroke-width='1.600'/%3E%3C/svg%3E") repeat-x center / 40px 12px}.prose .contains-task-list{padding-left:0}.prose .task-list-item{display:flex;align-items:flex-start;gap:12px}.prose .task-list-item:before{display:none}.prose .task-list-item-checkbox{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;margin:.3em 0 0;border:1px solid var(--line);border-radius:8px;background:var(--paper);display:inline-grid;place-items:center}.prose .task-list-item-checkbox:checked{background:var(--fill)}.prose .task-list-item-checkbox:checked:after{content:"";width:16px;height:16px;background:var(--link);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.200' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.500 4.500 4.500L19 7.500'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.200' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.500 4.500 4.500L19 7.500'/%3E%3C/svg%3E") center / contain no-repeat}.prose .task-list-item:has(:checked){color:var(--ink-2)}.prose sup a,.prose a.footnote-ref{display:inline-grid;place-items:center;min-width:1.5em;height:1.5em;padding:0 .3em;border-radius:8px;background:var(--fill);font-size:.75em;font-weight:700;text-decoration:none;vertical-align:super}.footnotes{margin-top:3em;padding-top:1.2em;border-top:1px dashed var(--line);color:var(--ink-2);font-size:14px;line-height:1.8}.footnotes .footnotes-sep{display:none}.footnotes-list{counter-reset:none;display:grid;gap:.5em;padding-left:1.6em;list-style:decimal}.footnotes-list>li:before{display:none}.footnote-backref{margin-left:.4em;text-decoration:none}.prose mark{padding:0 .2em;border-radius:4px;background:var(--accent-strong);color:inherit}.prose details{padding:12px 18px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md)}.prose summary{cursor:pointer;font-weight:700}.prose details[open] summary{margin-bottom:.6em}.prose img.inline-img{margin-inline:.1em}.prose table{font-size:15px}@media(max-width:760px){.prose{font-size:16.5px}.prose h2{font-size:23px}}}@layer pages{.hero{position:relative;padding:40px 0 56px}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(var(--sky-200) 1.3px,transparent 1.7px);background-size:24px 24px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 85%);mask-image:linear-gradient(to bottom,#000 0%,transparent 85%)}.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center}.hero__copy{display:grid;justify-items:start}.hero__title{font-size:clamp(40px,5.6vw,72px);line-height:1.22;letter-spacing:0;margin:24px 0 20px}.hero__lead{color:var(--ink-2);font-size:17px;line-height:1.9;max-width:34em}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:30px}.hl{--hl: var(--accent-strong);font-style:normal;box-shadow:inset 0 -.32em 0 var(--hl)}.hl.has-split{box-shadow:none}.hl .fx-c{box-shadow:inset 0 -.32em 0 var(--hl)}.hero__visual{position:relative;display:grid;justify-items:center;padding:28px 12px 36px}.polaroid--hero{width:min(360px,100%);transform:rotate(2deg);padding:16px 16px 18px;border-radius:10px}.polaroid--hero .polaroid__pic{aspect-ratio:1;display:grid;place-items:center;border-radius:6px}.polaroid--hero .mascot{width:74%;margin-top:8%}.polaroid--hero .stamp{position:absolute;right:-16px;bottom:-22px;rotate:-8deg;background:var(--paper)}.hero__say{position:absolute;left:50%;top:62px;margin-left:-150px;max-width:176px;padding:11px 15px;font-size:13.5px;font-weight:700;line-height:1.6;background:var(--paper)}.hero__say:before{top:auto;bottom:-7px;right:28px;rotate:-45deg}.hero .doodle--a{position:absolute;left:4%;top:4%;width:46px;height:46px;color:var(--sky-300)}.hero .doodle--b{position:absolute;right:2%;top:10%;width:40px;height:40px}.hero .doodle--c{position:absolute;right:12%;bottom:-2%;width:34px;height:34px;color:var(--sky-300)}.posts-feature{display:grid;gap:24px}.posts-feature .grid-6{gap:24px}.more-row{display:flex;justify-content:flex-end;margin-top:8px}.moments-strip{display:grid;gap:22px}.shelf-panel{padding:28px 28px 32px;background:var(--paper);border:1px solid var(--line);border-top:0;border-radius:0 0 var(--r-md) var(--r-md);display:grid;gap:18px}.shelf-panel p{color:var(--ink-2);font-size:14.5px}.cloud{display:flex;flex-wrap:wrap;align-items:center;gap:12px 12px}.cloud .tag{font-size:13px}.cloud .l2{font-size:15px;padding:.2em 1em;min-height:34px}.cloud .l3{font-size:17px;padding:.3em 1.15em;min-height:40px}.cloud .r1{transform:rotate(-2deg)}.cloud .r2{transform:rotate(1.5deg)}.cloud .r3{transform:rotate(-1deg)}.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:28px;align-items:start}.about__card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg)}.about__card h3{font-size:22px;margin-bottom:2px}.about__card p{color:var(--ink-2);font-size:15px;margin-top:8px}.about__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.closing{display:grid;justify-items:center;gap:14px;padding:72px 0 24px;text-align:center;border-top:1px dashed var(--line)}.closing h2{font-size:26px}.closing p{color:var(--ink-2);max-width:30em}.filters{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.filters__bar{display:grid;grid-template-columns:minmax(0,1fr) 160px auto;gap:12px;align-items:center}.filters__tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filters__tags .label{margin-right:6px;color:var(--ink-2);font-size:13px}.viewtoggle{display:inline-flex;padding:4px;gap:2px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper)}.viewtoggle button{display:grid;place-items:center;width:40px;height:38px;border-radius:10px;color:var(--ink-2)}.viewtoggle button[aria-pressed=true]{background:var(--fill);color:var(--ink)}.result-line{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--ink-2);font-size:13.5px}.readbar{position:fixed;z-index:80;left:0;top:0;width:100%;height:2px;background:var(--accent-graphic);transform-origin:0 50%;scale:var(--p, 0) 1;opacity:0;transition:opacity var(--dur-2) var(--ease);pointer-events:none}.readbar.is-on{opacity:1}.post-head{display:grid;gap:18px;justify-items:start;padding:52px 0 28px}.post-head h1{font-size:clamp(30px,4.4vw,48px);line-height:1.3}.post-head .meta{gap:8px 18px}.post-cover{margin:8px 0 12px;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.post-cover .cover{aspect-ratio:21 / 9}.post-layout{display:grid;grid-template-columns:minmax(0,var(--reading)) 220px;grid-template-areas:"head head" "main toc";column-gap:56px;justify-content:center;align-items:start}.post-layout>.post-head{grid-area:head;max-width:var(--reading)}.post-main{grid-area:main;min-width:0}.post-layout>.toc{grid-area:toc}.toc{position:sticky;top:calc(var(--header-h) + 28px);display:grid;gap:12px}.toc h2{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.1em;color:var(--ink-2);text-transform:uppercase}.toc ol{position:relative;display:grid;gap:2px;border-left:1px dashed var(--line)}.toc a{display:block;padding:6px 14px;color:var(--ink-2);font-size:13.5px;line-height:1.6;border-radius:0 10px 10px 0;transition:color var(--dur-1) var(--ease),background-color var(--dur-1) var(--ease)}.toc a:hover{color:var(--ink);background:var(--bg-soft)}.toc a.is-active{color:var(--ink);font-weight:700}.toc a.lv3{padding-left:28px;font-size:13px}.toc__ind{position:absolute;left:-2px;top:0;width:3px;height:var(--h, 24px);translate:0 var(--y, 0px);border-radius:3px;background:var(--sky-300);opacity:0}.toc__ind.is-ready{opacity:1;transition:translate var(--dur-3) var(--ease),height var(--dur-3) var(--ease)}.sheet h2{font-size:16px;margin-bottom:8px}.sheet ol{display:grid;gap:2px}.sheet ol a{display:block;padding:10px 8px;border-radius:12px;font-size:15px;font-weight:600}.sheet ol a.lv3{padding-left:24px;font-weight:500;color:var(--ink-2)}.sheet ol a:hover{background:var(--bg-soft)}.toc-fab{position:fixed;z-index:66;right:16px;bottom:calc(92px + env(safe-area-inset-bottom));display:none}.post-foot{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;margin-top:56px}.series{display:grid;gap:14px;padding:22px 24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md)}.series__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.series__head h2{font-size:16px}.series ol{display:grid;gap:2px;counter-reset:s}.series li{counter-increment:s}.series li>a,.series li>span{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;border-radius:12px;font-size:14.5px}.series li>a:hover{background:var(--bg-soft)}.series li>a:before,.series li>span:before{content:counter(s);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--neutral);font-size:12px;font-weight:700;color:var(--ink-2)}.series li[aria-current=step]>span{background:var(--fill);font-weight:700}.series li[aria-current=step]>span:before{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pn a{display:grid;gap:4px;padding:20px 22px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md) var(--r-md) var(--r-md) 6px;transition:background-color var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.pn .pn__next{grid-column:2;text-align:right;border-radius:var(--r-md) var(--r-md) 6px var(--r-md)}.pn a:hover{background:var(--bg-soft);transform:translateY(-3px)}.pn small{display:inline-flex;align-items:center;gap:.4em;color:var(--ink-2);font-size:12.5px;font-weight:700}.pn .pn__next small{justify-content:flex-end}.pn strong{font-size:16px;line-height:1.55}.related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card--mini .card__body{padding:16px 18px 18px;gap:6px}.card--mini .card__title{font-size:16px}.card--mini .cover{aspect-ratio:16 / 8}.authorbox{display:flex;gap:18px;align-items:center;padding:22px 24px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-md)}.authorbox p{font-size:14.5px;color:var(--ink-2);line-height:1.75}.authorbox strong{display:block;color:var(--ink);font-size:16px}.moments-layout{display:grid;grid-template-columns:190px minmax(0,640px);gap:64px;justify-content:center;align-items:start}.month-nav{position:sticky;top:calc(var(--header-h) + 28px);display:grid;gap:26px}.month-nav h2{font-size:13px;letter-spacing:.1em;color:var(--ink-2);text-transform:uppercase;margin-bottom:8px}.month-nav ol{position:relative;display:grid;gap:2px;border-left:1px dashed var(--line)}.month-nav a{display:flex;justify-content:space-between;gap:8px;padding:6px 14px;color:var(--ink-2);font-size:14px;font-weight:600;border-radius:0 10px 10px 0}.month-nav a:hover{color:var(--ink);background:var(--bg-soft)}.month-nav a.is-active{color:var(--ink);font-weight:700}.month-nav .n{color:var(--ink-2);font-weight:600;font-size:12.5px}.month-nav .toc__ind{background:var(--accent-graphic)}.minical{display:grid;gap:8px;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md)}.minical__head{display:flex;justify-content:space-between;font-size:13px;font-weight:700}.minical__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;font-size:11.5px;color:var(--ink-2)}.minical__grid span{position:relative;display:grid;place-items:center;height:24px}.minical__grid .has:after{content:"";position:absolute;left:50%;translate:-50% 0;bottom:1px;width:4px;height:4px;border-radius:50%;background:var(--accent-graphic)}.minical__grid .today{background:var(--fill);border-radius:8px;color:var(--ink);font-weight:700}.month-chips{display:none}.timeline{position:relative;display:grid;gap:40px}.timeline__spine{position:absolute;left:22px;top:14px;bottom:14px;width:0;border-left:1px dashed var(--line);transform-origin:50% 0}.month-sep{position:relative;display:flex;align-items:center;gap:14px;padding-left:0;scroll-margin-top:100px}.month-sep span{display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);font-size:13px;font-weight:700;position:relative;z-index:1}.month-sep:after{content:"";flex:1;border-top:1px dashed var(--line)}.moment{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start}.moment .avatar{position:relative;z-index:1;background:var(--fill)}.moment__bubble{padding:18px 20px 14px}.moment__text{font-size:16px;line-height:1.9}.moment__text a{color:var(--link);font-weight:600;text-decoration:underline;text-decoration-color:var(--sky-300);text-decoration-thickness:2px;text-underline-offset:4px}.moment__imgs{display:grid;gap:6px;margin-top:14px}.moment__imgs>*{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--fill);aspect-ratio:1}.moment__imgs img{width:100%;height:100%;object-fit:cover;transition:scale var(--dur-3) var(--ease)}.moment__imgs button:hover img{scale:1.05}.moment__imgs.n1>*{aspect-ratio:4 / 3;max-width:420px}.moment__imgs.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.moment__imgs.n2>*{aspect-ratio:4 / 3}.moment__imgs.n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:3 / 2}.moment__imgs.n3>*{aspect-ratio:auto}.moment__imgs.n3>:first-child{grid-row:span 2}.moment__imgs.n4{grid-template-columns:repeat(2,minmax(0,1fr))}.moment__imgs.n6{grid-template-columns:repeat(3,minmax(0,1fr))}.moment .linkcard{margin-top:14px}.moment__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:14px;color:var(--ink-2);font-size:13px}.moment__foot .tags{display:flex;flex-wrap:wrap;gap:6px}.moment__foot time{display:inline-flex;align-items:center;gap:.4em}.moment--pinned .bubble{--bb: var(--accent-soft);border-color:var(--accent-line)}.moment--pinned .bubble:before{border-color:var(--accent-line)}.moment--pinned .tape{right:28px;top:-11px}.moment__pin{display:inline-flex;align-items:center;gap:.4em;margin-bottom:6px;color:var(--accent-ink);font-size:12.5px;font-weight:700}.archive{display:grid;gap:56px}.archive__year{display:grid;grid-template-columns:140px minmax(0,1fr);gap:40px;align-items:start}.archive__year>h2{position:sticky;top:calc(var(--header-h) + 24px);font-size:56px;line-height:1;letter-spacing:0;color:var(--ink-2)}.archive__year>h2>span{display:inline-block;box-shadow:inset 0 -.28em 0 var(--fill-strong)}.archive__year>h2 small{display:block;margin-top:10px;color:var(--ink-2);font-size:13px;letter-spacing:.06em}.archive__list{position:relative;display:grid;gap:0;padding-left:32px}.archive__spine{position:absolute;left:7px;top:8px;bottom:8px;border-left:1px dashed var(--line);transform-origin:50% 0}.archive__month{position:relative;padding:4px 0 18px}.archive__month>h3{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink-2);margin-bottom:4px}.archive__month>h3:before{content:"";position:absolute;left:-32px;top:12px;width:15px;height:15px;border-radius:50%;background:var(--fill-strong);border:1px solid var(--line)}.archive__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 8px;border-radius:14px}a.archive__item:hover{background:var(--bg-soft)}.archive__item strong{font-size:16px;font-weight:700;line-height:1.55}.archive__item .tags{display:flex;gap:6px}.lost{display:grid;justify-items:center;gap:16px;padding:88px 0 56px;text-align:center}.lost h1{font-size:clamp(30px,4vw,44px)}.lost p{color:var(--ink-2);max-width:28em}.lost__code{font-size:14px;font-weight:700;letter-spacing:.2em;color:var(--accent-ink)}dialog.dialog--search{width:min(640px,calc(100% - 24px));margin-top:12vh;padding:0;overflow:hidden}.searchbox{display:grid}.searchbox__top{position:relative;padding:16px 16px 12px;border-bottom:1px solid var(--line)}.searchbox__top .input{min-height:52px;padding-left:3em;padding-right:4.2em;border-radius:16px;font-size:16px}.searchbox__top .i{position:absolute;left:32px;top:50%;translate:0 -50%;color:var(--ink-2);pointer-events:none}.searchbox__top kbd{position:absolute;right:30px;top:50%;translate:0 -50%;padding:2px 8px;border:1px solid var(--line);border-radius:8px;font:12px var(--mono);color:var(--ink-2);background:var(--bg)}.searchbox__list{display:grid;gap:2px;max-height:52vh;overflow-y:auto;padding:10px}.searchbox__group{padding:10px 12px 4px;color:var(--ink-2);font-size:12px;font-weight:700;letter-spacing:.08em}.searchbox__item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;border-radius:14px}.searchbox__item:hover,.searchbox__item[aria-selected=true]{background:var(--fill)}.searchbox__item .ico{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--line);color:var(--link)}.searchbox__item strong{display:block;font-size:15px;line-height:1.5}.searchbox__item small{display:block;color:var(--ink-2);font-size:12.5px}.searchbox mark{background:var(--accent-strong);color:var(--ink);border-radius:4px;padding:0 2px}.searchbox__foot{display:flex;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--line);color:var(--ink-2);font-size:12px;background:var(--bg)}.lightbox{position:fixed;z-index:120;inset:0;display:grid;place-items:center;background:var(--bg);opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease);touch-action:pan-y}.lightbox.is-open{opacity:1;pointer-events:auto}.lightbox__img{max-width:min(92vw,1100px);max-height:78vh;border:1px solid var(--line);border-radius:var(--r-md);background:var(--fill);scale:.97;transition:scale var(--dur-3) var(--ease)}.lightbox.is-open .lightbox__img{scale:1}.lightbox__bar{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-size:13.5px;color:var(--ink-2);font-weight:700}.lightbox__nav{position:absolute;top:50%;translate:0 -50%}.lightbox__nav--prev{left:16px}.lightbox__nav--next{right:16px}.lightbox__cap{position:absolute;left:0;right:0;bottom:0;padding:18px 24px calc(22px + env(safe-area-inset-bottom));text-align:center;color:var(--ink-2);font-size:14px}@media(max-width:1100px){.post-layout{grid-template-columns:minmax(0,var(--reading));grid-template-areas:"head" "main"}.toc{display:none}.toc-fab{display:inline-flex}.moments-layout{grid-template-columns:minmax(0,640px);gap:28px}.month-nav{display:none}.month-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.month-chips::-webkit-scrollbar{display:none}.archive__year{grid-template-columns:minmax(0,1fr);gap:16px}.archive__year>h2{position:static;font-size:44px}}@media(max-width:1024px){.hero__grid{grid-template-columns:minmax(0,1fr);gap:36px}.hero__visual{order:-1;justify-items:center;padding-top:12px}.polaroid--hero{width:min(260px,70%)}.about,.related{grid-template-columns:minmax(0,1fr)}.filters__bar{grid-template-columns:minmax(0,1fr) 140px auto}}@media(max-width:760px){.hero{padding:16px 0 52px}.hero__title{margin:18px 0 16px}.hero__lead{font-size:16px}.hero__say{margin-left:-112px;top:40px;max-width:150px;font-size:12.5px;padding:9px 12px}.hero .doodle--b{right:4%;top:2%}.about__card{grid-template-columns:minmax(0,1fr);padding:22px;gap:16px}.post-head{padding:36px 0 22px}.post-cover .cover{aspect-ratio:16 / 9}.pn{grid-template-columns:minmax(0,1fr)}.filters__bar{grid-template-columns:minmax(0,1fr) auto}.filters__bar .select{display:none}.moment{grid-template-columns:36px minmax(0,1fr);gap:14px}.moment .avatar{width:36px;height:36px}.moment .avatar .mascot{width:32px}.timeline__spine{left:17px}.moment__bubble{padding:14px 16px 12px}.archive__item{grid-template-columns:auto minmax(0,1fr)}.archive__item .tags{display:none}.archive__year>h2{font-size:38px}.shelf-panel{padding:20px}.lost{padding:56px 0 40px}}.hero__actions .text-link{padding-inline:4px}.list-section{margin-top:28px}.list-pager{margin-top:48px}.series-status{margin:0}.related__title{font-size:18px;margin-bottom:16px}.series__link:hover{text-decoration:underline;text-decoration-color:var(--sky-300);text-decoration-thickness:2px;text-underline-offset:5px}.lost__actions{justify-content:center}.lost__more{padding-bottom:24px}.lost__more h2{font-size:18px}.lost .mascot{width:168px}.moments-main{min-width:0;display:grid;gap:26px;align-content:start}.moment-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.moment-filters .label{margin-right:2px;color:var(--ink-2);font-size:13px}.moment-filters .label:not(:first-child){margin-left:12px}.month-nav .n{margin-left:auto}.moment__time{display:inline-flex;align-items:center;gap:.4em}.moments-more{display:grid;justify-items:center;min-height:56px;padding-top:8px;color:var(--ink-2);font-size:14px}.moment-single{padding-bottom:24px}.moment-single .timeline__spine{display:none}.search-page__field{max-width:640px;margin-bottom:28px}.search-page__tabs{margin-bottom:32px}.search-page__results{display:grid;gap:40px}.search-page__group{font-size:15px;letter-spacing:.08em;color:var(--ink-2);margin-bottom:8px}.search-page__hint{margin-top:12px}.search-page__hint .mascot{width:96px}.postrow__sum mark,.postrow__title mark,.searchbox__item small mark{background:var(--accent-strong);color:var(--ink);border-radius:4px;padding:0 2px}.page--wide .prose{max-width:920px}.page .page-head{padding-bottom:28px}.post-layout .page-head{padding-top:52px}}@layer fx{html.fx-pending:not(.fx-off) [data-fx]{opacity:0}html.fx-ready:not(.fx-off) [data-fx]{--m: calc(var(--fx-in, 1) * (1 - var(--fx-out, 0)))}html.fx-ready:not(.fx-off) [data-fx][data-fx-state=active]{will-change:transform,opacity}html.fx-ready:not(.fx-off) [data-fx=rise]{opacity:var(--m);translate:0 calc((1 - var(--fx-in, 1)) * 28px * var(--fx-k, 1) - var(--fx-out, 0) * 20px * var(--fx-k, 1));scale:calc(1 - .015 * (1 - var(--m)))}html.fx-ready:not(.fx-off) [data-fx=fade]{opacity:var(--m);translate:0 calc((1 - var(--fx-in, 1)) * 14px * var(--fx-k, 1) - var(--fx-out, 0) * 10px * var(--fx-k, 1))}html.fx-ready:not(.fx-off) [data-fx=pop]{opacity:var(--m);scale:calc(1 - .14 * (1 - var(--m)) * var(--fx-k, 1));rotate:calc((1 - var(--fx-in, 1)) * var(--fx-rot, -3) * 1deg * var(--fx-k, 1))}html.fx-ready:not(.fx-off) [data-fx=slide]{opacity:var(--m);translate:calc((1 - var(--fx-in, 1)) * var(--fx-dx, -1) * 32px * var(--fx-k, 1) + var(--fx-out, 0) * var(--fx-dx, -1) * 14px * var(--fx-k, 1)) 0}html.fx-ready:not(.fx-off) [data-fx=mask]{opacity:calc(.35 + .65 * var(--m));clip-path:inset(calc((1 - var(--m)) * 9% * var(--fx-k, 1)) round var(--fx-r, 20px))}html.fx-ready:not(.fx-off) [data-fx=mask]>img,html.fx-ready:not(.fx-off) [data-fx=mask]>.cover{scale:calc(1 + .06 * (1 - var(--m)) * var(--fx-k, 1))}html.fx-ready:not(.fx-off) [data-fx=draw-x]{transform-origin:0 50%;scale:var(--m) 1}html.fx-ready:not(.fx-off) [data-fx=draw-y]{transform-origin:50% 0;scale:1 var(--m)}html.fx-ready:not(.fx-off) [data-fx=spine]{transform-origin:50% 0;scale:1 var(--fx-in, 1)}html.fx-ready:not(.fx-off) [data-fx=drift]{translate:0 calc(var(--fx-d, 0) * var(--drift, 26px) * var(--fx-k, 1))}html.fx-ready:not(.fx-off) [data-fx]:not([data-fx=drift],[data-fx=spine])[data-fx-state=done]{opacity:1;translate:none;scale:none;rotate:none;clip-path:none}.fx-w,.ph{display:inline-block;white-space:nowrap}.fx-c{display:inline-block}html.fx-ready:not(.fx-off) [data-fx=text]{opacity:1}html.fx-ready:not(.fx-off) [data-fx=text] .fx-c{--cp: clamp(0, calc((var(--fx-in, 1) - var(--co, 0)) / (1 - var(--sp, .6))), 1);--cq: clamp(0, calc((var(--fx-out, 0) - var(--co, 0)) / (1 - var(--sp, .6))), 1);opacity:calc(var(--cp) * (1 - var(--cq)));translate:0 calc((1 - var(--cp)) * .5em * var(--fx-k, 1) - var(--cq) * .32em * var(--fx-k, 1))}html.fx-ready:not(.fx-off) [data-fx=text][data-fx-state=done] .fx-c{opacity:1;translate:none}@media print{[data-fx],.fx-c{opacity:1!important;translate:none!important;scale:none!important;rotate:none!important;clip-path:none!important}}}