:root{--bg: #071018;--bg-elev: #101820;--bg-elev-2: #17232b;--border: #293843;--text: #eee4d2;--text-dim: #b3aa98;--text-faint: #777265;--accent: #d0a13a;--accent-dim: #8f6825;--font-serif: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;--font-sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif;--reading-width: 40rem;--radius: 12px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(120% 80% at 50% 0%,#10212a 0%,var(--bg) 60%);color:var(--text);font-family:var(--font-sans);line-height:1.85;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh}#root{min-height:100dvh}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.screen{width:100%;max-width:var(--reading-width);margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem) clamp(1.1rem,5vw,2rem) calc(2.5rem + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column}.screen__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.screen__heading{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;letter-spacing:.04em;margin:0}.primary-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent-dim);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dim) 100%);color:#fbf3ee;font-size:1.05rem;font-weight:600;letter-spacing:.05em;padding:.95rem 1.6rem;border-radius:var(--radius);transition:transform .12s ease,filter .12s ease;min-height:52px;text-decoration:none}.primary-button:active{transform:translateY(1px)}.primary-button:focus:not(:focus-visible){outline:none}.primary-button--block{width:100%}.ghost-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:.95rem;letter-spacing:.04em;padding:.8rem 1.3rem;border-radius:var(--radius);transition:color .12s ease,border-color .12s ease;min-height:48px}.ghost-button--small{padding:.5rem .85rem;min-height:40px;font-size:.85rem}.ghost-button:focus:not(:focus-visible){outline:none}.ghost-button:disabled{cursor:wait;color:var(--text-faint);filter:grayscale(.25) brightness(.82)}.title-screen{justify-content:center}.title-screen__inner{text-align:center;padding:2rem 0}.title-screen__key-visual{display:block;width:min(100%,32rem);aspect-ratio:1672 / 941;object-fit:cover;border-radius:8px;margin:0 auto clamp(1.1rem,3vh,1.6rem);box-shadow:0 18px 50px #00000057,0 0 48px #d0a13a2e}.title-screen__eyebrow{font-size:.8rem;letter-spacing:.4em;color:var(--text-faint);margin:0 0 1.2rem;text-transform:uppercase}.title-screen__title{font-family:var(--font-serif);font-size:clamp(1.9rem,8vw,2.8rem);font-weight:600;letter-spacing:.08em;line-height:1.5;margin:0 0 .45rem;text-shadow:0 0 24px rgba(208,161,58,.16)}.title-screen__subtitle{color:var(--text-faint);font-size:.78rem;letter-spacing:.12em;line-height:1.6;margin:0 0 1.45rem}.title-screen__lead{font-family:var(--font-serif);color:var(--text-dim);font-size:1.02rem;line-height:2;margin:0 0 2.5rem}.title-screen__actions{display:flex;flex-direction:column;gap:.9rem;align-items:stretch;max-width:18rem;margin:1.6rem auto 0}.latest-stories{margin:2.3rem auto 0;width:min(100%,32rem);text-align:left}.latest-stories+.latest-stories{margin-top:1.45rem}.latest-stories__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.latest-stories__heading{font-family:var(--font-serif);font-size:1.05rem;letter-spacing:.06em;margin:0}.latest-stories__list{list-style:none;display:flex;gap:.85rem;margin:0;padding:0 .1rem .85rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;border-bottom:1px solid rgba(208,161,58,.24)}.latest-story-card{flex:0 0 8.5rem;display:flex;flex-direction:column;gap:.65rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:.65rem;scroll-snap-align:start;box-shadow:0 14px 28px #0000003d}.latest-story-card__cover-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;border:0;background:transparent;padding:0;border-radius:8px}.latest-story-card__cover-button:focus:not(:focus-visible){outline:none}.latest-story-card__cover-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.latest-story-card__cover{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;border:1px solid rgba(208,161,58,.2);border-radius:8px;background:#130f12}.latest-story-card__body{display:flex;flex:1;flex-direction:column;min-width:0}.latest-story-card__genre{color:var(--accent);font-size:.75rem;letter-spacing:.04em;line-height:1.4;margin:0 0 .2rem}.latest-story-card__title{font-family:var(--font-serif);font-size:.92rem;letter-spacing:.04em;line-height:1.5;margin:0}.howto{margin:2.5rem auto 0;max-width:22rem;text-align:left;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem 1.5rem}.howto__heading{font-family:var(--font-serif);font-size:1.05rem;margin:0 0 .9rem;letter-spacing:.06em}.howto__list{margin:0;padding-left:1.2rem;color:var(--text-dim);font-size:.92rem;line-height:1.9}.howto__list li{margin-bottom:.4rem}.howto__note{margin:1rem 0 0;font-size:.85rem;color:var(--text-faint)}.site-footer{margin:2.5rem auto 0;padding-top:1.2rem;border-top:1px solid var(--border);color:var(--text-faint);font-size:.78rem;text-align:center}.site-footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem 1rem}.site-footer__link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font:inherit;line-height:1.5;padding:0;text-decoration:none}.site-footer__link:hover{color:var(--text)}.site-footer__copyright{margin:.8rem 0 0}.story-filters{display:flex;flex-direction:column;gap:.95rem;margin-bottom:1.4rem}.story-filter__label{display:block;color:var(--text-faint);font-size:.78rem;letter-spacing:.08em;margin-bottom:.35rem}.story-filter-row{display:grid;grid-template-columns:1fr;gap:.95rem}.story-completion-filter{min-width:0;margin:0;padding:0;border:0}.story-completion-filter__options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-elev)}.story-completion-filter__option{min-width:0}.story-completion-filter__option input{position:absolute;opacity:0;pointer-events:none}.story-completion-filter__option span{display:grid;place-items:center;min-height:46px;padding:.55rem .35rem;color:var(--text-dim);font-size:.88rem;line-height:1.3;text-align:center;border-left:1px solid var(--border)}.story-completion-filter__option:first-child span{border-left:0}.story-completion-filter__option input:checked+span{background:#d0a13a29;color:var(--text)}.story-filter-summary,.story-empty,.story-load-error{color:var(--text-faint);font-size:.86rem;margin:0}.story-empty{text-align:center;padding:3rem 0}.story-load-error{color:#d89292;margin-bottom:1rem}.story-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.2rem}.story-list-more{display:grid;justify-items:center;gap:.75rem;margin-top:1.6rem}.story-list-more__count{color:var(--text-faint);font-size:.86rem;margin:0}.story-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem 1.4rem 1.5rem}.story-card--with-cover{display:grid;grid-template-columns:minmax(7.5rem,10rem) minmax(0,1fr);gap:1.15rem;align-items:start}.story-card__cover{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;border:1px solid rgba(208,161,58,.24);border-radius:8px;background:#130f12;box-shadow:0 12px 32px #00000047}.story-card__content{min-width:0}.story-card__meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.8rem;font-size:.78rem;letter-spacing:.05em}.story-card__genre{color:var(--accent);border:1px solid var(--accent-dim);border-radius:999px;padding:.2rem .7rem}.story-card__endings{color:var(--text-faint);border:1px solid var(--border);border-radius:999px;padding:.2rem .7rem}.story-card__title{font-family:var(--font-serif);font-size:1.5rem;letter-spacing:.05em;margin:0 0 .7rem}.story-card__description{color:var(--text-dim);font-size:.95rem;line-height:1.9;margin:0 0 1rem}.story-card__progress{color:var(--text-faint);font-size:.85rem;margin:0 0 1.2rem}.primary-button:disabled{cursor:wait;filter:grayscale(.25) brightness(.82)}@media (max-width: 560px){.story-card--with-cover{grid-template-columns:1fr}.story-card__cover{max-height:22rem}}.story-screen__header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.story-screen__story-title{font-family:var(--font-serif);font-size:.9rem;color:var(--text-faint);letter-spacing:.08em;margin:0}.progress{margin-bottom:1.8rem}.progress__bar{height:4px;background:var(--bg-elev-2);border-radius:999px;overflow:hidden}.progress__fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .5s ease}.progress__label{display:block;margin-top:.5rem;font-size:.75rem;color:var(--text-faint);letter-spacing:.08em}.scene{flex:1}.scene__title{font-family:var(--font-serif);font-size:1.55rem;font-weight:600;letter-spacing:.05em;line-height:1.6;margin:0 0 1.4rem;padding-bottom:.9rem;border-bottom:1px solid var(--border)}.scene__paragraph{font-family:var(--font-serif);font-size:1.05rem;line-height:2.05;color:var(--text);margin:0 0 1.3rem}.choices{display:flex;flex-direction:column;gap:.85rem;margin:2rem 0 1.5rem}.choice-button{display:flex;align-items:center;gap:.9rem;width:100%;text-align:left;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:1rem 1.1rem;font-size:1.02rem;line-height:1.6;min-height:56px;transition:border-color .14s ease,background .14s ease,transform .1s ease}.choice-button:active{transform:translateY(1px)}.choice-button:focus:not(:focus-visible){outline:none}.choice-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.choice-button__index{flex:0 0 auto;width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:50%;border:1px solid var(--accent-dim);color:var(--accent);font-size:.85rem;font-weight:700}.choice-button__text{flex:1}.story-screen__footer{display:flex;justify-content:center;margin-top:.5rem}.book-detail-screen{max-width:48rem}.book-detail{display:grid;gap:1.4rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1.1rem,5vw,1.8rem)}.book-detail__cover{display:block;width:min(100%,17rem);aspect-ratio:3 / 4;object-fit:cover;border:1px solid rgba(208,161,58,.24);border-radius:8px;background:#130f12;box-shadow:0 18px 44px #00000057;margin:0 auto}.book-detail__body{min-width:0}.book-detail__title{font-family:var(--font-serif);font-size:clamp(1.6rem,7vw,2.2rem);letter-spacing:.05em;line-height:1.5;margin:.85rem 0 0}.book-detail__description{font-family:var(--font-serif);color:var(--text);font-size:1.02rem;line-height:2;margin:1rem 0 0}.book-detail__progress{color:var(--text-faint);font-size:.88rem;margin:1rem 0 0}.book-detail__actions{display:flex;flex-direction:column;gap:.85rem;margin-top:1.5rem}.ending-screen{justify-content:center}.ending-screen__inner{width:100%}.ending-badge{display:inline-block;font-size:.78rem;letter-spacing:.18em;padding:.35rem .9rem;border-radius:999px;border:1px solid var(--border);color:var(--text-dim);margin:0 0 1.2rem}.ending-badge--truth{color:#cdb56a;border-color:#6f5f2e}.ending-badge--escape{color:#7fae8f;border-color:#3c5b48}.ending-badge--curse{color:#b06a9e;border-color:#5a3450}.ending-badge--sacrifice{color:#c98a6a;border-color:#5e3c2c}.ending-badge--loop{color:#7d9bc0;border-color:#36506b}.ending-screen__story-title{font-family:var(--font-serif);font-size:.9rem;color:var(--text-faint);letter-spacing:.08em;margin:0 0 .5rem}.ending-screen__title{font-family:var(--font-serif);font-size:clamp(1.7rem,6vw,2.2rem);letter-spacing:.06em;line-height:1.5;margin:0 0 1.8rem;padding-bottom:1.1rem;border-bottom:1px solid var(--border)}.ending-body__paragraph{font-family:var(--font-serif);font-size:1.05rem;line-height:2.05;margin:0 0 1.3rem}.ending-screen__actions{display:flex;flex-direction:column;gap:.85rem;max-width:20rem;margin:2.2rem auto 0}.ending-share-button{display:flex;align-items:center;justify-content:center;text-align:center}.legal-screen{max-width:44rem}.legal-screen__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.legal-screen__kicker{color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.28em;margin:0}.legal-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1.35rem,5vw,2rem)}.legal-card__title{font-family:var(--font-serif);font-size:clamp(1.55rem,6vw,2rem);line-height:1.5;letter-spacing:.06em;margin:0}.legal-card__lead,.legal-card__note{color:var(--text-dim);font-size:.94rem;line-height:1.9;margin:.9rem 0 0}.legal-section{margin-top:1.65rem}.legal-section h2{color:var(--accent);font-size:.96rem;letter-spacing:.05em;margin:0 0 .55rem}.legal-section p{color:var(--text);font-size:.94rem;line-height:1.9;margin:.5rem 0 0}.legal-text-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--accent);cursor:pointer;font:inherit;font-weight:700;padding:0 .15rem;text-decoration:underline;text-underline-offset:.18em}.legal-card__date{color:var(--text-faint);font-size:.78rem;margin:1.9rem 0 0}.contact-box{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem}.contact-box__title{font-weight:700}.related-site-card{display:grid;gap:1rem;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);margin-top:1.65rem;padding:1.1rem}.related-site-card__label{color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.08em;margin:0 0 .35rem}.related-site-card__title{font-family:var(--font-serif);font-size:1.25rem;letter-spacing:.05em;line-height:1.5;margin:0}.related-site-card__description{color:var(--text-dim);font-size:.94rem;line-height:1.9;margin:.55rem 0 0}.related-site-card__link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.legal-list{color:var(--text);font-size:.94rem;line-height:1.9;margin:.7rem 0 0;padding-left:1.2rem}@media (min-width: 600px){.title-screen__actions{flex-direction:row;justify-content:center;max-width:none}.book-detail{grid-template-columns:minmax(12rem,16rem) minmax(0,1fr);align-items:start}.book-detail__cover{width:100%}.book-detail__actions{max-width:20rem}.story-filter-row{grid-template-columns:1fr;align-items:end}.ending-screen__actions{flex-direction:row;justify-content:center;max-width:none}}@media (hover: hover) and (pointer: fine){.primary-button:hover{filter:brightness(1.08)}.ghost-button:hover{color:var(--text);border-color:var(--text-faint)}.choice-button:hover{border-color:var(--accent-dim);background:var(--bg-elev-2)}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important}}