:root{--qr-gutter:clamp(16px, 4.6vw, 80px);--qr-shell-max:clamp(1500px, 66vw, 1720px);--qr-rail:clamp(168px, 12.8vw, 212px);--qr-gap:clamp(20px, 3vw, 54px);--qr-card-gap:clamp(14px, 1.5vw, 22px);--qr-space-lg:clamp(24px, 3vw, 44px);--qr-fs-body:clamp(15px, .22vw + 14px, 17px);--qr-hero-bleed:calc(min(var(--qr-gutter), var(--qr-gap)) * .55)}html{-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}body{overflow-x:clip}.content,.shared-content,.left-rail,.right-rail,.page-grid>*,.community-page,.article-detail,.route-shell{min-width:0}.hero-copy h1,.page-heading h1,.route-shell h1,.article-detail h1,.category-side h1,.community-panel h2,.guestbook-card h2,.post-card h3{overflow-wrap:break-word}.pixel-brand span{min-width:0}.pixel-brand small{text-overflow:ellipsis;white-space:nowrap;max-width:min(34vw,200px);display:block;overflow:hidden}.rail-role{align-items:center;gap:10px;margin:6px 0 0;display:flex}.rail-role>span{color:var(--muted);transition:color .2s;display:inline-flex}.rail-role>span:hover{color:var(--deep)}@media (max-width:1050px){.rail-name{font-size:17px}}@media (min-width:1101px){.topbar.shared-topbar{padding-left:max(var(--qr-gutter), calc((100% - var(--qr-shell-max)) / 2 + var(--qr-gutter)));padding-right:max(var(--qr-gutter), calc((100% - var(--qr-shell-max)) / 2 + var(--qr-gutter)))}}@media (max-width:1100px){.topbar.shared-topbar{padding-left:var(--qr-gutter);padding-right:var(--qr-gutter)}}@media (max-width:900px){.topbar.shared-topbar{flex-wrap:wrap;gap:10px 12px;height:auto;min-height:70px;padding-top:12px;padding-bottom:12px}.shared-topbar .mode{flex:none;order:0;margin-left:auto}.shared-topbar .global-search{flex:1 0 100%;order:2;width:100%;max-width:none}.shared-topbar .top-nav{flex:1 0 100%;order:3;justify-content:space-between;gap:4px;width:100%}.shared-topbar .top-nav>a,.shared-topbar .article-nav-trigger{white-space:nowrap;flex:none;padding:8px 10px;font-size:12px}}@media (max-width:1100px){.shared-topbar .top-nav>a,.shared-topbar .article-nav-trigger{white-space:nowrap;flex:none}}@media (min-width:901px) and (max-width:1100px){.shared-topbar .top-nav>a,.shared-topbar .article-nav-trigger{padding-left:9px;padding-right:9px;font-size:12px}}.page-grid{grid-template-columns:var(--qr-rail) minmax(0, 1fr) var(--qr-rail);gap:var(--qr-gap);max-width:var(--qr-shell-max);padding:0 var(--qr-gutter) clamp(48px, 5.2vw, 78px)}.right-rail>*{flex:none}.rail-widget.calendar strong{font-size:clamp(20px, calc(var(--qr-rail) * .142), 30px)!important}@media (max-width:1050px){.page-grid{grid-template-columns:var(--qr-rail) minmax(0, 1fr)}.shared-site .page-grid>.right-rail,.page-grid>.right-rail{display:none}}@media (max-width:700px){.page-grid{padding:18px var(--qr-gutter) clamp(42px, 11vw, 56px);display:block}.page-grid>.left-rail{min-height:0}.shared-site .left-rail>.socials,.shared-site .left-rail>.rail-widget{display:none}}.post-grid,.category-cards{gap:var(--qr-card-gap);grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1239px){.post-grid,.category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:880px){.post-grid,.category-cards{grid-template-columns:minmax(0,1fr)}}.category-overview-grid{gap:var(--qr-card-gap)}@media (max-width:880px){.category-overview-grid{grid-template-columns:minmax(0,1fr)}}.series-grid{gap:var(--qr-card-gap)}.hero-block{margin-left:calc(var(--qr-hero-bleed) * -1);margin-right:calc(var(--qr-hero-bleed) * -1);margin-bottom:var(--qr-space-lg);min-height:clamp(0px,26vw,380px);padding:clamp(28px,4.4vw,60px) clamp(20px,4.6vw,70px)}@media (max-width:700px){.hero-block{margin-left:calc(var(--qr-gutter) * -1);margin-right:calc(var(--qr-gutter) * -1)}}.hero-copy h1{font-size:clamp(36px,4vw,58px);line-height:1.3}.hero-copy p{font-size:var(--qr-fs-body);max-width:min(650px,100%);line-height:1.9}@media (max-width:700px){.hero-copy h1{font-size:clamp(28px,9vw,36px)}}.page-heading h1{font-size:clamp(2.3rem,5vw,4.2rem)}.page-heading.page-heading-category h1{margin-top:clamp(10px,1vw,14px)}@media (max-width:700px){.page-heading h1{font-size:clamp(2rem,10vw,2.3rem)}.shared-content .page-heading-category h1{font-size:clamp(32px,10vw,36.8px)}}.content-page{--qr-page-pad:clamp(16px, 3.6vw, 36px);padding-left:var(--qr-page-pad);padding-right:var(--qr-page-pad)}.page-heading{margin-left:calc(var(--qr-page-pad,var(--qr-gutter)) * -1);margin-right:calc(var(--qr-page-pad,var(--qr-gutter)) * -1);padding-left:var(--qr-page-pad,var(--qr-gutter));padding-right:var(--qr-page-pad,var(--qr-gutter))}.page-heading-category>div{flex:auto;grid-template-columns:max-content minmax(0,1fr);align-items:start;column-gap:14px;min-width:0}.page-heading-category .content-return{grid-area:1/1/auto/-1;justify-self:start;width:auto}.page-heading-category .category-overview-icon{grid-area:2/1/span 3}.page-heading-category .eyebrow{grid-area:2/2}.page-heading-category h1{grid-area:3/2}.page-heading-category p{grid-area:4/2}.category-hero h1{font-size:clamp(30px,4.2vw,48px)}.category-side h1{font-size:clamp(30px,3.6vw,48px)}.route-shell{padding-left:clamp(16px,4vw,24px);padding-right:clamp(16px,4vw,24px)}@media (max-width:420px){.route-post{grid-template-columns:minmax(0,1fr);gap:4px}.route-post small{grid-column:1}.archive button{grid-template-columns:48px minmax(0,1fr);gap:8px}}.markdown{font-size:var(--qr-fs-body)}.article-detail{--qr-measure:100%}.article-detail>h1,.article-detail>.article-summary,.article-detail>.article-meta,.article-detail>.article-tags,.markdown>h1,.markdown>h2,.markdown>h3,.markdown>h4,.markdown>p,.markdown>ul,.markdown>ol,.markdown>blockquote{max-width:var(--qr-measure,100%)}.article-detail>h1,.markdown>h2,.markdown>h3{text-wrap:balance}.markdown pre,.markdown table{max-width:100%}@media (min-width:481px) and (max-width:700px){.markdown-image-design-stage{aspect-ratio:4/3;aspect-ratio:var(--qr-design-canvas-aspect,4 / 3);padding:12px;display:block}.markdown-image-design-layer{width:var(--qr-layer-width,80%);z-index:var(--qr-layer-order,1);aspect-ratio:1;aspect-ratio:var(--qr-layer-aspect,1);position:absolute}.markdown-image-design-layer>.markdown-image-design-art{width:100%;max-width:none;height:100%;transform:rotate(var(--qr-layer-rotation,0deg)) scale(var(--qr-layer-flip-x,1), var(--qr-layer-flip-y,1))}}@media (min-width:561px) and (max-width:700px){.markdown-image-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.markdown-image-block.is-side-by-side>.markdown-image-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,3vw,32px)}.markdown-image-layout-split.is-side-by-side>.markdown-image-content{grid-template-columns:minmax(0, var(--qr-image-column-size,50fr)) minmax(0, var(--qr-image-copy-size,50fr));gap:16px}.markdown-image-layout-split.is-side-by-side.markdown-image-align-right>.markdown-image-content{grid-template-columns:minmax(0, var(--qr-image-copy-size,50fr)) minmax(0, var(--qr-image-column-size,50fr))}.markdown-image-block.is-designed.is-side-by-side>.markdown-image-content{grid-template-columns:minmax(0,1fr);gap:16px}.markdown-image-block.is-side-by-side>.markdown-image-content>.markdown-image-media{float:none;width:min(var(--qr-image-width,100%), 100%);max-width:100%;margin-inline:0}.markdown-image-block.markdown-image-layout-flow.is-wrapped>.markdown-image-content>.markdown-image-media{max-width:calc(100% - clamp(14px,3vw,26px))}.markdown-image-block.markdown-image-layout-flow.is-wrapped.markdown-image-align-left>.markdown-image-content>.markdown-image-media{float:left;margin:0 clamp(14px,3vw,26px) 12px 0}.markdown-image-block.markdown-image-layout-flow.is-wrapped.markdown-image-align-right>.markdown-image-content>.markdown-image-media{float:right;margin:0 0 12px clamp(14px,3vw,26px)}}.community-panel{padding:clamp(18px,2.4vw,28px)}@media (max-width:480px){.community-panel{padding:16px}}footer{max-width:var(--qr-shell-max);padding:clamp(18px, 2.2vw, 26px) var(--qr-gutter)}.category-layout,.category-footer{max-width:var(--qr-shell-max);padding-left:var(--qr-gutter);padding-right:var(--qr-gutter)}@media (min-width:1920px){.category-layout{grid-template-columns:calc(var(--qr-rail) + 48px) minmax(0, 1fr)}}@media (max-width:374px){.shared-topbar{gap:8px}.shared-topbar .top-nav{gap:2px}.shared-topbar .top-nav>a,.shared-topbar .article-nav-trigger{padding:7px 5px;font-size:11px}.global-search{height:34px}.mode{width:34px;height:34px}.community-panel,.guestbook-card{padding-left:16px;padding-right:16px}.article-detail.route-article{padding-left:14px;padding-right:14px}.article-social,.community-form-actions{flex-wrap:wrap}.article-nextprev{grid-template-columns:minmax(0,1fr)}}@media (min-width:1920px){.route-shell:not(.admin-route){max-width:940px}}@media (min-width:2560px){.site{background-size:15px 15px}}
.notes-page{--note-accent:#7199bd;--note-gap:clamp(12px,1.4vw,18px);--note-quiet:color-mix(in srgb,var(--muted) 70%,var(--ink))}.note-tools{border:2px solid var(--line);background:color-mix(in srgb,var(--paper) 72%,transparent);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:9px 10px;display:flex}.note-search{border:2px solid var(--line);background:var(--bg);min-width:0;height:38px;color:var(--deep);flex:220px;align-items:center;gap:8px;padding:0 9px;transition:border-color .15s,box-shadow .15s;display:flex}.note-search:focus-within{border-color:var(--ink);box-shadow:3px 3px 0 color-mix(in srgb,var(--blue) 45%,transparent)}.note-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:14px}.note-search input::placeholder{color:color-mix(in srgb,var(--muted) 88%,transparent)}.note-search kbd{border:1px solid var(--line);background:var(--paper);color:var(--muted);flex:none;padding:1px 5px;font:10px/1.5 DM Mono,monospace}.note-search-clear{border:1px solid var(--line);background:var(--paper);width:24px;height:24px;color:var(--muted);flex:none;place-items:center;display:grid}.note-search-clear:hover{border-color:var(--ink);color:var(--ink)}.note-filters{flex-direction:column;gap:6px;min-width:0;max-width:min(100%,560px);display:flex}.note-chip-row{scrollbar-width:none;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.note-chip-row::-webkit-scrollbar{display:none}.note-chip{border:2px solid var(--line);background:color-mix(in srgb,var(--paper) 70%,transparent);min-height:30px;color:var(--muted);letter-spacing:.04em;white-space:nowrap;flex:none;padding:5px 9px;font:11px DM Mono,monospace;transition:background .15s,border-color .15s,color .15s}.note-chip:hover{border-color:var(--blue);color:var(--ink)}.note-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.note-chip--month{min-height:26px;padding:3px 8px;font-size:10px}.note-tools-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.note-view-switch{border:2px solid var(--line);display:flex}.note-view-switch button{min-height:32px;color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;padding:5px 9px;font-size:11px;transition:background .15s,color .15s;display:flex}.note-view-switch button span{font-size:13px;line-height:1}.note-view-switch button:hover{color:var(--ink);background:color-mix(in srgb,var(--blue) 14%,transparent)}.note-view-switch button[aria-pressed=true]{background:var(--deep);color:#fff}.site.night .note-view-switch button[aria-pressed=true]{color:#19202e}.note-sort-btn{border:2px solid var(--line);background:var(--paper);min-height:32px;color:var(--ink);white-space:nowrap;padding:5px 10px;font:11px DM Mono,monospace}.note-sort-btn:hover{border-color:var(--blue)}.note-add-btn{border:2px solid var(--ink);background:var(--pink);color:#202633;align-items:center;gap:6px;min-height:34px;padding:6px 12px;font-size:12px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:3px 3px #202633}.note-add-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #202633}.note-add-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #202633}.note-status{color:var(--note-quiet);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;font:11px DM Mono,monospace;display:flex}.note-status b{color:var(--ink)}.note-status button{border:1px dashed var(--line);color:var(--deep);background:0 0;margin-left:4px;padding:2px 6px;font:11px DM Mono,monospace}.note-status button:hover{border-style:solid;border-color:var(--deep)}.note-wall{gap:var(--note-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,206px),1fr));display:grid}.note-tile{--note-accent:#8fb3d4;border:2px solid var(--ink);background-color:var(--paper);background-image:repeating-linear-gradient(180deg,transparent 0 25px,color-mix(in srgb,var(--ink) 6%,transparent) 25px 26px);flex-direction:column;height:188px;padding:13px 14px 10px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;box-shadow:4px 4px #202633}.note-tile[data-season=spring]{--note-accent:#e6b3b2}.note-tile[data-season=summer]{--note-accent:#93c0b8}.note-tile[data-season=autumn]{--note-accent:#d8b98d}.note-tile[data-season=winter]{--note-accent:#93b6d6}.note-tile:hover,.note-tile:focus-within{transform:translate(-2px,-2px);box-shadow:6px 6px #202633}.note-tape{background:var(--note-accent);opacity:.92;clip-path:polygon(0 0,100% 0,100% 100%,92% 76%,84% 100%,76% 76%,68% 100%,60% 76%,52% 100%,44% 76%,36% 100%,28% 76%,20% 100%,12% 76%,4% 100%,0 76%);width:46px;height:15px;transition:transform .2s;position:absolute;top:-7px;left:14px;transform:rotate(-2.5deg)}.note-tile:hover .note-tape{transform:rotate(1.5deg)translateY(-1px)}.note-tile-head{justify-content:space-between;align-items:center;gap:8px;min-height:20px;margin-bottom:6px;display:flex}.note-no{background:var(--note-accent);color:#202633;letter-spacing:.02em;padding:3px 5px;font:9px/1.35 "Press Start 2P",monospace;display:inline-block}.note-tile time{color:var(--note-quiet);letter-spacing:.08em;font:10px DM Mono,monospace}.note-tile-body{width:100%;min-height:0;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:0;display:block;overflow:hidden}.note-text{-webkit-line-clamp:4;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:14.5px;line-height:1.8;display:-webkit-box;overflow:hidden}.note-hit{color:#202633;background:#f5d76e;padding:0 1px;box-shadow:1px 1px #202633}.site.night .note-hit{color:#1b1b24;background:#d9b84a}.note-tile-foot{align-items:center;gap:6px;min-height:20px;margin-top:8px;display:flex}.note-meta{color:var(--note-quiet);white-space:nowrap;font:10px DM Mono,monospace}.note-new{background:var(--note-accent);color:#202633;letter-spacing:.04em;flex:none;padding:2px 4px;font:7px/1.3 "Press Start 2P",monospace}.note-ops{opacity:0;pointer-events:none;gap:4px;margin-left:auto;transition:opacity .15s,transform .15s;display:flex;transform:translateY(2px)}.note-tile:hover .note-ops,.note-tile:focus-within .note-ops{opacity:1;pointer-events:auto;transform:none}.note-ops button{border:1px solid var(--line);background:var(--paper);width:26px;height:26px;color:var(--ink);place-items:center;display:grid}.note-ops button:hover{border-color:var(--ink);background:var(--blue);color:#fff}.note-rows{gap:clamp(14px,2vw,22px);display:grid}.note-month-head{border-bottom:2px solid var(--ink);color:var(--note-quiet);letter-spacing:.2em;text-transform:uppercase;align-items:baseline;gap:8px;margin:0 0 4px;padding-bottom:6px;font:10px DM Mono,monospace;display:flex}.note-month-head b{color:var(--ink);letter-spacing:.08em;font:13px DM Mono,monospace}.note-month-head small{letter-spacing:.08em;margin-left:auto;font-size:10px}.note-row{--note-accent:#8fb3d4;border:0;border-bottom:1px dashed var(--line);width:100%;min-height:46px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 10px 9px 13px;transition:background .14s;display:grid;position:relative}.note-row[data-season=spring]{--note-accent:#e6b3b2}.note-row[data-season=summer]{--note-accent:#93c0b8}.note-row[data-season=autumn]{--note-accent:#d8b98d}.note-row[data-season=winter]{--note-accent:#93b6d6}.note-row:before{content:"";background:0 0;width:3px;transition:background .14s;position:absolute;top:8px;bottom:8px;left:0}.note-row:hover{background:color-mix(in srgb,var(--blue) 14%,transparent)}.note-row:hover:before{background:var(--note-accent)}.note-row time{color:var(--note-quiet);white-space:nowrap;font:11px DM Mono,monospace}.note-row-text{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.7;overflow:hidden}.note-row-meta{color:var(--note-quiet);white-space:nowrap;font:10px DM Mono,monospace}.note-more{border:2px dashed var(--line);background:color-mix(in srgb,var(--paper) 55%,transparent);width:100%;color:var(--deep);letter-spacing:.05em;margin-top:18px;padding:12px;font-size:12px;display:block}.note-more:hover{border-style:solid;border-color:var(--ink);background:var(--paper);color:var(--ink)}.notes-empty-wall{border:2px dashed var(--line);background:color-mix(in srgb,var(--paper) 55%,transparent);text-align:center;justify-items:center;gap:10px;padding:clamp(34px,7vw,72px) 20px;display:grid}.notes-empty-glyph{color:var(--pink);text-shadow:3px 3px 0 color-mix(in srgb,var(--ink) 55%,transparent);font:26px/1 "Press Start 2P",monospace}.notes-empty-wall h2{margin:6px 0 0;font-size:19px}.notes-empty-wall p{color:var(--muted);margin:0 0 6px;font-size:13px;line-height:1.7}.note-toast{z-index:90;border:2px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--pink);padding:10px 16px;font-size:13px;animation:.2s steps(3,end) note-toast-in;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}@keyframes note-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.note-dialog{--note-accent:#93b6d6;width:min(560px,100vw - 28px);max-width:none;max-height:min(86vh,780px);color:var(--ink);background:0 0;border:0;margin:auto;padding:0;position:fixed;inset:0;overflow:visible}.note-dialog::backdrop{background:#0b1520bd}.note-dialog-inner{border:2px solid var(--ink);background:var(--paper);flex-direction:column;max-height:min(86vh,780px);display:flex;box-shadow:8px 8px #202633}.note-dialog-head{border-bottom:2px dashed var(--line);align-items:center;gap:10px;padding:12px 14px;display:flex}.note-dialog-heading{gap:3px;min-width:0;display:grid}.note-dialog-heading h2{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.45}.note-dialog-heading small{color:var(--muted);font-size:11px}.note-dialog-close{border:2px solid var(--line);background:var(--paper);width:34px;height:34px;color:var(--ink);flex:none;place-items:center;margin-left:auto;display:grid}.note-dialog-close:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}.note-no--live{background:var(--deep);color:var(--paper)}.note-dialog-body{overscroll-behavior:contain;outline:none;flex:1;min-height:0;padding:18px 18px 20px;font-size:16.5px;line-height:1.95;overflow:auto}.note-dialog-body p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.note-dialog-body:focus-visible{box-shadow:inset 0 0 0 3px var(--pink)}.note-dialog-foot{border-top:2px dashed var(--line);align-items:center;gap:10px;padding:11px 14px;display:flex}.note-dialog-stamp{color:var(--note-quiet);letter-spacing:.12em;font:10px DM Mono,monospace}.note-dialog-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.note-dialog-error{background:color-mix(in srgb,#c2584f 12%,var(--paper));color:var(--ink);border-top:2px solid #c2584f;margin:0;padding:10px 14px;font-size:12px;line-height:1.7}.note-btn{border:2px solid var(--ink);background:var(--paper);min-height:40px;color:var(--ink);justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:transform .12s,box-shadow .12s,background .15s,color .15s;display:inline-flex;box-shadow:3px 3px #202633}.note-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #202633}.note-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #202633}.note-btn:disabled{opacity:.55;cursor:wait;transform:none;box-shadow:3px 3px #202633}.note-btn--primary{background:var(--ink);color:var(--paper)}.note-btn--danger{color:#a4443d;border-color:#a4443d;box-shadow:3px 3px #a4443d59}.note-btn--danger.is-confirming{color:#fff;background:#b8503f;border-color:#8f3a33}.note-compose{flex-direction:column;min-height:0;display:flex}.note-compose-body{gap:14px;padding:16px 18px 18px;display:grid;overflow:auto}.note-compose-field{gap:6px;display:grid}.note-compose-label{color:var(--muted);font-size:11px}.note-compose textarea{border:2px solid var(--line);background:var(--bg);width:100%;min-height:150px;max-height:42vh;color:var(--ink);font:inherit;resize:vertical;outline:none;padding:12px 14px;font-size:15px;line-height:1.85;transition:border-color .15s,box-shadow .15s}.note-compose textarea:focus{border-color:var(--ink);box-shadow:3px 3px 0 color-mix(in srgb,var(--blue) 45%,transparent)}.note-compose textarea::placeholder{color:color-mix(in srgb,var(--muted) 80%,transparent)}.note-counter{color:var(--muted);justify-self:end;font:10px DM Mono,monospace}.note-counter.is-near{color:#b8503f}.note-chip:focus-visible,.note-sort-btn:focus-visible,.note-add-btn:focus-visible,.note-view-switch button:focus-visible,.note-tile-body:focus-visible,.note-ops button:focus-visible,.note-row:focus-visible,.note-more:focus-visible,.note-btn:focus-visible,.note-dialog-close:focus-visible,.note-search-clear:focus-visible,.notes-empty-wall .note-btn:focus-visible{outline:3px solid var(--pink);outline-offset:2px}@media (max-width:1050px){.note-wall{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr))}.note-tile{height:182px}.note-text{-webkit-line-clamp:3}}@media (max-width:900px){.note-tools{gap:8px;padding:8px}.note-search{flex:100%;order:1}.note-tools-actions{flex:100%;order:2;justify-content:space-between;margin-left:0}.note-filters{flex:100%;order:3;max-width:none}}@media (max-width:760px){.note-chip-row{padding-bottom:2px}.note-search kbd{display:none}.note-wall{grid-template-columns:1fr;gap:12px}.note-tile{height:auto;min-height:0;padding:12px 13px 10px}.note-text{-webkit-line-clamp:5;font-size:14.5px}.note-ops{display:none}.note-row{grid-template-columns:58px minmax(0,1fr);gap:9px;padding-right:8px}.note-row-meta{display:none}.note-dialog{width:100%;max-width:none;max-height:92vh;margin:0;inset:auto 0 0}.note-dialog-inner{max-height:92vh;box-shadow:none;border-bottom:0;border-left:0;border-right:0}.note-dialog-body{padding:15px 14px 18px;font-size:16px}.note-dialog-head{padding:11px 12px}.note-dialog-close{width:40px;height:40px}.note-dialog-foot{padding:10px 12px max(10px,env(safe-area-inset-bottom))}.note-btn{min-height:44px}.note-dialog-actions{width:100%;margin-left:0}.note-dialog-foot .note-btn{flex:1}.note-dialog-stamp{display:none}.note-compose-body{padding:14px 12px 16px}.note-compose textarea{max-height:36vh}}@media (max-width:420px){.notes-page .page-heading{padding-top:0}.notes-page .page-heading-count{display:none}.note-view-switch button{padding:5px 7px}.note-sort-btn{padding:5px 8px}.note-add-btn{padding:6px 10px}}@media (prefers-reduced-motion:reduce){.note-tile,.note-tape,.note-ops,.note-btn,.note-add-btn,.note-row{transition:none}.note-tile:hover,.note-tile:focus-within,.note-add-btn:hover,.note-btn:hover{transform:none}.note-toast{animation:none}}
.page-heading.page-heading--compact{align-items:flex-end;min-height:0;margin:0 0 clamp(14px,2vw,20px);padding:clamp(4px,1.2vw,10px) 0 clamp(14px,2vw,20px)}.page-heading.page-heading--compact h1{margin:.34rem 0 .3rem;font-size:clamp(2rem,4.4vw,3.3rem);line-height:1.35}.page-heading.page-heading--compact p{opacity:.74;max-width:540px;font-size:13px;line-height:1.75}.page-heading.page-heading--compact .page-heading-count{border:2px solid var(--line);background:color-mix(in srgb,var(--paper) 55%,transparent);color:var(--muted);letter-spacing:.16em;white-space:nowrap;flex:none;padding:7px 10px;font:10px DM Mono,monospace}.guestbook-page{--letter-accent:#7199bd;--letter-quiet:color-mix(in srgb,var(--muted) 70%,var(--ink))}.letterbox{border:2px solid var(--ink);background:var(--paper);background-image:repeating-linear-gradient(180deg,transparent 0 27px,color-mix(in srgb,var(--ink) 5%,transparent) 27px 28px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2.2vw,24px);margin:0 0 14px;padding:clamp(15px,2vw,21px) clamp(16px,2.2vw,24px);display:grid;position:relative;box-shadow:5px 5px #202633}.letterbox-tape{background:var(--pink);opacity:.95;clip-path:polygon(0 0,100% 0,100% 100%,92% 76%,84% 100%,76% 76%,68% 100%,60% 76%,52% 100%,44% 76%,36% 100%,28% 76%,20% 100%,12% 76%,4% 100%,0 76%);width:62px;height:16px;position:absolute;top:-8px;left:22px;transform:rotate(-2deg)}.letterbox-art{perspective:280px;flex:none;place-items:center;width:88px;height:74px;display:grid;position:relative}.letterbox-slip{border:2px solid var(--ink);background:var(--bg);background-image:repeating-linear-gradient(180deg,transparent 0 8px,color-mix(in srgb,var(--ink) 16%,transparent) 8px 9px);z-index:1;height:56px;transition:transform .38s cubic-bezier(.2,.8,.3,1);position:absolute;top:-6px;left:12px;right:12px;transform:translateY(8px)}.letterbox-envelope{z-index:2;border:2px solid var(--ink);background:var(--paper);width:84px;height:58px;transform-style:preserve-3d;perspective:280px;position:relative;box-shadow:3px 3px #202633}.letterbox-envelope:after{content:"";border:2px solid var(--ink);background:var(--pink);z-index:3;border-radius:50%;width:9px;height:9px;margin-left:-5px;position:absolute;top:24px;left:50%}.letterbox-flap{background:color-mix(in srgb,var(--blue) 42%,var(--paper));clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;z-index:2;height:33px;animation:1.5s cubic-bezier(.3,.8,.3,1) .45s both letter-open;position:absolute;inset:0 0 auto}.letterbox:hover .letterbox-flap{animation:none;transform:rotateX(62deg)}.letterbox:hover .letterbox-slip{transform:translateY(-6px)}.letterbox-postmark{z-index:4;border:2px dashed var(--deep);background:var(--pink);color:#202633;place-items:center;width:24px;height:28px;font:12px Cubic11,Noto Sans SC,sans-serif;transition:transform .3s;display:grid;position:absolute;top:0;right:3px;transform:rotate(7deg)}.letterbox:hover .letterbox-postmark{transform:rotate(-6deg)}.letterbox-copy{gap:5px;min-width:0;display:grid}.letterbox-kicker{color:var(--deep);letter-spacing:.22em;font:9px DM Mono,monospace}.letterbox-copy h2{color:var(--ink);letter-spacing:.03em;margin:0;font:400 clamp(17px,2vw,20px)/1.5 Cubic11,Noto Sans SC,sans-serif}.letterbox-copy p{color:var(--letter-quiet);margin:0;font-size:12px;line-height:1.9}.letterbox-cta{border:2px solid var(--ink);background:var(--pink);white-space:nowrap;align-items:center;gap:7px;min-height:42px;padding:9px 15px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:4px 4px #202633;color:#202633!important}.letterbox-cta:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #202633}.letterbox-cta:active{transform:translate(2px,2px);box-shadow:1px 1px #202633}.guestbook-page .guestbook-toolbar{border:2px solid var(--line);background:color-mix(in srgb,var(--paper) 72%,transparent);box-shadow:none;margin-bottom:14px;padding:9px 10px}.guestbook-page .guestbook-search-row{gap:10px}.guestbook-page .guestbook-search{border:2px solid var(--line);background:var(--bg);height:38px;color:var(--deep);padding:0 9px;transition:border-color .15s,box-shadow .15s}.guestbook-page .guestbook-search:focus-within{border-color:var(--ink);box-shadow:3px 3px 0 color-mix(in srgb,var(--blue) 45%,transparent)}.guestbook-page .guestbook-search input{font-size:14px}.guestbook-page .guestbook-search input::placeholder{color:color-mix(in srgb,var(--muted) 88%,transparent)}.guestbook-page .community-segmented{border:2px solid var(--line);background:var(--bg);gap:2px;padding:2px}.guestbook-page .community-segmented>button{min-height:30px;color:var(--muted);letter-spacing:.06em;padding:5px 12px;font:11px DM Mono,monospace;transition:background .15s,color .15s}.guestbook-page .community-segmented>button:hover{background:color-mix(in srgb,var(--blue) 14%,transparent);color:var(--ink)}.guestbook-page .community-segmented>button.active{background:var(--ink);color:var(--paper);font-weight:400}.guestbook-page .guestbook-filter-row{border-top:1px dashed var(--line);margin-top:10px;padding-top:10px}.guestbook-page .guestbook-filter{min-height:28px;color:var(--letter-quiet);letter-spacing:.03em;border:2px solid #0000;padding:5px 9px;font:11px DM Mono,monospace;transition:border-color .15s,color .15s,background .15s}.guestbook-page .guestbook-filter:hover{border-color:var(--line);color:var(--ink)}.guestbook-page .guestbook-filter.active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.guestbook-page .guestbook-mine{border:2px dashed var(--line);color:var(--deep);padding:5px 10px;font:11px DM Mono,monospace;transition:border-color .15s,color .15s}.guestbook-page .guestbook-mine:hover,.guestbook-page .guestbook-mine.active{border-style:solid;border-color:var(--ink);color:var(--ink)}.letter-grid{gap:var(--note-gap,16px);grid-template-columns:repeat(auto-fill,minmax(min(248px,100%),1fr));align-items:stretch;display:grid}.letter-card{--letter-accent:#8fb3d4;border:2px solid var(--ink);background:var(--paper);background-image:repeating-linear-gradient(180deg,transparent 0 27px,color-mix(in srgb,var(--ink) 5%,transparent) 27px 28px);min-width:0;min-height:206px;animation:.42s cubic-bezier(.2,.8,.3,1) backwards room-rise;animation-delay:calc(var(--i,0) * 26ms);flex-direction:column;padding:19px 20px 15px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex;position:relative;box-shadow:4px 4px #202633;color:var(--ink)!important}.letter-card[data-tone="0"]{--letter-accent:#8fb3d4}.letter-card[data-tone="1"]{--letter-accent:#93c0b8}.letter-card[data-tone="2"]{--letter-accent:#d8b98d}.letter-card[data-tone="3"]{--letter-accent:#dba1ac}.letter-card[data-tone="4"]{--letter-accent:#b5a2d4}.letter-card:hover,.letter-card:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px #202633}.letter-pin{background:var(--letter-accent);opacity:.95;clip-path:polygon(0 0,100% 0,100% 100%,92% 76%,84% 100%,76% 76%,68% 100%,60% 76%,52% 100%,44% 76%,36% 100%,28% 76%,20% 100%,12% 76%,4% 100%,0 76%);width:44px;height:14px;transition:transform .2s;position:absolute;top:-7px;left:16px;transform:rotate(-2.5deg)}.letter-card:hover .letter-pin{transform:rotate(1.5deg)translateY(-1px)}.letter-labels{flex-wrap:wrap;align-items:center;gap:6px;min-height:22px;margin-bottom:10px;padding-right:44px;display:flex}.letter-cat{background:var(--letter-accent);color:#202633;letter-spacing:.04em;align-items:center;padding:3px 7px;font:9px/1.5 DM Mono,monospace;display:inline-flex}.letter-status{color:var(--letter-quiet);letter-spacing:.04em;margin-left:auto;font:9px DM Mono,monospace}.letter-status.status-pending{color:#a58449}.letter-status.status-rejected{color:#ba6f7a}.letter-status.status-approved{color:#6b9f8a}.letter-postmark{border:2px dashed var(--letter-accent);width:42px;height:42px;color:var(--deep);text-align:center;border-radius:50%;place-items:center;line-height:1;transition:transform .28s;display:grid;position:absolute;top:14px;right:14px;transform:rotate(-8deg)}.letter-postmark b{letter-spacing:.02em;font:10px DM Mono,monospace;display:block}.letter-postmark i{opacity:.75;margin-top:2px;font:400 8px DM Mono,monospace;display:block}.letter-card:hover .letter-postmark{transform:rotate(6deg)}.letter-title{letter-spacing:.02em;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0 0 7px;font:400 18px/1.55 Cubic11,Noto Sans SC,sans-serif;display:-webkit-box;overflow:hidden}.letter-excerpt{color:var(--letter-quiet);white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 14px;font-size:12px;line-height:1.9;display:-webkit-box;overflow:hidden}.letter-foot{border-top:1px dashed var(--line);align-items:center;gap:8px;min-width:0;margin-top:auto;padding-top:12px;display:flex}.letter-author{min-width:0;color:var(--deep);align-items:center;gap:7px;font-size:11px;display:inline-flex}.letter-author>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:104px;overflow:hidden}.letter-author .community-avatar,.letter-author .avatar-image{box-shadow:none;border-width:2px;flex:none}.letter-metrics{color:var(--letter-quiet);flex:none;align-items:center;gap:9px;margin-left:auto;font:10px DM Mono,monospace;display:flex}.letter-metrics>span{align-items:center;gap:3px;display:inline-flex}.letter-arrow{color:var(--deep);opacity:0;flex:none;transition:opacity .2s,transform .2s;transform:translate(-5px)}.letter-card:hover .letter-arrow,.letter-card:focus-visible .letter-arrow{opacity:1;transform:none}.letter-skeleton{border:2px solid var(--line);background:var(--paper);align-content:start;gap:12px;height:206px;padding:20px;display:grid;box-shadow:4px 4px #20263340}.letter-skeleton i{background:color-mix(in srgb,var(--blue) 14%,var(--paper));height:12px;animation:1.8s ease-in-out infinite letter-pulse;display:block}.letter-skeleton i:first-child{width:30%;height:16px}.letter-skeleton i:nth-child(2){width:82%;height:18px;margin-top:10px}.letter-skeleton i:nth-child(3){height:64px}.guestbook-page .community-empty{border:2px dashed var(--line);background:color-mix(in srgb,var(--paper) 70%,transparent);min-height:300px}.guestbook-page .community-empty h2{letter-spacing:.03em;font-family:Cubic11,Noto Sans SC,sans-serif}.guestbook-page .community-pagination{border-top:1px dashed var(--line);letter-spacing:.06em;padding-top:14px;font:10px DM Mono,monospace}.guestbook-page .community-pagination .community-secondary{box-shadow:2px 2px #202633}.letter-compose{border:2px solid var(--ink);background:var(--paper);margin-bottom:16px;padding:0;animation:.3s cubic-bezier(.2,.8,.3,1) both room-rise;position:relative;box-shadow:5px 5px #202633}.letter-compose .community-panel-heading{border-bottom:2px dashed var(--line);margin:0;padding:13px 18px}.letter-compose .community-panel-heading h2{letter-spacing:.03em;font-size:16px}.letter-compose .community-form{padding:18px}.about-page{--about-accent:#7199bd;--letter-quiet:color-mix(in srgb,var(--muted) 78%,var(--ink));--tone-book:#dcc08a;--tone-film:#a4c6d6;--tone-music:#e0aeb9;--tone-game:#bccfa6}.profile-board{--profile-frame:320px;grid-template-columns:minmax(0,222px) minmax(0,1fr);align-items:start;gap:clamp(18px,3vw,32px);margin-bottom:clamp(16px,2vw,22px);display:grid}.profile-card{border:2px solid var(--ink);background:var(--paper);padding:15px 15px 22px;animation:.42s cubic-bezier(.2,.8,.3,1) both room-rise;position:relative;box-shadow:5px 5px #202633}.profile-tape{background:var(--pink);opacity:.95;clip-path:polygon(0 0,100% 0,100% 100%,92% 76%,84% 100%,76% 76%,68% 100%,60% 76%,52% 100%,44% 76%,36% 100%,28% 76%,20% 100%,12% 76%,4% 100%,0 76%);width:78px;height:16px;margin-left:-39px;position:absolute;top:-8px;left:50%;transform:rotate(-1.5deg)}.profile-portrait{aspect-ratio:1;border:2px solid var(--ink);background:color-mix(in srgb,var(--blue) 12%,var(--paper));place-items:center;display:grid;position:relative;overflow:visible}.profile-portrait img{object-fit:cover;image-rendering:auto;width:100%;height:100%;display:block}.profile-portrait .pixel-avatar{aspect-ratio:1;width:72%;height:auto;box-shadow:none;border:0;padding:11%;box-shadow:none!important}.profile-portrait .pixel-avatar i{gap:3px}.profile-seal{filter:drop-shadow(3px 3px #202633);width:56px;height:56px;position:absolute;bottom:-14px;right:-14px;transform:rotate(-6deg)}.profile-seal svg{width:100%;height:100%;display:block}.seal-plate{fill:var(--pink);stroke:var(--ink);stroke-width:1px}.seal-fur{fill:#f8f1e0}.seal-inner{fill:#c07a86}.seal-cheek{fill:#d38f98}.seal-nose{fill:#a9535f}.seal-ink{fill:#202633}.seal-eyes{animation:6s step-end infinite seal-blink}.profile-id{border-top:2px dashed var(--line);gap:3px;margin-top:12px;padding-top:10px;display:grid}.profile-id-name{color:var(--ink);letter-spacing:.04em;overflow-wrap:anywhere;font:400 17px/1.4 Cubic11,Noto Sans SC,sans-serif}.profile-id-role{color:var(--deep);letter-spacing:.2em;font:9.5px DM Mono,monospace}.profile-id-meta{color:var(--letter-quiet,var(--muted));letter-spacing:.12em;font:10px DM Mono,monospace}.profile-copy{min-width:0;padding-top:4px;animation:.46s cubic-bezier(.2,.8,.3,1) 40ms both room-rise}.profile-copy h2{color:var(--ink);letter-spacing:.03em;overflow-wrap:anywhere;margin:10px 0 12px;font:400 clamp(21px,2.6vw,27px)/1.5 Cubic11,Noto Sans SC,sans-serif}.profile-copy p{max-width:56ch;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere;margin:0 0 16px;font-size:14.5px;line-height:1.95}.profile-tags{flex-wrap:wrap;gap:7px;margin:0 0 16px;padding:0;list-style:none;display:flex}.profile-tags li{border:2px solid var(--line);background:color-mix(in srgb,var(--paper) 70%,transparent);color:var(--ink);letter-spacing:.02em;padding:4px 9px;font:11.5px DM Mono,monospace;transition:border-color .15s,transform .15s}.profile-tags li:hover{border-color:var(--ink);transform:translate(-1px,-1px)}.profile-copy .profile-motto{border:2px dashed var(--line);background:color-mix(in srgb,var(--pink) 12%,transparent);max-width:none;color:var(--deep);white-space:pre-line;margin:0;padding:12px 14px 12px 34px;font-size:12.5px;line-height:1.9;position:relative}.profile-motto:before{content:"";background:var(--pink);width:4px;height:4px;box-shadow:4px 0 0 var(--pink),0 4px 0 var(--pink),4px 4px 0 var(--pink),0 8px 0 var(--pink),12px 0 0 var(--pink),16px 0 0 var(--pink),12px 4px 0 var(--pink),16px 4px 0 var(--pink),12px 8px 0 var(--pink);position:absolute;top:15px;left:12px}.about-rules{color:var(--letter-quiet,var(--muted));flex-wrap:wrap;align-items:center;margin:-4px 0 16px;padding:0;font-size:12.5px;line-height:1.95;list-style:none;display:flex}.about-rules li{align-items:center;display:inline-flex}.about-rules li:before{content:"";background:var(--blue);flex:none;width:5px;height:5px;margin-right:7px}.about-rules li+li:before{content:"·";width:auto;height:auto;color:var(--pink);background:0 0;margin:0 8px;font-size:12px;line-height:1}@media (min-width:821px){.profile-board{align-items:stretch}.profile-card{flex-direction:column;display:flex}.profile-id{margin-top:auto}.profile-copy{height:var(--profile-frame);max-height:var(--profile-frame);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--line) 45%,transparent) transparent;flex-direction:column;padding-right:6px;display:flex;overflow-y:auto}.profile-copy::-webkit-scrollbar{width:6px}.profile-copy::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--line) 45%,transparent)}.profile-copy .profile-motto{margin-top:auto}}.about-block{margin:0 0 clamp(22px,3vw,34px)}.about-block-head{border-bottom:2px dashed var(--line);align-items:baseline;gap:10px;margin-bottom:16px;padding-bottom:9px;display:flex}.about-block-head h2{color:var(--ink);letter-spacing:.05em;margin:0;font:400 16.5px/1.4 Cubic11,Noto Sans SC,sans-serif}.about-block-index{color:var(--muted);letter-spacing:.18em;margin-left:auto;font:10px DM Mono,monospace}.room-spec{border:2px solid var(--ink);background:var(--paper);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid;box-shadow:4px 4px #202633}.room-spec-cell{border-right:1px dashed var(--line);align-content:center;min-width:0;padding:13px 14px;display:grid}.room-spec-cell:last-child{border-right:0}.room-spec-cell dt{color:color-mix(in srgb,var(--deep) 72%,var(--ink));letter-spacing:.16em;margin-bottom:6px;font:10px DM Mono,monospace}.room-spec-cell dd{color:var(--ink);letter-spacing:.02em;white-space:pre-line;overflow-wrap:anywhere;margin:0;font:400 13.5px/1.75 Cubic11,Noto Sans SC,sans-serif}.stack-loop{--visible:5;--cell:20cqw;background:color-mix(in srgb,var(--paper) 52%,transparent);width:100%;min-width:0;max-width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%);container-type:inline-size}.stack-loop:after{content:"";z-index:2;background:var(--pink);width:30px;height:2px;margin-left:-15px;position:absolute;top:0;left:50%}.stack-loop:before{content:"";width:var(--cell);margin-left:calc(var(--cell) / -2);background:color-mix(in srgb,var(--blue) 7%,transparent);pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:50%}.stack-track{z-index:1;will-change:transform;align-items:stretch;width:max-content;display:flex;position:relative}.stack-cell{flex:0 0 var(--cell,20%);border-right:1px dashed color-mix(in srgb,var(--line) 26%,transparent);opacity:calc(.46 + .54 * var(--w,1));align-content:start;gap:7px;padding:13px 16px 14px;transition:background .2s;display:grid}.stack-loop.is-static .stack-track{width:100%}.stack-loop.is-static .stack-cell{border-right:0;flex:1 1 0}.stack-top{align-items:center;gap:8px;display:flex}.stack-dot{border:2px solid var(--ink);background:var(--tone-book);width:10px;height:10px;box-shadow:2px 2px 0 color-mix(in srgb,var(--ink) 26%,transparent);flex:none;transition:transform .18s,box-shadow .18s}.stack-cell[data-tone="1"] .stack-dot{background:var(--tone-film)}.stack-cell[data-tone="2"] .stack-dot{background:var(--tone-music)}.stack-cell[data-tone="3"] .stack-dot{background:var(--tone-game)}.stack-cell.is-center .stack-dot{box-shadow:4px 4px 0 color-mix(in srgb,var(--ink) 30%,transparent);transform:translate(-2px,-2px)}.stack-name{min-width:0;color:color-mix(in srgb,var(--muted) 52%,var(--ink));letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;font:400 14px/1.45 Cubic11,Noto Sans SC,sans-serif;transition:color .18s;overflow:hidden}.stack-cell.is-center .stack-name{color:var(--ink)}.stack-foot{align-items:center;gap:8px;display:flex}.stack-level{color:var(--letter-quiet,var(--muted));letter-spacing:.06em;font:9.5px DM Mono,monospace;transition:color .18s}.stack-cell.is-center .stack-level{color:var(--deep)}.stack-meter{gap:2px;width:max-content;padding-bottom:3px;display:flex;position:relative}.stack-meter:after{content:"";background:color-mix(in srgb,var(--line) 34%,transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.stack-meter i{background:0 0;width:11px;height:7px;transition:background .18s,box-shadow .18s}.stack-meter i.on{background:color-mix(in srgb,var(--blue) 55%,var(--line));box-shadow:inset 0 2px #ffffff38}.stack-cell.is-center .stack-meter i.on{background:var(--blue);box-shadow:inset 0 2px #ffffff80}.about-duo{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:stretch;gap:clamp(16px,2.4vw,24px);display:grid}.room-log-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink) 28%,transparent) transparent;max-height:372px;padding-right:10px;position:relative;overflow-y:auto}.room-log-scroll:focus-visible{outline:2px solid var(--pink);outline-offset:6px}.room-log-scroll.is-scrollable:not(.is-end){-webkit-mask-image:linear-gradient(#000 calc(100% - 34px),#0000);mask-image:linear-gradient(#000 calc(100% - 34px),#0000)}.room-log-scroll::-webkit-scrollbar{width:6px}.room-log-scroll::-webkit-scrollbar-track{background:color-mix(in srgb,var(--line) 14%,transparent)}.room-log-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink) 26%,transparent)}.room-log-scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ink) 44%,transparent)}.room-log{margin:0;padding:0;position:relative}.room-log:before{content:"";border-left:2px dashed color-mix(in srgb,var(--line) 72%,transparent);position:absolute;top:11px;bottom:0;left:94px}.room-log-item{padding:0 0 20px 104px;position:relative}.room-log-item:last-child{padding-bottom:0}.room-log-item:after{content:"";border:2px solid var(--ink);background:var(--paper);width:10px;height:10px;position:absolute;top:5px;left:90px}.room-log time{text-align:right;width:84px;color:color-mix(in srgb,var(--deep) 72%,var(--ink));letter-spacing:.04em;white-space:nowrap;font:11.5px DM Mono,monospace;position:absolute;top:3px;left:0}.room-log b{color:var(--ink);letter-spacing:.04em;margin-bottom:5px;font:400 15.5px/1.55 Cubic11,Noto Sans SC,sans-serif;display:block}.room-log p{color:var(--letter-quiet,var(--muted));margin:0;font-size:13.5px;line-height:1.9}.fold-more{grid-template-rows:0fr;transition:grid-template-rows .36s cubic-bezier(.2,.8,.3,1);display:grid}.fold-more.is-open{grid-template-rows:1fr}.fold-more-inner{min-height:0;overflow:hidden}.fold-more.is-open .fold-more-inner>*{animation:.34s cubic-bezier(.2,.8,.3,1) both fold-in}.fold-toggle{border:0;border-top:2px dashed var(--line);width:100%;min-height:44px;color:var(--deep);letter-spacing:.12em;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:7px;margin-top:2px;padding:8px 0;font:10.5px DM Mono,monospace;transition:color .16s;display:flex}.fold-toggle:hover{color:var(--ink)}.fold-toggle i{font-size:11px;font-style:normal;transition:transform .24s}.fold-toggle i.is-open{transform:rotate(180deg)}.fold-toggle:focus-visible,.profile-bio-toggle:focus-visible,.neighbor-more:focus-visible,.room-changelog-more:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.qa-list .fold-more-inner{gap:8px;display:grid}.qa-list .fold-toggle{margin-top:1px}.profile-bio{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.profile-bio.is-open{display:block}.profile-bio-toggle{border:0;border-bottom:1px dashed var(--deep);color:var(--deep);letter-spacing:.12em;cursor:pointer;background:0 0;align-items:center;gap:5px;margin:-9px 0 14px;padding:0 0 2px;font:10.5px DM Mono,monospace;display:inline-flex}.profile-bio-toggle i{font-size:10px;font-style:normal;transition:transform .22s}.profile-bio-toggle i.is-open{transform:rotate(180deg)}.now-card{border:2px solid var(--ink);background:var(--paper);flex-direction:column;align-self:stretch;padding:22px 18px 18px;display:flex;position:relative;transform:rotate(-.5deg);box-shadow:5px 5px #202633}.now-tape{background:var(--pink);opacity:.95;clip-path:polygon(0 0,100% 0,100% 100%,92% 76%,84% 100%,76% 76%,68% 100%,60% 76%,52% 100%,44% 76%,36% 100%,28% 76%,20% 100%,12% 76%,4% 100%,0 76%);width:64px;height:15px;margin-left:-32px;position:absolute;top:-8px;left:50%;transform:rotate(-2deg)}.now-list{flex:1;grid-auto-rows:minmax(34px,1fr);gap:0;margin:15px 0 0;display:grid}.now-row{border-bottom:1px dashed color-mix(in srgb,var(--line) 42%,transparent);grid-template-columns:42px minmax(0,1fr);align-content:center;gap:11px;padding:8px 0;display:grid}.now-row:last-child{border-bottom:0}.now-row dt{color:color-mix(in srgb,var(--deep) 72%,var(--ink));letter-spacing:.06em;font:10.5px DM Mono,monospace}.now-row dd{color:var(--ink);margin:0;font-size:13.5px;line-height:1.75}.shelf{display:grid}.shelf-empty{border:2px dashed var(--line);background:color-mix(in srgb,var(--paper) 50%,transparent);align-items:center;gap:14px;padding:12px 14px;display:flex}.shelf-empty-row{flex:none;gap:6px;display:flex}.shelf-empty-row i{border:2px solid var(--ink);background:var(--tone-book);width:22px;height:22px;display:block}.shelf-empty-row i.tone-film{background:var(--tone-film)}.shelf-empty-row i.tone-music{background:var(--tone-music)}.shelf-empty-row i.tone-game{background:var(--tone-game)}.shelf-empty p{color:var(--ink);margin:0;font-size:13px;line-height:1.5}.shelf-empty p span{color:var(--letter-quiet,var(--muted));margin-top:3px;font-size:11.5px;display:block}.shelf-row{border-bottom:1px dashed var(--line);grid-template-columns:62px minmax(0,1fr);gap:clamp(10px,1.6vw,16px);padding:13px 0;display:grid}.shelf-key{align-content:start;gap:1px;display:grid}.shelf-key b{color:var(--ink);letter-spacing:.08em;font:400 19px/1.4 Cubic11,Noto Sans SC,sans-serif}.shelf-key small{color:var(--letter-quiet,var(--muted));letter-spacing:.12em;font:9px DM Mono,monospace}.shelf-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.shelf-item{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:9px;min-width:0;display:grid}.shelf-cover{aspect-ratio:1;border:2px solid var(--ink);background:var(--cover,#d9c9a8);color:#202633;place-items:center;transition:transform .16s;display:grid;position:relative;overflow:hidden}.shelf-cover:before{content:"";opacity:.75;background-image:radial-gradient(#20263342 1px,#0000 1px);background-size:5px 5px;position:absolute;inset:0}.shelf-cover:after{content:"";background:#20263338;height:5px;position:absolute;top:62%;left:-16%;right:-16%;transform:rotate(-16deg)}.shelf-cover i{z-index:1;font:400 16px/1 Cubic11,Noto Sans SC,sans-serif;position:relative}.shelf-cover img{object-fit:cover;z-index:2;width:100%;height:100%;position:absolute;inset:0}.shelf-item:hover .shelf-cover{transform:translate(-1px,-1px)}.shelf-copy{gap:3px;min-width:0;display:grid}.shelf-copy b{color:var(--ink);letter-spacing:.02em;-webkit-line-clamp:2;white-space:pre-line;-webkit-box-orient:vertical;font:400 13.5px/1.55 Cubic11,Noto Sans SC,sans-serif;display:-webkit-box;overflow:hidden}.shelf-copy small{color:var(--letter-quiet,var(--muted));-webkit-line-clamp:3;white-space:pre-line;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.75;display:-webkit-box;overflow:hidden}.shelf-copy a{color:var(--deep);border-bottom:1px dashed var(--deep);text-decoration:none}.shelf-invite{align-items:center;gap:10px;min-width:0;display:flex}.shelf-ghosts{flex:none;gap:7px;display:flex}.shelf-ghosts i{aspect-ratio:1;border:2px dashed color-mix(in srgb,var(--ink) 28%,transparent);background-color:color-mix(in srgb,var(--cover,#d9c9a8) 26%,transparent);background-image:radial-gradient(color-mix(in srgb,var(--cover,#d9c9a8) 70%,transparent) 1px,transparent 1px);width:40px;color:var(--muted);background-size:4px 4px;place-items:center;font:13px/1 DM Mono,monospace;display:grid}.shelf-invite .shelf-copy b{color:var(--muted)}.shelf-invite.is-full .shelf-copy b{color:var(--ink)}.shelf-row.tone-book{--cover:var(--tone-book)}.shelf-row.tone-film{--cover:var(--tone-film)}.shelf-row.tone-music{--cover:var(--tone-music)}.shelf-row.tone-game{--cover:var(--tone-game)}.shelf-key b:before{content:"";border:1px solid var(--ink);background:var(--cover,var(--blue));vertical-align:2px;width:6px;height:6px;margin-right:6px;display:inline-block}.neighbor-wall{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-content:start;gap:22px 20px;display:grid}.neighbor{perspective:900px;min-height:152px;animation:.5s cubic-bezier(.2,.8,.3,1) backwards plate-in;animation-delay:calc(var(--i,0) * 80ms);text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.3,1);display:block;position:relative}.neighbor:hover{transform:translateY(-3px)}.neighbor:before{content:"";z-index:2;background:var(--deep);width:5px;height:5px;box-shadow:0 0 0 1px var(--paper);margin-left:-2.5px;position:absolute;top:-10px;left:50%}.neighbor:nth-child(4n+1):before{background:var(--tone-book)}.neighbor:nth-child(4n+2):before{background:var(--tone-film)}.neighbor:nth-child(4n+3):before{background:var(--tone-music)}.neighbor:nth-child(4n+4):before{background:var(--tone-game)}.neighbor-card{transform-style:preserve-3d;transition:transform .62s cubic-bezier(.32,.72,.24,1);display:block;position:absolute;inset:0}.neighbor:hover .neighbor-card,.neighbor:focus-visible .neighbor-card{transform:rotateY(180deg)}.neighbor-face{border:2px solid var(--ink);background:var(--paper);color:var(--ink);backface-visibility:hidden;align-content:center;gap:6px;padding:16px 18px;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:4px 4px #202633}.neighbor-cover{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.neighbor-veil{z-index:1;background:color-mix(in srgb,var(--paper) 58%,transparent);pointer-events:none;position:absolute;inset:0}.neighbor-face--back .neighbor-veil{background:color-mix(in srgb,var(--paper) 74%,transparent)}.neighbor-face>b,.neighbor-face>small,.neighbor-note{z-index:2;position:relative}.neighbor-face--front{justify-items:center;transform:rotateY(0)}.neighbor-face--front b{letter-spacing:.06em;text-align:center;overflow-wrap:anywhere;font:400 19px/1.4 Cubic11,Noto Sans SC,sans-serif}.neighbor-hint{color:var(--muted);letter-spacing:.04em;font-size:11.5px}.neighbor-face--front i{z-index:2;color:var(--muted);opacity:0;font:11px/1 DM Mono,monospace;transition:opacity .2s;position:absolute;top:9px;right:11px}.neighbor:hover .neighbor-face--front i,.neighbor:focus-visible .neighbor-face--front i{opacity:1}.neighbor-face--back{background:color-mix(in srgb,var(--blue) 10%,var(--paper));align-content:center;transform:rotateY(180deg)}.neighbor-face--back b{border-bottom:2px solid var(--ink);letter-spacing:.04em;justify-self:start;padding-bottom:3px;font:400 15px/1.4 Cubic11,Noto Sans SC,sans-serif}.neighbor-face--back small{color:var(--letter-quiet,var(--muted));letter-spacing:.03em;overflow-wrap:anywhere;font:10.5px DM Mono,monospace}.neighbor-note{-webkit-line-clamp:3;color:var(--letter-quiet,var(--muted));-webkit-box-orient:vertical;font-size:13px;line-height:1.75;display:-webkit-box;overflow:hidden}.neighbor.is-empty .neighbor-face{box-shadow:none;background:0 0;border-style:dashed}.neighbor.is-empty .neighbor-face b{color:var(--muted);font-size:16px}.neighbor.is-empty .neighbor-face{gap:7px}.neighbor.is-empty .neighbor-card{transform:none!important}.neighbor.is-empty:before{background:var(--paper);box-shadow:none;border:1px dashed var(--line)}.neighbor-more{border:2px dashed var(--line);min-height:40px;color:var(--deep);letter-spacing:.1em;cursor:pointer;background:0 0;grid-column:1/-1;justify-self:start;margin-top:2px;padding:8px 12px;font:10.5px DM Mono,monospace}.neighbor-more:hover{border-color:var(--ink);color:var(--ink)}@media (hover:none){.neighbor{perspective:none;min-height:0}.neighbor-card{position:static;transform:none!important}.neighbor-face{position:static;box-shadow:4px 4px #202633;transform:none!important}.neighbor-face--back{background:var(--paper)}.neighbor-face--front{display:none}.neighbor.is-empty .neighbor-face--front{display:grid}}.qa-list{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:10px;display:grid}.qa-item{border:2px solid color-mix(in srgb,var(--line) 52%,transparent);background:color-mix(in srgb,var(--paper) 55%,transparent);align-content:start;transition:border-color .2s,background .2s,box-shadow .2s;display:grid}.qa-item.is-open{border-color:var(--ink);background:var(--paper);box-shadow:inset 0 3px 0 var(--pink)}.qa-q{width:100%;min-height:64px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 8px;padding:11px 13px 12px;font-size:14.5px;line-height:1.55;display:grid}.qa-q:focus-visible{outline:2px solid var(--pink);outline-offset:-4px}.qa-index{color:var(--muted);letter-spacing:.08em;grid-area:1/1;font:10px DM Mono,monospace}.qa-text{overflow-wrap:anywhere;grid-area:2/1/auto/-1;min-width:0}.qa-mark{color:var(--deep);grid-area:1/2;justify-self:end;font:14px/1 DM Mono,monospace;transition:transform .24s,color .18s}.qa-item.is-open .qa-mark{color:var(--ink);transform:rotate(45deg)}.qa-a{grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.2,.8,.3,1);display:grid}.qa-item.is-open .qa-a{grid-template-rows:1fr}.qa-a-inner{min-height:0;overflow:hidden}.qa-a p{color:var(--letter-quiet,var(--muted));margin:0;padding:0 13px 13px;font-size:13px;line-height:1.85}.qa-list .fold-more{grid-column:1/-1}.qa-list .fold-more-inner{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.qa-list .fold-toggle{grid-column:1/-1;margin-top:1px}.work-note{border:2px solid var(--ink);background:color-mix(in srgb,var(--pink) 24%,var(--paper));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 clamp(18px,2.4vw,24px);padding:14px 16px;display:grid;box-shadow:4px 4px #202633}.work-note p{color:var(--ink);margin:0;font-size:13.5px;line-height:1.8}.work-note a{white-space:nowrap;letter-spacing:.04em;border-bottom:2px solid var(--ink);padding-bottom:2px;font:11.5px DM Mono,monospace;text-decoration:none;color:var(--ink)!important}.work-note a:hover{border-bottom-color:var(--deep);color:var(--deep)!important}.room-footer{padding-top:4px}.room-changelog{color:var(--muted);gap:4px;margin:0 0 14px;padding:0;font:11px DM Mono,monospace;list-style:none;display:grid}.room-changelog .fold-toggle{min-height:30px;color:var(--muted);border-top:0;justify-content:flex-start;margin-top:2px;padding:2px 0;font-size:10px}.room-changelog .fold-toggle:hover{color:var(--ink)}.room-changelog p{grid-template-columns:46px 40px minmax(0,1fr);align-items:baseline;gap:10px;margin:0;display:grid}.room-changelog-more{border:0;border-bottom:1px dashed var(--deep);color:var(--deep);letter-spacing:.1em;cursor:pointer;background:0 0;justify-self:start;margin-top:2px;padding:0 0 1px;font:9.5px DM Mono,monospace}.room-changelog time{color:var(--deep)}.room-changelog b{color:var(--ink);font-weight:400}.room-changelog span{overflow-wrap:anywhere}.room-colophon{border-top:2px dashed var(--line);color:var(--muted);letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;padding-top:13px;font:10.5px DM Mono,monospace;display:flex}.room-colophon b{color:var(--deep);font-weight:400}.room-colophon i{background:var(--line);width:3px;height:3px;font-style:normal}@keyframes fold-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes room-rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes letter-open{0%,45%{transform:rotateX(0)}72%{transform:rotateX(64deg)}to{transform:rotateX(0)}}@keyframes letter-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes plate-in{0%{opacity:0;transform:translateY(-8px)rotate(-2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes seal-blink{0%,93%{opacity:1}94%,96%{opacity:0}97%,to{opacity:1}}.letterbox-cta:focus-visible,.letter-card:focus-visible,.neighbor:focus-visible,.work-note a:focus-visible,.shelf-copy a:focus-visible,.profile-tags li:focus-visible,.guestbook-page .guestbook-filter:focus-visible,.guestbook-page .guestbook-mine:focus-visible{outline:3px solid var(--pink);outline-offset:2px}@media (max-width:1040px){.qa-list,.qa-list .fold-more-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.letterbox{grid-template-columns:auto minmax(0,1fr);row-gap:14px}.letterbox-cta{grid-column:1/-1;justify-self:start}}@media (max-width:820px){.profile-board{grid-template-columns:minmax(0,1fr);gap:16px}.profile-card{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;padding:14px;display:grid}.profile-portrait{aspect-ratio:1}.profile-seal{width:46px;height:46px;bottom:-10px;right:-10px}.profile-id{border-top:0;border-left:2px dashed var(--line);margin-top:0;padding-top:0;padding-left:14px}.about-duo{grid-template-columns:minmax(0,1fr)}.qa-list,.qa-list .fold-more-inner,.room-spec{grid-template-columns:repeat(2,minmax(0,1fr))}.room-spec-cell{border-bottom:1px dashed var(--line)}.room-spec-cell:nth-child(2n){border-right:0}.room-spec-cell:nth-last-child(-n+2){border-bottom:0}.now-card{margin-top:4px;transform:none}.now-row.is-blank{display:none}}@media (max-width:700px){.page-heading.page-heading--compact{padding-top:0}.page-heading.page-heading--compact h1{font-size:clamp(2rem,10vw,2.3rem)}.page-heading.page-heading--compact .page-heading-count{display:none}.letter-grid{grid-template-columns:1fr;gap:13px}.letter-card{min-height:0;padding:17px 17px 14px}.letter-postmark{width:38px;height:38px;top:12px;right:12px}.letterbox-art{width:72px;height:62px}.letterbox-envelope{width:66px;height:46px}.letterbox-slip{display:none}.letterbox-flap{height:27px}.letterbox-envelope:after{width:8px;height:8px;margin-left:-5px;top:18px}.letterbox-postmark{width:19px;height:23px;font-size:10px;top:-2px;right:0}.letterbox{padding:15px 14px}.letterbox-tape{width:52px;left:14px}.profile-copy h2{margin-top:8px}.profile-copy p{font-size:13px}.letter-compose .community-form{padding:15px}.about-block-head h2{font-size:14px}.about-block-index{display:none}.room-spec{grid-template-columns:minmax(0,1fr)}.room-spec-cell{border-right:0;border-bottom:1px dashed var(--line)}.room-spec-cell:nth-last-child(-n+2){border-bottom:1px dashed var(--line)}.room-spec-cell:last-child{border-bottom:0}.stack-loop{--visible:3;--cell:33.3333cqw}.stack-cell{padding:11px 13px 12px}.stack-name{font-size:13.5px}.room-log:before{left:80px}.room-log-item{padding-left:90px}.room-log-item:after{left:76px}.room-log time{width:68px;font-size:10px}.shelf-row{grid-template-columns:minmax(0,1fr);gap:9px}.shelf-key{align-items:baseline;gap:7px;display:flex}.shelf-key small{font-size:8.5px}.shelf-item{grid-template-columns:minmax(0,1fr);align-content:start;gap:6px}.shelf-cover{width:100%}.work-note{grid-template-columns:minmax(0,1fr);gap:8px}.work-note a{justify-self:start}.room-changelog p{grid-template-columns:44px 1fr;row-gap:2px}.room-changelog span{grid-column:1/-1}}@media (max-width:560px){.qa-list,.qa-list .fold-more-inner{grid-template-columns:minmax(0,1fr)}}@media (max-width:420px){.letter-labels{padding-right:38px}.letter-metrics{font-size:9px}.profile-tags li{font-size:10px}}@media (prefers-reduced-motion:reduce){.letter-card,.letter-skeleton i,.profile-card,.profile-copy,.profile-seal,.seal-eyes,.neighbor,.letterbox-flap,.letter-compose{animation:none!important}.letter-card,.letter-pin,.letter-postmark,.letter-arrow,.letterbox-slip,.letterbox-postmark,.profile-tags li,.letterbox-cta,.neighbor,.neighbor-card,.now-card,.shelf-cover,.qa-mark,.qa-a,.stack-cell,.stack-dot,.stack-level,.stack-meter i,.fold-more,.fold-toggle i,.profile-bio-toggle i{transition:none}.fold-more.is-open .fold-more-inner>*{animation:none}.letter-card:hover,.letter-card:focus-visible,.neighbor:hover,.shelf-item:hover .shelf-cover,.letterbox-cta:hover,.letterbox-cta:active,.letterbox:hover .letterbox-flap,.letterbox:hover .letterbox-slip{transform:none}}.reveal-ready .about-block,.reveal-ready .room-footer{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.3,1);transform:translateY(8px)}.reveal-ready .about-block.is-in,.reveal-ready .room-footer.is-in{opacity:1;transform:none}.about-page [id]{scroll-margin-top:92px}