:root{color-scheme:dark;--bg:#07162d;--bg-deep:#030917;--panel:rgba(8,24,48,0.78);--panel-strong:rgba(6,18,38,0.94);--line:rgba(247,216,169,0.28);--line-soft:rgba(247,216,169,0.14);--text:#f8f1e7;--muted:#b9c7dc;--gold:#f1c987;--gold-deep:#d4a35d;--coral:#e99d91;--ivory:#fff4e3}*{box-sizing:border-box}html{background:var(--bg)}body,html{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at 82% 6%,rgba(244,173,128,.22),transparent 28rem),radial-gradient(circle at 14% 24%,rgba(84,145,190,.2),transparent 26rem),linear-gradient(180deg,#07162d,#0b1c36 48%,#071221);font-family:Hiragino Mincho ProN,Yu Mincho,"Noto Serif JP",Georgia,serif}button,input{font:inherit}button{border:0;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.52;transform:none}input{width:100%;min-height:46px;border:1px solid var(--line-soft);border-radius:6px;padding:0 14px;color:var(--text);background:rgba(255,244,227,.08);outline:none}input:focus{border-color:rgba(241,201,135,.72)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(3rem,9vw,7.5rem);line-height:.95}h1,h2{font-weight:500}h2{margin-bottom:14px;font-size:clamp(1.45rem,3vw,2.2rem)}h3{margin:0 0 8px;font-size:1.15rem;font-weight:600}p{color:var(--muted);line-height:1.85}.app-shell{min-height:100vh;padding-bottom:calc(104px + env(safe-area-inset-bottom))}.app-shell.reader-active{min-height:100svh;overflow:hidden;padding-bottom:0;background:var(--bg-deep)}.app-header{justify-content:flex-start;gap:16px;padding:10px max(16px,calc((100vw - 1160px) / 2))}.app-header,.static-page-header{position:-webkit-sticky;position:sticky;top:0;z-index:12;display:flex;align-items:center;min-height:72px;border-bottom:1px solid var(--line);background:rgba(3,9,23,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.static-page-header{padding:10px max(16px,calc((100vw - 980px) / 2))}.title-header{display:block;width:min(320px,72vw);height:60px;overflow:hidden;padding:0;border:0;border-radius:0;background:transparent}.title-header img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.story-detail-shell{min-height:100vh;padding:86px 0 calc(116px + env(safe-area-inset-bottom))}.story-detail-header{position:fixed;top:0;right:0;left:0;z-index:24;border-bottom:1px solid var(--line);background:rgba(3,9,23,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.story-detail-header__inner{display:flex;align-items:center;width:min(1160px,calc(100% - 32px));min-height:70px;margin:0 auto}.story-detail-back{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid rgba(241,201,135,.42);border-radius:999px;background:rgba(255,244,227,.07);color:var(--ivory)}.back-icon{width:25px;height:25px;stroke-width:2.4}.story-detail-content{width:100%}.story-detail-cta{position:fixed;right:0;bottom:0;left:0;z-index:40;padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(3,9,23,.68),rgba(3,9,23,.96));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.story-detail-cta__inner{display:flex;justify-content:center;width:min(1080px,100%);margin:0 auto}.story-detail-cta__button{width:min(520px,100%);min-height:58px;font-size:1rem}.reduce-motion *,.reduce-motion :after,.reduce-motion :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.reduce-motion .reader__art{background-position:50%,50%!important}.font-small .dialogue p,.font-small .letter-panel p,.font-small .message-device__mail p,.font-small .reader-prose p{font-size:.95rem}.font-medium .dialogue p,.font-medium .letter-panel p,.font-medium .message-device__mail p,.font-medium .reader-prose p{font-size:1.05rem}.font-large .dialogue p,.font-large .letter-panel p,.font-large .message-device__mail p,.font-large .reader-prose p{font-size:1.22rem}.hero{position:relative;min-height:40svh;overflow:hidden;border-bottom:1px solid var(--line)}.hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:.84}.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,25,.82),rgba(4,12,25,.12) 52%,rgba(4,12,25,.5)),linear-gradient(180deg,rgba(4,12,25,.08),rgba(4,12,25,.82))}.hero__copy{position:relative;z-index:1;width:min(1160px,calc(100% - 32px));margin:0 auto;padding:58px 0 86px}.action-row,.chip-row,.hero__actions,.tag-row{display:flex;flex-wrap:wrap;gap:8px}.hero__actions{margin-top:22px}.eyebrow{margin:0 0 8px;color:var(--gold);font-size:.8rem;letter-spacing:0;text-transform:uppercase}.bottom-nav{position:fixed;right:auto;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;z-index:18;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;width:min(1160px,calc(100% - 24px));margin:0;padding:8px;border:1px solid var(--line);border-radius:8px;background:rgba(7,22,45,.88);box-shadow:0 18px 60px rgba(0,0,0,.38);transform:translateX(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button,.chip-row button,.danger,.ghost,.primary,.reaction-grid button,.secondary,.segmented button{min-height:44px;border-radius:6px;color:var(--text)}.ghost{background:transparent;color:var(--muted)}.bottom-nav button{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid transparent;background:transparent;color:#ddbf78;font-weight:700}.bottom-nav button:hover{color:#f1dca5;opacity:1}.nav-icon{width:20px;height:20px;flex:0 0 20px;fill:currentColor}.chip-row button.active,.segmented button.active{border-color:rgba(241,201,135,.34);background:rgba(241,201,135,.18);color:var(--ivory)}.bottom-nav button.active{border-color:transparent;background:transparent;color:var(--ivory);box-shadow:none}.legal-footer{width:min(980px,calc(100% - 24px));margin:42px auto 0;padding:22px 0;border-top:1px solid var(--line-soft);color:var(--muted);font-family:Hiragino Sans,Yu Gothic,Yu Gothic UI,Noto Sans JP,system-ui,sans-serif;font-size:.86rem;text-align:center}.legal-footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:8px}.legal-footer a{color:var(--gold);text-decoration:none}.legal-footer a:focus-visible,.legal-footer a:hover{color:var(--ivory)}.legal-footer p{margin:0;color:var(--muted);line-height:1.5}.danger,.ghost,.primary,.secondary{padding:0 16px}.primary{background:linear-gradient(180deg,#f5d8a8,#d9a75f);color:#15213a;font-weight:700}.secondary{border:1px solid rgba(241,201,135,.52);background:rgba(241,201,135,.08)}.danger{border:1px solid rgba(233,157,145,.7);background:rgba(233,157,145,.12)}.content-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);grid-gap:16px;gap:16px;width:min(1160px,calc(100% - 24px));margin:0 auto}.reaction-panel,.settings-panel,.stack{width:min(980px,calc(100% - 24px));margin:0 auto}.detail,.feature-panel,.panel,.reaction-panel,.search-panel,.settings-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 24px 80px rgba(0,0,0,.28);padding:22px}.feature-panel{min-height:300px;display:flex;flex-direction:column;justify-content:center}.daily-feature{grid-column:1/-1}.daily-feature__label{margin:0 0 10px;color:var(--gold);font-size:1rem;font-weight:700}.daily-cover{position:relative;min-height:282px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);box-shadow:0 24px 80px rgba(0,0,0,.3)}.daily-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}.daily-cover__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,23,.78),rgba(3,9,23,.16) 58%,rgba(3,9,23,.46)),linear-gradient(180deg,rgba(3,9,23,.08),rgba(3,9,23,.72))}.daily-cover h2{top:50%;width:min(560px,68%);margin:0;font-size:clamp(1.7rem,4.4vw,3.9rem);line-height:1.12;text-align:left;text-shadow:0 4px 24px rgba(0,0,0,.62);transform:translateY(-50%)}.daily-cover h2,.daily-cover__time{position:absolute;left:clamp(22px,5vw,58px);color:var(--ivory)}.daily-cover__time{bottom:22px;font-size:1rem;font-weight:700;text-shadow:0 3px 16px rgba(0,0,0,.72)}.daily-cover__read{position:absolute;right:clamp(18px,4vw,42px);bottom:18px;min-width:112px;min-height:46px;border:1px solid rgba(255,255,255,.72);border-radius:6px;background:rgba(255,255,255,.94);color:#111827;font-weight:800;box-shadow:0 12px 28px rgba(0,0,0,.28)}.recommend-section{grid-column:1/-1}.recommend-section__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.recommend-section__header h2{margin:0;color:var(--ivory);font-size:1.25rem;font-weight:700}.recommend-section__header button{min-height:34px;padding:0;background:transparent;color:var(--gold);font-size:.92rem;font-weight:700}.recommend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.recommend-card{display:grid;grid-gap:10px;gap:10px;min-width:0;padding:0;background:transparent;color:var(--text);text-align:left}.recommend-card__cover{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel-strong);box-shadow:0 16px 44px rgba(0,0,0,.3)}.recommend-card__cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.recommend-card__cover:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 52%,rgba(3,9,23,.74))}.recommend-card__time{position:absolute;right:8px;top:8px;z-index:1;padding:5px 8px;border:1px solid rgba(255,244,227,.36);border-radius:999px;background:rgba(3,9,23,.72);color:var(--ivory);font-size:.82rem;font-weight:700}.recommend-card__cover strong{position:absolute;left:0;right:0;bottom:0;z-index:1;display:block;min-width:0;padding:9px 10px 10px;background:rgba(0,0,0,.58);color:var(--ivory);font-size:.98rem;line-height:1.45;text-shadow:0 1px 8px rgba(0,0,0,.55)}.ranking-section{grid-column:1/-1}.ranking-section__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.ranking-section__header h2{margin:0;color:var(--ivory);font-size:1.25rem;font-weight:700}.ranking-section__header button{min-height:34px;padding:0;background:transparent;color:var(--gold);font-size:.92rem;font-weight:700}.span-2{grid-column:1/-1}.tag-row{margin:16px 0 20px}.tag-row span{padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:var(--ivory);background:rgba(255,244,227,.07);font-size:.88rem}.compact{margin-top:14px}.compact button{min-height:38px}.story-list{display:grid;grid-gap:12px;gap:12px}.story-list.wide{margin-top:16px}.story-card{display:grid;grid-template-columns:154px minmax(0,1fr);grid-gap:14px;gap:14px;padding:12px;border:1px solid var(--line-soft);border-radius:8px;background:rgba(255,244,227,.055);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.story-card:focus-visible,.story-card:hover{border-color:rgba(241,201,135,.44);background:rgba(255,244,227,.085);outline:none;transform:translateY(-1px)}.story-card img{width:100%;height:100%;min-height:136px;object-fit:cover;border-radius:6px}.story-card p{margin-bottom:8px}.story-card__eyebrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.story-card__eyebrow span:last-child{flex:0 0 auto;color:var(--gold);font-weight:700}.story-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}.story-card__tags span{padding:4px 8px;border:1px solid rgba(241,201,135,.24);border-radius:999px;background:rgba(241,201,135,.08);color:var(--ivory);font-size:.78rem;line-height:1.2}.story-card__meta{display:flex;justify-content:space-between;gap:10px;color:var(--gold);font-size:.86rem}.story-card__likes{display:inline-flex;align-items:center;gap:5px}.story-card__likes img{width:15px;height:15px}.episode-list,.ranking-list{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.bookmark-card,.episode-list button,.ranking-list button,.shelf-item,.shelf-list button{width:100%;border:1px solid var(--line-soft);border-radius:6px;color:var(--text);background:rgba(255,244,227,.06);text-align:left}.ranking-list button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;grid-gap:10px;gap:10px;min-height:52px;padding:10px 12px}.ranking-list strong{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:rgba(241,201,135,.18);color:var(--gold)}.ranking-list .ranking-item{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;min-height:112px;padding:10px 12px 10px 10px;grid-gap:14px;gap:14px;border-color:var(--line-soft);background:rgba(255,244,227,.055)}.ranking-item__cover{position:relative;display:block;width:72px;height:92px}.ranking-item__cover>img:first-child{display:block;width:100%;height:100%;border:1px solid var(--line-soft);border-radius:7px;object-fit:cover;object-position:center}.ranking-item__rank{position:absolute;left:-9px;top:-9px;width:34px;height:34px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.4))}.ranking-item__title{min-width:0;color:var(--ivory);font-size:clamp(1rem,2.4vw,1.22rem);font-weight:700;line-height:1.45}.ranking-item__likes{position:absolute;right:12px;bottom:9px;display:inline-flex;align-items:center;gap:5px;color:var(--gold);font-size:.9rem;font-weight:700}.ranking-item__likes img{width:17px;height:17px}.bookmark-grid small,.episode-list small,.ranking-list small,.shelf-list small{color:var(--gold)}.chip-row button,.reaction-grid button,.segmented button{border:1px solid var(--line-soft);background:rgba(255,244,227,.06)}.search-panel label{display:grid;grid-gap:8px;gap:8px}.search-panel label span{color:var(--gold)}.chip-row{margin-top:16px}.chip-row button{padding:0 14px}.filter-group{display:grid;grid-gap:8px;gap:8px;margin-top:18px}.filter-group>span{color:var(--gold);font-size:.9rem}.filter-group .chip-row{margin-top:0}.detail{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1fr);grid-gap:18px;gap:18px;width:min(1080px,calc(100% - 24px));margin:0 auto}.detail__cover{min-height:460px;overflow:hidden;border:1px solid var(--line-soft);border-radius:8px;background-position:50%;background-size:cover}.detail__cover div{display:flex;align-items:flex-end;justify-content:space-between;min-height:100%;padding:16px;background:linear-gradient(180deg,rgba(3,9,19,.02),rgba(3,9,19,.78))}.detail__cover span,.detail__cover strong{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(7,22,45,.72);color:var(--ivory);font-size:.86rem}.detail__summary,.episode-list{min-width:0}.static-page-shell{min-height:100vh;padding-bottom:32px;background:radial-gradient(circle at 84% 8%,rgba(241,201,135,.14),transparent 23rem),radial-gradient(circle at 8% 24%,rgba(84,145,190,.16),transparent 24rem),var(--bg)}.legal-page{width:min(980px,calc(100% - 24px));margin:0 auto;padding:clamp(34px,7vw,74px) 0 8px}.legal-page h1{margin-bottom:18px;color:var(--ivory);font-size:clamp(2rem,6vw,4.2rem);line-height:1.12}.legal-page h2{margin:0 0 10px;color:var(--ivory);font-size:clamp(1.18rem,2.4vw,1.52rem);font-weight:700}.legal-page section{padding:24px 0;border-top:1px solid var(--line-soft)}.legal-page li,.legal-page p{color:var(--muted);font-family:Hiragino Sans,Yu Gothic,Yu Gothic UI,Noto Sans JP,system-ui,sans-serif;line-height:1.9}.legal-page ul{display:grid;grid-gap:7px;gap:7px;margin:0;padding-left:1.2em}.legal-page a{color:var(--gold)}.legal-page__lead{max-width:760px;margin-bottom:28px}.legal-page__updated{margin:16px 0 0;color:var(--gold);font-size:.92rem}.back-button{padding-left:0}.episode-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px 14px}.reader{position:relative;width:100%;min-height:100svh;overflow:hidden;background:var(--bg-deep);cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none}.reader,.reader *{-webkit-tap-highlight-color:transparent}.reader__art{position:absolute;inset:0;background-position:50%,50%;background-size:cover,cover;animation:reader-background-fade .52s ease both;transition:filter .68s ease}.reader--narration .reader__art{filter:brightness(.58) saturate(.86)}.reader--letter .reader__art{filter:brightness(.72) saturate(.92)}.reader--message .reader__art{filter:brightness(.64) saturate(.9)}.reader__mode-shade{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;transition:opacity .68s ease}.reader--narration .reader__mode-shade{opacity:1;background:radial-gradient(circle at 50% 50%,rgba(5,13,26,.24),transparent 22rem),linear-gradient(180deg,rgba(3,9,23,.18),rgba(3,9,23,.62));animation:reader-shade-fade .72s ease both}.reader--letter .reader__mode-shade{opacity:1;background:radial-gradient(circle at 50% 42%,rgba(255,244,227,.12),transparent 20rem),linear-gradient(180deg,rgba(3,9,23,.08),rgba(3,9,23,.42));animation:reader-shade-fade .72s ease both}.reader--message .reader__mode-shade{opacity:1;background:radial-gradient(circle at 50% 44%,rgba(141,196,228,.14),transparent 18rem),linear-gradient(180deg,rgba(3,9,23,.14),rgba(3,9,23,.58));animation:reader-shade-fade .72s ease both}.reader__art:after{position:absolute;inset:0;content:"";opacity:0;pointer-events:none}.reader__art[data-effect=softFade]:after{opacity:1;background:radial-gradient(circle at 50% 36%,rgba(255,244,227,.1),transparent 18rem)}.reader__art[data-effect=memoryGlow]:after{opacity:1;background:radial-gradient(circle at 50% 32%,rgba(241,201,135,.22),transparent 16rem),linear-gradient(180deg,rgba(255,244,227,.06),rgba(141,196,228,.1))}@keyframes reader-background-fade{0%{opacity:.18;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes reader-shade-fade{0%{opacity:0}to{opacity:1}}@keyframes reader-popover-enter{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reader-log-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes reader-auto-pulse{0%,to{opacity:.72;transform:scale(.78)}50%{opacity:1;transform:scale(1)}}@keyframes episode-intro-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes episode-intro-overlay-leave{0%{opacity:1}to{opacity:0}}@keyframes episode-intro-card-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes episode-intro-card-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}@keyframes reader-ui-exit{0%{opacity:1;filter:blur(0);transform:translateY(0)}to{opacity:0;filter:blur(2px);transform:translateY(10px)}}@keyframes reader-ending-cue-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes reader-background-pan-x{0%{background-position:50%,25%}to{background-position:50%,75%}}@media (orientation:portrait){.reader__art{background-position:50%,25%;animation:reader-background-fade .52s ease both,reader-background-pan-x 96s linear .52s forwards;will-change:background-position}}.reader__chrome{position:relative;z-index:1;display:flex;min-height:100svh;flex-direction:column;justify-content:space-between;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom))}.reader--ending{cursor:default}.reader--ending .reader__chrome{pointer-events:none;animation:reader-ui-exit .76s ease both}.reader-ending-cue{position:absolute;right:clamp(24px,7vw,96px);bottom:clamp(54px,11svh,120px);z-index:3;color:#ffffff;font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif;font-size:clamp(1.34rem,3.2vw,3rem);font-style:italic;font-weight:600;letter-spacing:.03em;line-height:1.2;pointer-events:none;text-align:right;text-shadow:0 2px 12px rgba(0,0,0,.82),0 0 28px rgba(255,255,255,.18);animation:reader-ending-cue-enter 1.2s ease .52s both}.reader-ending-cue--final{font-size:clamp(1.7rem,4vw,3.8rem);font-style:normal;letter-spacing:.1em}.reader__stage{position:relative;display:flex;flex:1 1;width:100%;min-height:0;align-items:flex-end;justify-content:center;padding-top:24px}.reader__stage--narration{align-items:center;padding:clamp(36px,7svh,96px) 16px 7svh}.reader__stage--letter{align-items:center;padding:7svh 12px 8svh}.reader__stage--message{align-items:center;padding:3svh 12px 5svh}.reader__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:var(--ivory)}.reader__top .ghost{min-height:40px;padding:0 14px;border:1px solid var(--line-soft);border-radius:999px;background:rgba(6,18,38,.46);color:var(--ivory);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.reader__top-left{display:flex;max-width:min(46vw,360px);min-width:0;flex-direction:column;align-items:flex-start;gap:4px}.reader-back-control{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ivory)}.reader-back-control:hover{background:transparent;color:#ffffff}.reader-back-control .back-icon{width:26px;height:26px}.reader-title-label{display:grid;max-width:100%;grid-gap:2px;gap:2px;padding-left:2px;color:rgba(255,255,255,.78);font-family:Hiragino Sans,Yu Gothic,Yu Gothic UI,Noto Sans JP,system-ui,sans-serif;font-size:.72rem;font-weight:600;line-height:1.45;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.78)}.reader-title-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-title-label span:first-child{color:rgba(255,244,227,.82)}.reader__top .ghost.active,.reader__top .ghost:hover{border-color:rgba(241,201,135,.46);background:rgba(241,201,135,.16)}.reader__top-actions{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px}.reader-auto-indicator{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(241,201,135,.34);border-radius:999px;background:rgba(6,18,38,.46);color:var(--gold);cursor:default}.reader-auto-indicator:after{position:absolute;right:7px;bottom:7px;width:6px;height:6px;border-radius:999px;background:#f1c987;box-shadow:0 0 10px rgba(241,201,135,.72);content:"";animation:reader-auto-pulse 1.4s ease-in-out infinite}.reader-auto-indicator .auto-play-icon{width:24px;height:24px}.reader-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:5;display:grid;width:176px;grid-gap:6px;gap:6px;padding:8px;border:1px solid var(--line);border-radius:8px;background:rgba(6,18,38,.9);box-shadow:0 18px 48px rgba(0,0,0,.36);animation:reader-popover-enter .18s ease-out both;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:top right}.reader-menu button{min-height:40px;border:1px solid transparent;border-radius:6px;background:rgba(255,244,227,.08);color:var(--ivory)}.reader-menu button:hover{border-color:rgba(241,201,135,.34);background:rgba(241,201,135,.16)}.reader-log{position:absolute;top:76px;right:18px;z-index:4;width:min(560px,calc(100% - 36px));min-height:min(48svh,380px);max-height:min(68svh,560px);overflow:auto;padding:14px;border:1px solid rgba(247,216,169,.18);border-radius:8px;background:rgba(6,18,38,.56);box-shadow:0 18px 48px rgba(0,0,0,.3);animation:reader-log-enter .22s ease-out both;-webkit-backdrop-filter:none;backdrop-filter:none}.reader-log__close{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:grid;width:34px;height:34px;margin:-6px -6px 8px auto;padding:0;place-items:center;border:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:rgba(255,255,255,.82)}.reader-log__close:hover{background:transparent;color:#ffffff}.reader-log__close .close-icon{width:22px;height:22px;stroke-width:2.2}.reader-log p{margin-bottom:10px}.reader-log__item{padding-left:10px;border-left:2px solid transparent}.reader-log__item--memory{border-left-color:rgba(141,196,228,.72)}.reader-log__item--dialogue{border-left-color:rgba(241,201,135,.72)}.reader-log__item--narration{border-left-color:rgba(255,244,227,.28)}.reader-log strong{display:inline-block;min-width:72px;color:var(--gold)}.reader-prose{position:relative;display:grid;width:min(820px,calc(100vw - 44px));min-height:clamp(210px,29svh,300px);max-height:min(54svh,440px);place-items:start center;padding:28px 54px 50px;color:var(--ivory);animation:reader-prose-fade .82s ease both}.reader-prose--short{min-height:clamp(190px,25svh,260px);padding-top:24px;padding-bottom:44px}.reader-prose--medium{min-height:clamp(220px,30svh,310px)}.reader-prose--long{min-height:clamp(260px,38svh,420px)}.reader-prose p{width:100%;max-width:720px;max-height:none;overflow:visible;margin:0;color:rgba(255,255,255,.96);font-size:1.28rem;font-weight:600;line-height:2.05;text-align:left;text-shadow:0 2px 14px rgba(0,0,0,.62),0 0 30px rgba(255,244,227,.22);white-space:pre-wrap}.reader-prose:after,.reader-prose:before{position:absolute;left:50%;width:min(220px,42vw);height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(255,244,227,.72),transparent);transform:translateX(-50%)}.reader-prose:before{top:0}.reader-prose:after{bottom:22px}.letter-panel{position:relative;width:min(760px,calc(100vw - 40px));min-height:min(58svh,520px);max-height:min(72svh,620px);overflow:hidden;padding:42px 46px 58px;border:1px solid rgba(121,80,42,.26);border-radius:8px 8px 12px 12px;background:linear-gradient(90deg,rgba(121,80,42,.05) 1px,transparent 0) 32px 0 /24px 100%,repeating-linear-gradient(180deg,transparent,transparent 31px,rgba(121,80,42,.08) 32px),radial-gradient(circle at 20% 8%,rgba(255,255,255,.78),transparent 10rem),linear-gradient(180deg,rgba(255,250,238,.96),rgba(237,221,196,.92));color:#3a2d22;box-shadow:0 28px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.82);animation:letter-panel-rise .76s cubic-bezier(.18,.78,.24,1) both}.letter-panel:before{position:absolute;inset:14px;content:"";border:1px solid rgba(121,80,42,.13);border-radius:6px;pointer-events:none}.letter-panel__speaker{position:relative;display:block;margin-bottom:18px;color:#8b6534;font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif;font-size:.98rem;letter-spacing:.08em}.speaker-name-ruby{ruby-align:center}.speaker-name-ruby rt{color:currentColor;font-size:.58em;font-weight:600;letter-spacing:0;line-height:1;opacity:.78}.letter-panel p{position:relative;margin:0;color:#3a2d22;font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif;font-size:1.15rem;line-height:2.02;white-space:pre-wrap}.message-device{position:relative;width:min(330px,calc(100vw - 58px));color:#142033;animation:message-device-rise .72s cubic-bezier(.18,.78,.24,1) both}.message-device__frame{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:10px;gap:10px;height:min(82svh,720px);max-height:calc(100svh - 118px);padding:14px 12px 16px;border:1px solid rgba(255,255,255,.18);border-radius:46px;background:linear-gradient(145deg,rgba(50,62,80,.98),rgba(9,15,28,.98) 54%,rgba(42,50,64,.98)),#111827;box-shadow:0 34px 96px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.2)}.message-device__speaker-slot{justify-self:center;width:66px;height:5px;border-radius:999px;background:rgba(255,255,255,.18)}.message-device__screen{position:relative;display:flex;min-height:0;overflow:hidden;flex-direction:column;border:1px solid rgba(14,23,42,.16);border-radius:34px;background:radial-gradient(circle at 22% 0,rgba(217,230,255,.72),transparent 9rem),linear-gradient(180deg,#f8fafc,#edf2f7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.78)}.message-device__status{display:flex;align-items:center;justify-content:space-between;min-height:28px;padding:0 16px;color:#334155;font-size:.78rem;font-weight:700}.message-device__appbar,.message-device__status{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Yu Gothic UI,sans-serif}.message-device__appbar{display:grid;grid-gap:2px;gap:2px;padding:12px 16px 13px;border-bottom:1px solid rgba(148,163,184,.24);background:rgba(255,255,255,.68);color:#16213a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.message-device__appbar span{color:#64748b;font-size:.78rem;font-weight:700}.message-device__appbar strong{min-width:0;font-size:1rem}.message-device__mail{flex:1 1;min-height:0;margin:12px;overflow:hidden;padding:14px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 12px 26px rgba(15,23,42,.1)}.message-device__mail-meta{display:grid;grid-gap:2px;gap:2px;padding-bottom:11px;border-bottom:1px solid rgba(148,163,184,.22);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Yu Gothic UI,sans-serif}.message-device__mail-meta span{color:#64748b;font-size:.74rem;font-weight:700}.message-device__mail-meta strong{color:#17233e;font-size:.94rem}.message-device__mail p{margin:14px 0 0;color:#17233e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Yu Gothic UI,sans-serif;line-height:1.78;white-space:pre-wrap}.message-device__home-indicator{justify-self:center;width:86px;height:5px;margin:1px 0 0;border-radius:999px;background:rgba(255,255,255,.34)}.message-device .reader-next{right:20px;bottom:20px;color:rgba(20,32,51,.72)}.message-device .reader-next:hover{color:#142033}.message-device--feature-phone{width:min(310px,calc(100vw - 70px))}.message-device--feature-phone .message-device__frame{grid-template-rows:auto minmax(0,1fr);gap:8px;height:min(78svh,680px);max-height:calc(100svh - 126px);padding:13px 14px 16px;border-color:rgba(255,255,255,.18);border-radius:32px;background:linear-gradient(145deg,rgba(229,235,242,.96),rgba(102,118,136,.94) 54%,rgba(238,242,247,.92)),#c9d2dd}.message-device--feature-phone .message-device__frame:after{justify-self:center;width:58%;height:7px;border-radius:999px;background:rgba(24,39,60,.18);content:""}.message-device--feature-phone .message-device__speaker-slot{width:44px;height:4px;background:rgba(24,39,60,.42)}.message-device--feature-phone .message-device__screen{min-height:0;border:7px solid #172033;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.34),transparent 34%),#dcead1;box-shadow:inset 0 0 0 2px rgba(84,112,74,.24),0 8px 18px rgba(15,23,42,.18)}.message-device--feature-phone .message-device__status{min-height:25px;padding:0 10px;color:#253424;background:rgba(65,91,53,.12);font-family:MS Gothic,Osaka-Mono,Yu Gothic UI,monospace;font-size:.72rem}.message-device--feature-phone .message-device__appbar{padding:8px 10px 9px;border-bottom:1px solid rgba(30,52,31,.28);background:linear-gradient(180deg,#5e755f,#314a39);color:#f3ffe9;font-family:MS Gothic,Osaka-Mono,Yu Gothic UI,monospace;-webkit-backdrop-filter:none;backdrop-filter:none}.message-device--feature-phone .message-device__appbar span{color:rgba(243,255,233,.78)}.message-device--feature-phone .message-device__mail{margin:9px;padding:10px;border-color:rgba(52,84,48,.28);border-radius:7px;background:rgba(244,250,230,.88);box-shadow:none}.message-device--feature-phone .message-device__mail-meta{padding-bottom:8px;border-bottom-color:rgba(52,84,48,.26);font-family:MS Gothic,Osaka-Mono,Yu Gothic UI,monospace}.message-device--feature-phone .message-device__mail p,.message-device--feature-phone .message-device__mail-meta span,.message-device--feature-phone .message-device__mail-meta strong{color:#20331e;font-family:MS Gothic,Osaka-Mono,Yu Gothic UI,monospace}.message-device--feature-phone .message-device__mail p{margin-top:10px;line-height:1.68}.message-device__keypad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:2px 4px 0}.message-device--feature-phone .message-device__keypad{display:none}.message-device__keypad span{display:grid;min-height:34px;place-items:center;border:1px solid rgba(42,55,76,.18);border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(176,188,202,.9));color:#1e2b40;font-family:Yu Gothic UI,sans-serif;font-size:.8rem;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 3px 7px rgba(15,23,42,.2)}.message-device--feature-phone .reader-next{color:rgba(30,43,64,.74)}.message-device--feature-phone .reader-next:hover{color:#1e2b40}.reader__stage--dialogue{align-items:flex-end;padding-top:0;margin-bottom:-18px}.dialogue{position:relative;width:100vw;max-width:100vw;min-height:clamp(154px,24svh,236px);max-height:min(42svh,320px);margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);padding:22px clamp(18px,5vw,56px) calc(18px + env(safe-area-inset-bottom));border:0;border-radius:0;background:rgba(0,0,0,.46);color:#ffffff;font-family:Hiragino Sans,Yu Gothic,Yu Gothic UI,Noto Sans JP,system-ui,sans-serif;box-shadow:none;cursor:pointer}.dialogue:after,.dialogue:before{position:absolute;display:none;content:"";pointer-events:none}.dialogue:before{inset:7px;z-index:0;border:1px solid rgba(255,244,227,.28);border-radius:6px;box-shadow:inset 0 0 16px rgba(255,244,227,.08),inset 0 -1px 0 rgba(20,32,51,.1)}.dialogue:after{top:10px;right:20px;left:20px;z-index:0;height:1px;background:linear-gradient(90deg,transparent,rgba(241,201,135,.74),rgba(255,244,227,.48),transparent)}.dialogue p{position:relative;z-index:1;min-height:6.4em;max-height:8.4em;overflow:hidden;margin-bottom:0;color:#ffffff;font-family:Hiragino Sans,Yu Gothic,Yu Gothic UI,Noto Sans JP,system-ui,sans-serif;font-weight:500;line-height:1.75;text-shadow:0 1px 2px rgba(0,0,0,.66);white-space:pre-wrap}.dialogue--dialogue,.dialogue--memory,.dialogue--narration,.dialogue__speaker{background:rgba(0,0,0,.46)}.dialogue__speaker{position:absolute;top:-52px;left:clamp(18px,5vw,56px);z-index:2;display:inline-flex;align-items:center;min-height:42px;padding:4px 14px 5px;border:0;border-radius:2px;color:#ffffff;font-family:Hiragino Sans,Yu Gothic,Yu Gothic UI,Noto Sans JP,system-ui,sans-serif;font-size:.86rem;font-weight:700;line-height:1.16;box-shadow:none;text-shadow:0 1px 2px rgba(0,0,0,.7)}.dialogue__speaker .speaker-name-ruby rt{color:rgba(255,255,255,.82)}.dialogue__speaker:before{display:none;width:8px;height:8px;margin-right:9px;border-radius:2px;background:linear-gradient(135deg,#fff4e3,var(--gold-deep));box-shadow:0 0 12px rgba(241,201,135,.38);content:"";transform:rotate(45deg)}.dialogue__speaker:after{position:absolute;display:none;right:16px;bottom:5px;left:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(241,201,135,.56),transparent);content:""}.reader-next{position:absolute;right:13px;bottom:10px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:999px;background:transparent;color:rgba(21,33,58,.78)}.dialogue .reader-next{z-index:2;right:clamp(16px,5vw,52px);bottom:calc(16px + env(safe-area-inset-bottom));width:24px;height:24px;padding:0;border:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:rgba(255,255,255,.92);box-shadow:none}.reader-prose .reader-next{color:rgba(255,244,227,.84)}.letter-panel .reader-next{right:20px;bottom:16px;color:rgba(106,72,33,.72)}.reader-next:hover{color:#15213a}.dialogue .reader-next:hover{background:transparent;color:#ffffff}.reader-prose .reader-next:hover{color:var(--ivory)}.letter-panel .reader-next:hover{color:#6a4821}.reader-toast{position:absolute;right:50%;bottom:calc(222px + env(safe-area-inset-bottom));z-index:4;padding:8px 14px;border:1px solid rgba(241,201,135,.34);border-radius:999px;background:rgba(6,18,38,.78);color:var(--ivory);font-size:.88rem;box-shadow:0 12px 32px rgba(0,0,0,.28);transform:translateX(50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.down-triangle-icon{width:22px;height:22px;fill:currentColor;animation:dialogue-next-bounce 1.8s ease-in-out infinite}@keyframes dialogue-next-bounce{0%,to{transform:translateY(-2px);opacity:.7}50%{transform:translateY(4px);opacity:1}}@keyframes reader-prose-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes letter-panel-rise{0%{opacity:0;transform:translateY(80px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes message-device-rise{0%{opacity:0;transform:translateY(72px) scale(.982)}to{opacity:1;transform:translateY(0) scale(1)}}.shelf-list{display:grid;grid-gap:10px;gap:10px}.shelf-list button{display:grid;grid-gap:6px;gap:6px;min-height:58px;padding:12px 14px}.shelf-item{display:grid;grid-gap:12px;gap:12px;padding:12px 14px}.shelf-item__body{display:grid;grid-gap:6px;gap:6px}.bookmark-card__actions,.shelf-item__actions{display:flex;flex-wrap:wrap;gap:8px}.bookmark-card__actions button,.shelf-item__actions button{min-height:38px}.bookmark-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.bookmark-card{display:grid;grid-gap:8px;gap:8px;padding:14px}.bookmark-grid span{color:var(--muted);line-height:1.7}.empty-state{padding:18px;border:1px solid var(--line-soft);border-radius:8px;background:rgba(255,244,227,.055)}.settings-panel{display:grid;grid-gap:16px;gap:16px}.setting-row,.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}.segmented{display:grid;grid-template-columns:repeat(3,54px);grid-gap:6px;gap:6px}.toggle-row input{width:22px;min-height:22px}.reaction-panel{text-align:center}.reaction-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin:22px 0}.reaction-actions{justify-content:center}.ad-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:rgba(3,9,19,.76);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ad-card{width:min(460px,100%)}.ad-card,.confirm-card{padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);box-shadow:0 24px 80px rgba(0,0,0,.48)}.confirm-card{width:min(500px,100%)}.episode-intro-overlay{position:fixed;inset:0;z-index:18;display:flex;align-items:center;justify-content:center;color:#ffffff;pointer-events:none;animation:episode-intro-overlay-enter .42s ease-out both}.episode-intro-overlay--leaving{animation:episode-intro-overlay-leave .7s ease-in both}.episode-intro-card{width:100vw;max-width:none;margin:0;padding:clamp(28px,5vw,54px) clamp(22px,8vw,120px);border:0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);border-radius:0;background:rgba(0,0,0,.56);box-shadow:0 24px 70px rgba(0,0,0,.34);text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.72);animation:episode-intro-card-enter .62s cubic-bezier(.18,.78,.24,1) both}.episode-intro-overlay--leaving .episode-intro-card{animation:episode-intro-card-leave .7s ease-in both}.episode-intro-card__series{margin-bottom:12px;color:rgba(255,244,227,.76);font-family:Hiragino Sans,Yu Gothic,Yu Gothic UI,Noto Sans JP,system-ui,sans-serif;font-size:clamp(.72rem,1.1vw,.86rem);font-weight:700;letter-spacing:.14em}.episode-intro-card h2{margin:0;color:#ffffff;font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif;font-size:clamp(1.42rem,4.6vw,3.2rem);font-weight:700;letter-spacing:.06em;line-height:1.34}.episode-intro-card__divider{width:min(180px,44vw);height:1px;margin:18px auto 16px;background:linear-gradient(90deg,transparent,rgba(241,201,135,.82),transparent)}.episode-intro-card__place,.episode-intro-card__time{margin:0;color:rgba(255,255,255,.88);font-size:clamp(.9rem,1.8vw,1.08rem);line-height:1.7}.episode-intro-card__time{color:rgba(255,244,227,.72)}.confirm-card p:last-of-type{margin-bottom:0}.confirm-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.confirm-card__actions button{min-height:42px}.onboarding-card{width:min(760px,100%);padding:24px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(6,18,38,.86),rgba(6,18,38,.96)),url(/images/stories/seaside-twilight.png) 50% /cover;box-shadow:0 24px 80px rgba(0,0,0,.48)}.onboarding-card>h2,.onboarding-card>p{max-width:560px}.onboarding-card button{margin-top:18px}.onboarding-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:18px}.onboarding-grid section{min-height:154px;padding:16px;border:1px solid var(--line-soft);border-radius:8px;background:rgba(255,244,227,.08)}.onboarding-grid strong{display:block;margin-bottom:8px;color:var(--gold)}.onboarding-grid p{margin-bottom:0}.ad-card button{width:100%;margin-top:10px}.mock-full-ad,.mock-video-ad{display:grid;align-content:center;grid-gap:7px;gap:7px;place-items:center;min-height:232px;margin:16px 0;border:1px solid rgba(241,201,135,.38);border-radius:8px;background:linear-gradient(135deg,rgba(255,244,227,.24),transparent 44%),radial-gradient(circle at 50% 40%,rgba(241,201,135,.26),transparent 9rem),rgba(255,244,227,.075);color:var(--ivory);text-align:center}.mock-video-ad{aspect-ratio:16/9;height:auto;min-height:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.3)),radial-gradient(circle at 50% 50%,rgba(233,157,145,.24),transparent 10rem),rgba(255,244,227,.075)}.mock-ad__brand{padding:5px 10px;border:1px solid rgba(255,244,227,.3);border-radius:999px;color:var(--gold);font-size:.78rem;font-weight:800}.mock-full-ad strong,.mock-video-ad strong{color:var(--ivory);font-size:clamp(1.35rem,5vw,2.1rem);line-height:1.2}.mock-full-ad small,.mock-video-ad small{color:var(--muted);font-size:.9rem}.mock-ad-progress{height:8px;overflow:hidden;border-radius:999px;background:rgba(255,244,227,.1)}.mock-ad-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold-deep),var(--gold));transition:width .26s ease}.ad-card__timer{margin:0 0 10px;color:var(--gold);font-size:.92rem;font-weight:700;text-align:center}@media (min-width:821px){.story-detail-shell{padding-bottom:calc(132px + env(safe-area-inset-bottom))}.story-detail-cta{padding:18px 24px calc(18px + env(safe-area-inset-bottom))}.story-detail-cta__button{width:min(560px,42vw);min-height:64px}.reader__chrome{min-height:100svh;padding:max(24px,env(safe-area-inset-top)) clamp(24px,4vw,56px) max(28px,env(safe-area-inset-bottom))}.reader__stage{padding-top:clamp(24px,4svh,48px)}.reader__stage--narration{padding:clamp(44px,7svh,104px) clamp(32px,7vw,96px) 7svh}.reader__stage--letter{padding:6svh clamp(32px,7vw,96px) 8svh}.reader__stage--message{padding:2svh clamp(32px,7vw,96px) 5svh}.reader-log{top:84px;right:clamp(24px,4vw,56px);width:min(620px,calc(100% - 112px));min-height:min(50svh,440px);max-height:min(70svh,620px)}.reader-prose{width:min(920px,calc(100vw - 180px));padding:42px 70px 58px}.reader-prose--short{min-height:clamp(210px,24svh,280px)}.reader-prose--medium{min-height:clamp(240px,30svh,330px)}.reader-prose--long{min-height:clamp(280px,38svh,430px)}.reader-prose p{max-width:780px;font-size:1.32rem}.letter-panel{width:min(820px,calc(100vw - 180px));min-height:min(62svh,560px);padding:48px 58px 64px}.message-device{width:min(360px,calc(100vw - 180px))}.message-device--feature-phone{width:min(340px,calc(100vw - 180px))}.reader__stage--dialogue{margin-bottom:-28px}.dialogue{width:min(1040px,calc(100vw - clamp(96px, 14vw, 240px)));max-width:calc(100vw - 96px);margin-right:auto;margin-left:auto;min-height:clamp(174px,24svh,250px);max-height:min(40svh,330px);padding:24px clamp(24px,4vw,56px) calc(22px + env(safe-area-inset-bottom))}.dialogue p{min-height:5.2em;max-height:8em;line-height:1.78}.dialogue__speaker{top:-54px;left:clamp(24px,4vw,56px)}.reader-next{width:34px;height:34px}.dialogue .reader-next{right:clamp(24px,4vw,56px);bottom:calc(20px + env(safe-area-inset-bottom))}}@media (max-width:820px){.hero{min-height:34svh}.app-header,.static-page-header{min-height:64px;padding:8px}.title-header{width:min(252px,64vw);height:52px}.story-detail-shell{padding-top:76px}.story-detail-header__inner{width:calc(100% - 16px);min-height:62px}.story-detail-back{width:42px;height:42px}.hero__copy{padding:42px 0 76px}.bottom-nav,.content-grid,.detail,.reaction-panel,.settings-panel,.stack{width:min(100% - 16px,1160px)}.bottom-nav{bottom:calc(8px + env(safe-area-inset-bottom));gap:4px}.bottom-nav button{min-height:58px;flex-direction:column;gap:3px;padding:7px 4px;font-size:.86rem}.nav-icon{width:21px;height:21px}.bookmark-grid,.content-grid,.detail{grid-template-columns:1fr}.daily-cover{min-height:218px}.daily-cover h2{top:46%;width:min(360px,74%)}.daily-cover__time{bottom:18px}.daily-cover__read{min-width:86px;min-height:42px;right:14px;bottom:14px}.recommend-grid{gap:10px}.recommend-card__cover{border-radius:7px}.recommend-card__time{right:6px;top:6px;padding:4px 7px;font-size:.74rem}.recommend-card__cover strong{padding:8px 8px 9px;font-size:.84rem}.detail__cover{min-height:330px}.story-card{grid-template-columns:112px minmax(0,1fr)}.story-card img{min-height:126px}.ranking-list button{grid-template-columns:36px 1fr}.ranking-list small{grid-column:2}.ranking-list .ranking-item{grid-template-columns:72px minmax(0,1fr);min-height:102px;padding:9px 10px 9px 9px;gap:11px}.ranking-item__cover{width:64px;height:82px}.ranking-item__rank{width:31px;height:31px}.reaction-grid{grid-template-columns:repeat(2,1fr)}.reader,.reader__chrome{min-height:100svh}.reader__chrome{padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom))}.reader__top{align-items:flex-start}.reader__top-left{max-width:calc(100vw - 156px);gap:2px}.reader-title-label{font-size:.66rem;line-height:1.38}.reader__top-actions{gap:6px}.reader__top .ghost{min-height:38px;padding:0 12px}.reader-auto-indicator{width:38px;height:38px}.reader-auto-indicator .auto-play-icon{width:22px;height:22px}.reader-back-control{width:38px;height:38px}.reader-back-control .back-icon{width:24px;height:24px}.reader-log{top:66px;right:12px;width:calc(100% - 24px);min-height:min(58svh,520px);max-height:calc(100svh - 116px)}.reader__stage{padding-top:18px}.reader__stage--dialogue{padding-top:0;margin-bottom:-14px}.reader__stage--narration{padding:clamp(28px,6svh,72px) 6px 7svh}.reader__stage--letter{padding:6svh 4px 8svh}.reader__stage--message{padding:2svh 2px 4svh}.reader-prose{width:calc(100vw - 24px);max-height:min(54svh,360px);padding:22px 22px 42px}.reader-prose--short{min-height:clamp(196px,28svh,240px)}.reader-prose--medium{min-height:clamp(220px,32svh,270px)}.reader-prose--long{min-height:clamp(248px,40svh,330px)}.reader-prose p{line-height:1.84}.letter-panel{width:calc(100vw - 28px);min-height:min(54svh,470px);max-height:min(72svh,600px);padding:34px 26px 54px}.letter-panel__speaker{margin-bottom:14px}.letter-panel p{line-height:1.86}.message-device{width:min(318px,calc(100vw - 46px))}.message-device__frame{height:min(82svh,680px);max-height:calc(100svh - 100px);padding:13px 11px 15px}.message-device__screen{min-height:0}.message-device__mail{margin:10px;padding:12px}.message-device__mail p{line-height:1.72}.message-device--feature-phone .message-device__frame{height:min(78svh,620px);max-height:calc(100svh - 108px);padding:12px 13px 14px}.message-device--feature-phone .message-device__screen{min-height:0}.dialogue{width:100vw;max-width:100vw;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);min-height:clamp(158px,25svh,234px);max-height:min(42svh,270px);padding:20px 18px calc(18px + env(safe-area-inset-bottom));border-radius:0}.dialogue:before{inset:6px}.dialogue:after{right:16px;left:16px}.dialogue__speaker{top:-50px;left:18px;min-height:40px;padding:3px 12px 4px;font-size:.82rem}.dialogue p{min-height:6.2em;max-height:8.4em;line-height:1.72}.reader-next{width:30px;height:30px}.episode-list button,.setting-row,.toggle-row{align-items:flex-start;flex-direction:column}.onboarding-grid{grid-template-columns:1fr}}