:root{--bg0:#eef2f5;--bg1:#f7f4ef;--bg-glow:#d5e0e8;--paper:#fffcf8b8;--ink:#2a3136;--ink-soft:#4d585f;--ink-dim:#7a858c;--line:#2a31361a;--line-strong:#2a31362e;--accent:#4a5d68;--accent-soft:#4a5d681f;--seal:#6b7c86;--danger-quiet:#8a6a62;--shadow:0 10px 40px #2a31360f;--font-display:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;--font:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;--measure:36rem;--page-pad:clamp(1rem, 4vw, 2rem);--dock-h:4.25rem;--top-h:3.25rem;--radius:1.1rem;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html,body{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{min-height:100vh;min-height:100dvh;font-family:var(--font);color:var(--ink);background-color:var(--bg0);background-image:radial-gradient(90% 60% at 10% -10%, var(--bg-glow) 0%, transparent 55%), radial-gradient(70% 50% at 100% 0%, #ebe4d8 0%, transparent 45%), linear-gradient(180deg, var(--bg0) 0%, var(--bg1) 48%, #e8ebe8 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font-weight:400}.letter,.letter *,.detail__title,.detail__body,.detail__body *,.msg-list p,.page__head p,textarea,input,.form label{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}::selection{color:var(--ink);background:#4a5d6838}::selection{color:var(--ink);background:#4a5d6838}a,button,.capsule,.shell__dock-item,.shell__nav-desktop a,.bgm,.visit-row,.admin-tabs__btn,.linkish{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}a:active,button:active,.capsule:active,.shell__dock-item:active{-webkit-tap-highlight-color:transparent}body:before{content:"";pointer-events:none;opacity:.35;z-index:0;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}#root{z-index:1;min-height:100vh;min-height:100dvh;position:relative}.boot{min-height:100vh;min-height:100dvh}a{color:var(--accent)}.gate{min-height:100vh;min-height:100dvh;padding:calc(2rem + var(--safe-t)) var(--page-pad) calc(2rem + var(--safe-b));place-items:center;display:grid}.gate__inner{text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:calc(var(--radius) + .2rem);width:min(100%,20rem);box-shadow:var(--shadow);padding:2.6rem 1.6rem 2.2rem;animation:.35s both rise}.gate__name{font-family:var(--font-display);letter-spacing:.45em;text-indent:.45em;color:var(--ink);margin:0;font-size:clamp(2.2rem,8vw,2.75rem);font-weight:400}.gate__ask{color:var(--ink-dim);letter-spacing:.04em;margin:1.85rem 0 2.1rem;padding:0 .25rem;font-size:.92rem;line-height:1.85}.gate__form{flex-direction:column;align-items:stretch;gap:1.15rem;display:flex}.gate__input{border:none;border-bottom:1px solid var(--line-strong);width:100%;color:var(--ink);font:inherit;letter-spacing:.18em;text-align:center;background:0 0;outline:none;padding:.95rem .5rem;font-size:1.02rem;transition:border-color .25s}.gate__input:focus{border-bottom-color:var(--accent)}.gate__btn{border:1px solid var(--line-strong);background:var(--accent-soft);color:var(--accent);font:inherit;letter-spacing:.35em;text-indent:.35em;cursor:pointer;border-radius:999px;margin-top:.15rem;padding:.85rem 1rem;font-size:.92rem;transition:background .25s,color .25s}.gate__btn:hover:not(:disabled){background:var(--accent);color:#f7f4ef}.gate__btn:focus-visible{background:var(--accent);color:#f7f4ef}.gate__btn:disabled{opacity:.5;cursor:wait}.gate__hint{color:var(--ink-dim);letter-spacing:.12em;margin:1.1rem 0 0;font-size:.86rem}.letter{width:min(100%, var(--measure) + 2rem);padding:calc(12vh + var(--safe-t)) var(--page-pad) 28vh;margin:0 auto}.letter__hero{flex-direction:column;justify-content:center;min-height:62vh;margin-bottom:14vh;display:flex}.letter__brand{font-family:var(--font-display);letter-spacing:.42em;text-indent:.42em;color:var(--ink);margin:0;font-size:clamp(2.4rem,10vw,3.6rem);font-weight:400}.letter__lead{color:var(--ink-dim);letter-spacing:.14em;margin:1.5rem 0 0;font-weight:300;line-height:1.8}.letter__section{margin-bottom:14vh}.letter__section--middle{margin-bottom:16vh;padding:4vh 0}.letter__heading{color:var(--seal);letter-spacing:.22em;margin:0 0 1.5rem;font-size:.92rem;font-weight:400}.letter__span{font-family:var(--font-display);letter-spacing:.16em;color:var(--ink-soft);margin:0;font-size:clamp(1.6rem,6vw,2.2rem)}.letter__p{letter-spacing:.04em;color:var(--ink-soft);margin:0 0 1.25rem;font-size:1.05rem;line-height:2.05}.letter__years{flex-direction:column;gap:.85rem;margin:0 0 2.5rem;padding:0;list-style:none;display:flex}.letter__years li{color:var(--ink-dim);letter-spacing:.32em;opacity:.7;font-size:.98rem;font-weight:300}.letter__years li:nth-child(odd){opacity:.4}.letter__closing{border-top:1px solid var(--line);margin-top:6vh;padding-top:3vh}.letter__closing p{color:var(--ink-dim);letter-spacing:.06em;margin:0 0 1.1rem;line-height:2}.letter__actions{flex-direction:column;align-items:stretch;gap:.85rem;margin-top:2.5rem;display:flex}.letter__enter{background:var(--accent);color:#f4f7f8;font:inherit;letter-spacing:.28em;text-indent:.28em;cursor:pointer;border:none;border-radius:999px;padding:.9rem 1.2rem;font-size:.95rem}.letter__leave{color:var(--ink-dim);font:inherit;letter-spacing:.22em;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.85rem}[data-reveal]{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(14px)}[data-reveal].is-visible{opacity:1;transform:none}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.shell{min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--dock-h) + var(--safe-b));flex-direction:column;display:flex}.shell__top{z-index:30;min-height:var(--top-h);padding:calc(.55rem + var(--safe-t)) var(--page-pad) .55rem;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);background:#f7f4efd1;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.shell__brand{color:var(--ink);font-family:var(--font-display);letter-spacing:.28em;text-indent:.28em;flex-shrink:0;font-size:1.35rem;text-decoration:none}.shell__nav-desktop{flex-wrap:wrap;flex:1;justify-content:center;gap:.35rem 1.1rem;display:none}.shell__nav-desktop a{color:var(--ink-dim);letter-spacing:.1em;border-bottom:1px solid #0000;padding:.25rem 0;font-size:.88rem;text-decoration:none}.shell__nav-desktop a.active,.shell__nav-desktop a:hover{color:var(--ink);border-bottom-color:var(--accent)}.shell__aside{align-items:center;gap:.65rem;margin-left:auto;display:flex}.shell__quiet{color:var(--ink-dim);opacity:.7;font-size:.82rem;text-decoration:none}.shell__leave{border:1px solid var(--line);color:var(--ink-dim);font:inherit;letter-spacing:.12em;cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .7rem;font-size:.78rem}.shell__admin-flag{padding:.35rem var(--page-pad);letter-spacing:.18em;color:var(--seal);background:var(--accent-soft);margin:0;font-size:.75rem}.shell__body{flex:1;width:100%}.shell__dock{z-index:40;min-height:var(--dock-h);padding:.35rem .35rem calc(.35rem + var(--safe-b));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);background:#fffcf8eb;grid-template-columns:repeat(5,1fr);gap:.15rem;display:grid;position:fixed;bottom:0;left:0;right:0}.shell__dock-item{min-height:3.1rem;color:var(--ink-dim);letter-spacing:.08em;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.25rem;font-size:.68rem;text-decoration:none;display:flex}.shell__dock-ico{opacity:.85;font-size:.95rem;line-height:1}.shell__dock-item.active{color:var(--accent);background:var(--accent-soft)}.shell__dock-item--main{color:var(--accent)}@media (min-width:860px){.shell{padding-bottom:0}.shell__nav-desktop{display:flex}.shell__dock{display:none}}.page{width:min(100%,54rem);padding:1.5rem var(--page-pad) 2.5rem;margin:0 auto}.page--narrow{width:min(100%, var(--measure))}.page__head{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.75rem;padding:1.35rem 1.25rem}.page__head h1{font-family:var(--font-display);letter-spacing:.2em;color:var(--ink);margin:0 0 .55rem;font-size:clamp(1.55rem,5vw,2rem);font-weight:400}.page__head p{color:var(--ink-dim);letter-spacing:.04em;margin:0;font-size:.95rem;line-height:1.85}.page__head a{color:var(--accent);text-underline-offset:.18em}.block{margin-top:2rem}.block__title{color:var(--seal);letter-spacing:.28em;margin:0 0 1rem;font-size:.82rem;font-weight:500}.muted{color:var(--ink-dim);letter-spacing:.04em;line-height:1.8}.hint{color:var(--seal);letter-spacing:.1em}.cat-list{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.cat-list li{border-bottom:1px solid var(--line);color:var(--ink-dim);justify-content:space-between;align-items:baseline;gap:1rem;padding:.95rem 1.15rem;font-size:.88rem;display:flex}.cat-list li:last-child{border-bottom:none}.cat-list a{color:var(--ink);letter-spacing:.1em;text-decoration:none}.capsule-grid{grid-template-columns:1fr;gap:.85rem;display:grid}@media (min-width:640px){.capsule-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:980px){.capsule-grid{grid-template-columns:repeat(3,1fr)}}.capsule{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:inherit;min-height:8.2rem;box-shadow:var(--shadow);padding:1.2rem 1.15rem 1.15rem;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:block}.capsule:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 14px 36px #2a313617}.capsule:focus-visible{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 14px 36px #2a313617}.capsule--sealed{background:linear-gradient(145deg, #4a5d6814, transparent 55%), var(--paper)}.capsule__meta{color:var(--seal);letter-spacing:.14em;gap:.65rem;margin-bottom:.7rem;font-size:.72rem;display:flex}.capsule__type{background:var(--accent-soft);border-radius:999px;justify-content:center;align-items:center;min-width:1.4rem;padding:.1rem .35rem;display:inline-flex}.capsule__title{letter-spacing:.05em;color:var(--ink);margin:0 0 .75rem;font-size:1.05rem;font-weight:500;line-height:1.55}.capsule__seal,.capsule__open-hint{color:var(--ink-dim);letter-spacing:.06em;margin:0;font-size:.78rem}.form{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:1.15rem;margin-top:.5rem;padding:1.25rem 1.15rem 1.4rem;display:flex}.form label{color:var(--seal);letter-spacing:.12em;flex-direction:column;gap:.45rem;font-size:.82rem;display:flex}.form input,.form textarea{border:none;border-bottom:1px solid var(--line-strong);width:100%;color:var(--ink);font:inherit;letter-spacing:.02em;background:0 0;border-radius:0;outline:none;padding:.75rem .15rem;font-size:1rem}.form textarea{resize:vertical;min-height:10rem;line-height:1.85}.form input:focus,.form textarea:focus{border-bottom-color:var(--accent)}.form input[type=file]{color:var(--ink-dim);border-bottom:none;padding:.5rem 0;font-size:.88rem}.form button[type=submit]{background:var(--accent);color:#f4f7f8;font:inherit;letter-spacing:.22em;cursor:pointer;border:none;border-radius:999px;align-self:stretch;margin-top:.35rem;padding:.85rem 1.1rem}@media (min-width:640px){.form button[type=submit]{align-self:flex-start;min-width:9rem}}.crumb{color:var(--ink-dim);letter-spacing:.08em;font-size:.85rem}.crumb a{color:var(--ink-dim)}.detail__title{font-family:var(--font-display);letter-spacing:.1em;margin:.85rem 0 .45rem;font-size:clamp(1.45rem,5vw,1.9rem);font-weight:400;line-height:1.45}.detail__meta{color:var(--ink-dim);margin:0 0 1.5rem;font-size:.85rem}.detail__body{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.15rem}.detail__body p{letter-spacing:.03em;color:var(--ink-soft);margin:0 0 1.15rem;line-height:2}.detail__body p:last-child{margin-bottom:0}.seal-box{border:1px dashed var(--line-strong);border-radius:var(--radius);text-align:center;letter-spacing:.2em;color:var(--seal);background:#fffcf88c;margin-top:.5rem;padding:2.4rem 1.25rem}.player{border-radius:var(--radius);background:#1c2226;width:100%;max-height:70vh;margin-top:.75rem}.msg-list{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:1.75rem 0 0;padding:0;list-style:none;overflow:hidden}.msg-list li{border-bottom:1px solid var(--line);padding:1.15rem}.msg-list li:last-child{border-bottom:none}.msg-list p{letter-spacing:.03em;color:var(--ink-soft);word-break:break-word;margin:0 0 .65rem;line-height:1.9}.msg-list__meta{color:var(--ink-dim);justify-content:space-between;gap:.75rem;font-size:.78rem;display:flex}.linkish{color:var(--danger-quiet);font:inherit;cursor:pointer;letter-spacing:.08em;text-underline-offset:.2em;background:0 0;border:none;padding:0;text-decoration:underline}.admin-list{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.admin-tabs{flex-wrap:wrap;gap:.35rem;margin:0 0 1.25rem;display:flex}.admin-tabs__btn{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;font:inherit;letter-spacing:.06em;background:0 0;border-radius:999px;padding:.45rem .9rem;font-size:.88rem}.admin-tabs__btn.is-active{background:var(--accent-soft);border-color:var(--line-strong);color:var(--ink)}.block__live{color:var(--ink-dim);letter-spacing:.04em;margin-left:.75rem;font-size:.78rem;font-weight:400}.live-dot{vertical-align:middle;background:#3d8f6a;border-radius:50%;width:.5rem;height:.5rem;margin-right:.4rem;display:inline-block;box-shadow:0 0 0 3px #3d8f6a2e}.live-badge{color:#3d8f6a;letter-spacing:.08em;margin-left:.55rem;font-size:.75rem;font-weight:400}.pager{justify-content:center;align-items:center;gap:.85rem;margin:1.1rem 0 .25rem;display:flex}.pager__btn{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);cursor:pointer;font:inherit;border-radius:.55rem;padding:.35rem .8rem;font-size:.85rem}.pager__btn:disabled{opacity:.4;cursor:default}.pager__info{color:var(--ink-soft);font-size:.85rem}.admin-list li{border-bottom:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.1rem;font-size:.92rem;display:flex}.admin-list li:last-child{border-bottom:none}.visit-list>li{align-items:stretch;padding:0;display:block}.visit-list>li.is-open{background:#4a5d6809}.visit-hint{margin:-.35rem 0 .85rem;font-size:.86rem}.visit-day{margin-bottom:1.25rem}.visit-day__title{letter-spacing:.12em;color:var(--seal);margin:0 0 .55rem;font-size:.92rem;font-weight:500}.visit-row{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;padding:.85rem 1.05rem}.visit-row__top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.visit-row__main{color:var(--ink);flex-wrap:wrap;align-items:center;gap:.35rem .65rem;min-width:0;display:flex}.visit-ip{letter-spacing:.02em;font-size:.98rem;font-weight:500}.visit-meta{color:var(--ink-dim);font-size:.78rem}.visit-chevron{color:var(--ink-dim);flex:none;font-size:.75rem;line-height:1}.visit-chevron.is-open{color:var(--accent)}.visit-row__sub{color:var(--ink-dim);margin-top:.28rem;font-size:.75rem;line-height:1.45;display:block}.visit-expand{border-left:2px solid var(--line-strong);background:0 0;margin:0 .9rem .85rem;padding:.55rem .7rem .65rem}.visit-expand__bar{letter-spacing:.1em;color:var(--ink-dim);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.45rem;font-size:.72rem;display:flex}.visit-expand__close{color:var(--accent);font:inherit;letter-spacing:.06em;cursor:pointer;text-underline-offset:.15em;background:0 0;border:none;padding:.15rem .2rem;font-size:.78rem;text-decoration:underline}.visit-expand__empty{margin:.2rem 0;font-size:.75rem}.visit-timeline{gap:.55rem;display:grid}.visit-timeline__sess{color:var(--ink-dim);letter-spacing:.02em;margin-bottom:.2rem;font-size:.72rem}.visit-timeline__pages{gap:.12rem;margin:0;padding:0;list-style:none;display:grid}.visit-timeline__pages li{color:var(--ink-soft);background:0 0;border:none;border-radius:0;grid-template-columns:3.4rem minmax(0,1fr) auto;align-items:baseline;gap:.45rem;padding:.12rem 0;font-size:.76rem;line-height:1.35;display:grid}.visit-timeline__pages time{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-style:normal}.visit-timeline__pages span{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);overflow:hidden}.visit-timeline__pages em{color:var(--ink-dim);white-space:nowrap;font-size:.7rem;font-style:normal}.visit-detail{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);margin-top:1.25rem;padding:1.15rem}.visit-detail h3{letter-spacing:.08em;justify-content:space-between;gap:1rem;margin:0 0 .85rem;font-size:1rem;font-weight:500;display:flex}.visit-detail h4{color:var(--seal);letter-spacing:.16em;margin:1.25rem 0 .65rem;font-size:.85rem;font-weight:500}.visit-detail__meta p{color:var(--ink-soft);word-break:break-word;margin:0 0 .35rem;font-size:.88rem;line-height:1.6}@media (max-width:859px){.page{padding-bottom:1.25rem}}.bgm{z-index:45;border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;box-sizing:border-box;background:#fffcf8f0;align-items:center;gap:.35rem;display:flex;position:fixed}.bgm:active{cursor:grabbing}.bgm--dot{border-radius:50%;justify-content:center;width:44px;height:44px;padding:0}.bgm--open{border-radius:999px;width:auto;max-width:min(78vw,18.5rem);height:44px;padding:0 .45rem 0 .35rem}.bgm--open-left{transform:translate(calc(44px - 100%))}.bgm__ctrl{width:2rem;height:2rem;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex-shrink:0;font-size:1rem;line-height:1}.bgm__ctrl--main{border-color:var(--line-strong);background:var(--accent-soft);letter-spacing:0;width:2.35rem;height:2.35rem;font-size:.7rem}.bgm__ctrl--mute{color:var(--ink-dim);font-size:.72rem}.bgm__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-dim);letter-spacing:.04em;pointer-events:none;flex:1;padding-right:.2rem;font-size:.74rem;overflow:hidden}.bgm__dot-btn{width:100%;height:100%;color:var(--accent);pointer-events:none;place-items:center;font-size:.95rem;display:grid}