/* © 2026 社畜 All rights reserved. */
:root{--bg: #2f4a2a;--ink: #f3f1ea;--ink-soft: rgba(243, 241, 234, .72);--ink-faint: rgba(243, 241, 234, .48);--glass: rgba(18, 24, 17, .46);--hair: rgba(243, 241, 234, .16);--serif: "Cormorant Garamond", "Times New Roman", serif;--sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--gap: clamp(16px, 3vw, 36px);--fade: .42s;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.top{position:fixed;top:0;left:0;right:0;padding:calc(var(--gap) + var(--safe-t)) calc(var(--gap) + var(--safe-r)) 0 calc(var(--gap) + var(--safe-l));pointer-events:none;z-index:10}.title{margin:0;width:100%;white-space:nowrap;font-weight:800;font-size:40px;line-height:1.04;letter-spacing:.03em;text-shadow:0 1px 18px rgba(0,0,0,.16)}.title .line{display:block;font-size:40px}.title .line+.line{margin-top:.06em}.title .fit{display:inline-block;margin-right:-.03em}.title i,.subtitle i,.loader-sub i{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:.02em}html[lang=en] .title{font-family:var(--serif);font-weight:400;letter-spacing:.01em}html[lang=en] .title .fit{margin-right:-.01em}.menu-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:clamp(8px,1.2vw,14px);padding-top:clamp(8px,1.2vw,14px);border-top:1px solid var(--hair)}.subtitle{margin:0;min-width:0;font-size:clamp(13px,1.3vw,16px);color:var(--ink-soft);letter-spacing:.04em;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subtitle i{font-size:1.12em}.actions{display:flex;gap:8px;pointer-events:auto;flex-shrink:0}.btn{appearance:none;min-height:44px;min-width:44px;padding:0 16px;border:1px solid rgba(255,255,255,.55);border-radius:2px;background:#ffffff2b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.25);font:inherit;font-size:13px;font-weight:400;letter-spacing:.12em;cursor:pointer;transition:background var(--fade) ease,opacity var(--fade) ease}.btn:hover{background:#ffffff42;border-color:#fffc}.btn[hidden]{display:none}.btn{display:inline-grid;place-items:center}.btn .lbl{grid-area:1 / 1;white-space:nowrap}.btn .lbl-ghost{visibility:hidden}.btn:focus-visible,.btn-close:focus-visible{outline:1px solid var(--ink-soft);outline-offset:3px}.btn.is-busy{cursor:progress;animation:btn-busy 1.1s ease-in-out infinite}.btn.is-busy:hover{background:#ffffff2b;border-color:#ffffff8c}@keyframes btn-busy{0%,to{opacity:1}50%{opacity:.5}}html.capture .top,html.capture .credit,html.capture .panel,html.capture .loader,html.capture .fx-layer,html.capture .noscript{display:none!important}@media(prefers-reduced-motion:reduce){.btn.is-busy{animation:none;opacity:.6}}#view{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#btn-lang[lang=en]{font-family:var(--serif);font-size:15px;letter-spacing:.06em}.title .morph{display:inline-block;transform-origin:50% 70%}.title .morph.fx-charge{animation:fx-charge .14s ease-in forwards}@keyframes fx-charge{0%{transform:none}40%{transform:scale(1.05) translate(-.02em);color:#fffbe8;text-shadow:0 0 10px #fff,0 0 22px #ffd36b}70%{transform:scale(1.08) translate(.02em)}to{transform:scale(1.12);color:#fff;text-shadow:0 0 12px #fff,0 0 30px #ffd36b,0 0 54px #ff9e3d}}.title .morph.fx-gone{opacity:0}.title .morph.fx-pop{animation:fx-pop .93s cubic-bezier(.2,.9,.3,1.2) both}@keyframes fx-pop{0%{opacity:0;transform:translateY(.35em) scale(.2);filter:brightness(3);color:#fff;text-shadow:0 0 30px #fff,0 0 60px #ffd36b}32%{opacity:1;transform:translateY(-.2em) scale(1.34);filter:brightness(2.2);color:#fff8e0;text-shadow:0 0 16px #fff,0 0 40px #ffd36b,0 0 72px #ff7ac8}52%{transform:translateY(.05em) scale(.9)}68%{transform:translateY(-.06em) scale(1.07);text-shadow:0 0 10px #fff,0 0 26px #ffd36b}84%{transform:translateY(0) scale(.98)}to{opacity:1;transform:none;filter:none;color:var(--ink);text-shadow:0 1px 18px rgba(0,0,0,.16)}}.title .morph.fx-quiet,.subtitle .morph.fx-quiet{opacity:0;transition:opacity .16s ease}.subtitle .morph{display:inline-block}.subtitle .morph.fx-glint{animation:fx-glint .52s ease-out}@keyframes fx-glint{0%{filter:none;text-shadow:none}35%{filter:brightness(1.7);color:#fffbe8;text-shadow:0 0 4px rgba(255,244,210,.85)}to{filter:none;text-shadow:none}}.fx-layer{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:15;display:none}.panel{position:fixed;top:calc(var(--header-h, 140px) + 14px);right:calc(var(--gap) + var(--safe-r));bottom:calc(var(--gap) + var(--safe-b) + 28px);width:min(400px,40vw);background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1);border-radius:14px;z-index:20;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--fade) ease,transform var(--fade) ease,visibility 0s linear var(--fade);display:flex;flex-direction:column}.panel.open{opacity:1;visibility:visible;transform:none;transition:opacity var(--fade) ease,transform var(--fade) ease,visibility 0s}.panel-grip{display:none}.btn-close{position:absolute;top:8px;right:8px;min-height:44px;padding:0 14px;border:0;background:transparent;color:var(--ink-faint);font:inherit;font-size:12px;letter-spacing:.14em;cursor:pointer}.btn-close:hover{color:var(--ink)}.panel-body{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:40px 32px 32px;font-size:14px;line-height:1.95;letter-spacing:.04em;color:var(--ink-soft)}.panel-body h2{margin:0 0 4px;font-family:var(--serif);font-style:italic;font-weight:400;font-size:24px;letter-spacing:.01em;line-height:1.35;color:var(--ink)}.panel-body .author{margin:0 0 28px;font-size:13px;color:var(--ink-faint)}.panel-body h3{margin:28px 0 6px;font-size:11px;font-weight:400;letter-spacing:.24em;color:var(--ink-faint);text-transform:uppercase}.panel-body p{margin:0 0 10px}.panel-body ul{margin:6px 0 10px;padding-left:1.1em}.panel-body li{margin:0 0 4px}.panel-body i{font-family:var(--serif);font-size:1.1em;color:var(--ink)}.panel-body .note{font-size:12.5px;color:var(--ink-faint)}.panel-body .colophon{margin-top:22px;padding-top:16px;border-top:1px solid var(--hair)}.panel-body .colophon p{margin:0}.panel-body .colophon-label{font-size:11px;letter-spacing:.2em;color:var(--ink-faint)}.panel-body .colophon-name{margin:4px 0 14px!important;font-size:13px;font-weight:400;letter-spacing:.12em;color:var(--ink)}.panel-body .colophon-small{font-size:11px;line-height:1.8;letter-spacing:.04em;color:var(--ink-faint)}.panel-body .refs{font-size:12px;line-height:1.75;color:var(--ink-faint);padding-left:0;list-style:none}.panel-body .refs li{margin-bottom:10px}.panel-body a{color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--hair);word-break:break-all}.panel-body a:hover{color:var(--ink)}.panel-body hr{border:0;border-top:1px solid var(--hair);margin:26px 0}.panel-body .embed{margin-top:18px;padding-top:4px;border-top:1px solid var(--hair)}.panel-body .embed h3{margin-top:18px}.embed-code{display:block;width:100%;margin:4px 0 10px;padding:10px 12px;border:1px solid var(--hair);border-radius:2px;background:#0000002e;color:var(--ink-soft);font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0;word-break:break-all;resize:none}.embed-code:focus{outline:1px solid var(--ink-faint);outline-offset:2px}.embed-row{display:flex;align-items:center;gap:12px}.embed-row .btn{padding:0 16px;font-size:12px}.embed-msg{font-size:12px;letter-spacing:.08em;color:var(--ink-soft);opacity:0;transition:opacity .24s ease}.embed-msg.show{opacity:1}.credit{position:fixed;right:calc(var(--gap) + var(--safe-r));bottom:calc(12px + var(--safe-b));font-size:11px;letter-spacing:.08em;color:#f3f1ea8c;text-shadow:0 1px 4px rgba(0,0,0,.3);pointer-events:none;z-index:5}.loader{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#557a49,#3a5a33 55%,#2a4026);z-index:50;transition:opacity .7s ease,visibility 0s linear .7s}.loader.done{opacity:0;visibility:hidden}.loader-inner{text-align:center;padding:0 24px}.loader-title{margin:0;font-weight:800;font-size:28px;line-height:1.08;letter-spacing:.03em;white-space:nowrap}.loader-title .ll{display:block}.loader-title{visibility:hidden;opacity:0;transition:opacity .26s ease}.loader-title.ready{visibility:visible;opacity:1}.loader-title .lf{display:inline-block;margin-right:-.03em}.loader-sub{margin:6px 0 28px;color:var(--ink-soft);font-size:16px}.loader-bar{width:min(240px,60vw);height:1px;margin:0 auto;background:#f3f1ea2e;overflow:hidden}.loader-bar span{display:block;height:100%;width:0%;background:var(--ink);transition:width .3s ease}.loader-mosaic{display:inline-flex;align-items:center;gap:8px;margin-top:22px;min-height:44px;padding:0 10px;font-size:12px;letter-spacing:.08em;color:var(--ink-soft);cursor:pointer;user-select:none}.loader-mosaic input{width:16px;height:16px;margin:0;accent-color:#d9cfb8;cursor:pointer}.loader-text{margin:14px 0 0;font-size:11px;letter-spacing:.2em;color:var(--ink-faint)}.noscript{position:fixed;inset:auto 0 40%;text-align:center}@media(max-width:760px),(max-height:520px)and (pointer:coarse){.top{padding-top:calc(14px + var(--safe-t));padding-left:calc(16px + var(--safe-l));padding-right:calc(16px + var(--safe-r))}.subtitle{font-size:12px;flex:1 1 auto;min-width:8.5em}.menu-row{flex-wrap:wrap;row-gap:6px}.actions{margin-left:auto}.btn{padding:0 14px;font-size:12px}.panel{top:auto;left:var(--safe-l);right:var(--safe-r);bottom:0;width:auto;max-height:72vh;max-height:72dvh;border-radius:18px 18px 0 0;transform:translateY(24px)}.panel.open{transform:none}.panel-grip{display:block;width:36px;height:3px;margin:10px auto 0;border-radius:2px;background:#f3f1ea4d;flex-shrink:0}.panel-body{padding:26px 22px calc(28px + var(--safe-b));font-size:14px}.credit{right:calc(16px + var(--safe-r));font-size:10px}}@media(max-height:520px)and (pointer:coarse){.panel{max-height:82vh;max-height:82dvh;left:20%;right:20%}}@media(prefers-reduced-motion:reduce){.panel,.loader,.btn{transition-duration:1ms}}