@property --r{syntax:"<percentage>";inherits:false;initial-value:0%}html,body{height:100%;overflow:hidden}.backdrop{z-index:0;background:#000;position:fixed;inset:0}.bg{opacity:0;background-position:50%;background-size:cover;position:absolute;inset:0}.m-in{-webkit-mask-image:radial-gradient(circle at 50% 38%, #000 var(--r), transparent calc(var(--r) + 18%));mask-image:radial-gradient(circle at 50% 38%, #000 var(--r), transparent calc(var(--r) + 18%))}.m-out{-webkit-mask-image:radial-gradient(circle at 50% 38%, transparent var(--r), #000 calc(var(--r) + 18%));mask-image:radial-gradient(circle at 50% 38%, transparent var(--r), #000 calc(var(--r) + 18%))}.veil{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.ident{left:50%;top:var(--ident-top,38vh);z-index:30;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;width:min(92vw,760px);display:grid;position:fixed;transform:translate(-50%,-50%)}.avatar-btn{pointer-events:auto;cursor:default;width:var(--ident-size,132px);height:var(--ident-size,132px);background:0 0;border:0;border-radius:50%;padding:0}html[data-stage=home] .avatar-btn{cursor:pointer}.avatar{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 0 0 1px #ffffff2e,0 10px 40px #0009}.avatar-blank{background:radial-gradient(circle at 50% 38%,#3a3a44 30%,#1c1c22 31%)}.name{font-family:var(--font-serif);font-size:var(--ident-font,1.35rem);letter-spacing:.12em;color:var(--fg-strong);text-shadow:0 1px 12px #000c;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.name-l{text-align:right}.name-r{text-align:left}.cover{z-index:20;pointer-events:none;position:fixed;inset:0}html[data-stage=cover] .cover{pointer-events:auto}.dialog{width:min(88vw,820px);min-height:160px;padding:46px 64px 30px;position:absolute;top:calc(38vh + 120px);left:50%;transform:translate(-50%)}.frame{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stroke{fill:none;stroke:var(--accent);stroke-width:1.4px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px}.dot{fill:var(--accent);opacity:0;transform-box:fill-box;transform-origin:50%}.line{font-family:var(--font-serif);letter-spacing:.05em;text-align:center;color:var(--fg-strong);text-shadow:0 1px 10px #000000d9;min-height:1.9em;margin:0;font-size:clamp(1.05rem,2.2vw,1.32rem);line-height:1.9;position:relative}.line .ch{opacity:0}.next{cursor:pointer;opacity:0;background:0 0;border:0;width:64px;height:28px;padding:0;position:absolute;top:calc(38vh + 316px);left:50%;transform:translate(-50%)}.next svg{width:100%;height:100%;overflow:visible}.next path{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.next:hover path{stroke:var(--fg-strong)}.home{z-index:10;grid-template-rows:var(--banner-h) 1fr auto auto;pointer-events:none;display:grid;position:fixed;inset:0}html[data-stage=home] .home{pointer-events:auto}.home .list,.home .rail{visibility:hidden}html[data-stage=home] .home .list,html[data-stage=home] .home .rail,html.show-home .home .list,html.show-home .home .rail{visibility:visible}.banner{justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:relative}.banner-line{width:100%;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:visible}.bl{fill:none;stroke:var(--border-strong);stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px}.side{opacity:0}.search-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;width:38px;height:38px;padding:8px;transition:background .2s}.search-btn:hover{background:#ffffff14}.search-btn svg{fill:none;width:100%;height:100%;stroke:var(--fg-strong);stroke-width:1.6px;stroke-linecap:round}.clock{font-family:var(--font-mono);letter-spacing:.08em;color:var(--fg);font-variant-numeric:tabular-nums;font-size:.95rem}.stage{--rail-x:48px;position:relative;overflow:hidden}.rail{left:var(--rail-x);width:var(--rail-w);background:linear-gradient(to top, var(--accent), var(--accent-dim) 70%, transparent);transform-origin:bottom;height:100%;position:absolute;bottom:0;transform:scaleY(0)}.list{--fade-x:calc(var(--rail-x) + var(--rail-w));-webkit-mask-image:linear-gradient(to right, transparent var(--fade-x), #000 calc(var(--fade-x) + 60px));mask-image:linear-gradient(to right, transparent var(--fade-x), #000 calc(var(--fade-x) + 60px));margin:0;padding:0;list-style:none;position:absolute;inset:0}.list[hidden]{display:none}.block,.empty{left:calc(var(--rail-x) + var(--rail-w) + 26px);width:min(var(--block-w), calc(100vw - var(--rail-x) - 80px));height:var(--block-h);transform-origin:0;will-change:transform, opacity;transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .34s;position:absolute;top:0}.no-trans .block,.no-trans .empty{transition:none}.empty{color:var(--fg-muted);font-family:var(--font-serif);letter-spacing:.06em;align-items:center;display:flex}.block-link{border-radius:var(--radius-md);height:100%;color:inherit;background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);gap:18px;padding:10px;text-decoration:none;transition:border-color .25s,background .25s,box-shadow .25s;display:flex}.block.active .block-link{background:var(--surface-strong);border-color:var(--accent-dim);box-shadow:0 10px 40px #0000008c,inset 0 0 0 1px #e8d9b01f}.thumb{width:var(--block-img-w);border-radius:var(--radius-sm);background:linear-gradient(135deg,#22222a,#15151a);flex:none;height:100%;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.text{flex-direction:column;justify-content:center;gap:6px;min-width:0;padding-right:8px;display:flex}.title{font-family:var(--font-serif);color:var(--fg-strong);white-space:nowrap;text-overflow:ellipsis;font-size:1.12rem;line-height:1.35;overflow:hidden}.pin{font-family:var(--font-sans);vertical-align:2px;color:var(--bg);background:var(--accent);border-radius:3px;margin-right:8px;padding:0 6px;font-size:.7rem;line-height:1.6;display:inline-block}.desc{color:var(--fg-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;line-height:1.55;display:-webkit-box;overflow:hidden}.date{letter-spacing:.04em;color:var(--fg-muted);opacity:.75;font-size:.75rem}.cats{height:calc(var(--cat-h) * var(--cat-active-scale) + 28px);position:relative;overflow:hidden}.cats-track{align-items:center;gap:var(--cat-gap);padding-left:var(--rail-x,48px);will-change:transform;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.cat{width:var(--cat-w);height:var(--cat-h);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);-webkit-backdrop-filter:blur(8px);cursor:pointer;opacity:0;transform-origin:0 100%;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 12px;transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .25s,background .25s;display:flex;position:relative}.cat,.block{transition-duration:calc(.33s / var(--speed,1))}.cat.active{transform:scale(var(--cat-active-scale)) translateY(-4px);border-color:var(--accent-dim);background:var(--surface-strong);z-index:1}.cat-icon{object-fit:contain;width:22px;height:22px}.cat-label{font-family:var(--font-serif);letter-spacing:.1em;color:var(--fg-strong);white-space:nowrap}.cat-count{color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:.7rem}.hint{text-align:center;letter-spacing:.08em;color:var(--fg-muted);opacity:0;margin:0;padding:0 0 12px;font-size:.72rem;transition:opacity .6s}html[data-stage=home] .hint{opacity:.55}.search{z-index:50;-webkit-backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:flex-start;padding-top:14vh;display:flex;position:fixed;inset:0}.search[hidden]{display:none}.search-box{background:var(--surface-strong);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:min(92vw,620px);overflow:hidden}#search-input{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--fg-strong);font:inherit;background:0 0;outline:none;padding:16px 20px;font-size:1.05rem}.search-results{max-height:50vh;margin:0;padding:6px;list-style:none;overflow-y:auto}.search-results a{border-radius:var(--radius-sm);color:var(--fg);padding:10px 14px;text-decoration:none;display:block}.search-results a:hover,.search-results .sel a{background:#ffffff12}.search-results .t{color:var(--fg-strong);font-family:var(--font-serif);display:block}.search-results .m{color:var(--fg-muted);margin-top:2px;font-size:.8rem;display:block}.search-results .none{color:var(--fg-muted);padding:14px;font-size:.9rem}.search-results mark{color:var(--accent);background:0 0}.search-links{border-top:1px solid var(--border);flex-wrap:wrap;gap:18px;padding:12px 20px;font-size:.85rem;display:flex}.search-links a{color:var(--fg-muted);text-decoration:none}.search-links a:hover{color:var(--accent)}@media (width<=720px){.banner{padding:0 14px}.stage{--rail-x:18px}.cats-track{padding-left:18px}.block-link{gap:12px;padding:8px}.title{font-size:1rem}.hint{display:none}.dialog{padding:40px 30px 24px}}@media (prefers-reduced-motion:reduce){.block,.cat,.hint{transition:none}}html[data-stage=boot] .cover,html[data-stage=boot] .ident{visibility:hidden}