:root{color-scheme:light;font-family:BIZ UDPGothic,Hiragino Sans,Yu Gothic,sans-serif;line-height:1.6;font-weight:400;background:radial-gradient(circle at top,rgba(185,109,52,.18),transparent 32%),linear-gradient(180deg,#f7f0df,#efe6cf);color:#1f261d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: rgba(255, 251, 242, .88);--panel-strong: rgba(255, 252, 246, .96);--muted: #5b6355;--accent: #b96d34;--accent-dark: #7f4921;--accent-ink: #5b3114;--accent-surface: rgba(185, 109, 52, .14);--accent-surface-strong: rgba(185, 109, 52, .2);--accent-border-strong: rgba(127, 73, 33, .22);--border: rgba(33, 44, 31, .12);--shadow: 0 20px 60px rgba(73, 55, 25, .12)}*{box-sizing:border-box}html{min-height:100%;margin:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}body,#root{min-height:100%;margin:0}body{min-height:100vh}a{color:inherit}button,input,select{font:inherit}.app-shell{min-height:100vh}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f0dfd1;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none}.brand strong{display:block;font-size:1rem}.brand small{display:block;color:var(--muted)}.brand__mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.9rem;background:linear-gradient(160deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff7eb;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.2rem;font-weight:700}.app-header__status{display:grid;justify-items:end;gap:.35rem}.network-pill{border-radius:999px;padding:.45rem .9rem;font-size:.82rem;letter-spacing:.06em}.network-pill--online{background:#296f3f1f;color:#225235}.network-pill--offline{background:#9243231f;color:#7f4921}.build-version{display:grid;justify-items:end;gap:.08rem;margin:0;border-radius:.95rem;padding:.35rem .62rem;background:#4937190d;border:1px solid rgba(73,55,25,.1);color:var(--muted);line-height:1.2;text-align:right}.build-version__label{color:#4c2a12;font-size:.76rem;font-weight:700;letter-spacing:.02em}.build-version__meta{font-size:.68rem;letter-spacing:.03em;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.app-main{width:min(1220px,calc(100vw - 2rem));margin:0 auto;padding:1.5rem 0 3rem}.page-grid{display:grid;gap:1rem}.page-header-compact{display:grid;gap:.25rem;padding:.9rem 1rem;border-radius:1.25rem;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow)}.page-header-compact h1{margin:.1rem 0 0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.15rem}.page-header-compact__meta{margin:0;color:var(--muted);font-size:.84rem}.hero-card,.filters-card,.reader-card,.message-panel,.quiz-session,.quiz-summary{background:var(--panel);border:1px solid var(--border);border-radius:1.5rem;box-shadow:var(--shadow)}.hero-card,.message-panel,.quiz-session,.quiz-summary,.reader-card{padding:1.25rem}.hero-card--compact{padding-bottom:1rem}.hero-card h1,.reader-card h1,.quiz-summary h2,.quiz-session h2,.message-panel h2,.dashboard-section h2{font-family:Yu Mincho,Hiragino Mincho ProN,serif;margin:.25rem 0 .6rem}.hero-card p,.message-panel p,.dashboard-section p{margin:0;color:var(--muted)}.hero-card__stats,.reader-card__meta{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--muted);font-size:.92rem}.eyebrow{margin:0;color:var(--accent-ink);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.filters-card{display:grid;grid-template-columns:2fr repeat(4,minmax(0,1fr));gap:.9rem;padding:1rem}.filters-card--compact{grid-template-columns:1fr;gap:.75rem;padding:.8rem}.filters-card__search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:end}.filters-card__toggle{min-height:2.25rem;padding-inline:.9rem;white-space:nowrap}.filters-card__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding-top:.75rem;border-top:1px solid rgba(73,55,25,.08)}.field{display:grid;gap:.4rem}.field span{font-size:.88rem;color:var(--muted)}.field input,.field select,.reader-scale input[type=range]{width:100%}.field input,.field select{min-height:2.75rem;border-radius:.95rem;border:1px solid rgba(73,55,25,.12);background:#fffcf6eb;padding:.7rem .85rem}.field--search{grid-column:span 2}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-header--compact{padding:0 .2rem}.section-count{margin:0;color:var(--muted)}.dashboard-section{display:grid;gap:.9rem}.continue-grid,.series-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.continue-card,.series-card{background:var(--panel-strong);border:1px solid var(--border);border-radius:1.35rem;overflow:hidden;box-shadow:0 12px 32px #49371914}.continue-card{display:grid;gap:0}.continue-card__top,.article-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.continue-card__pills,.article-card__meta{display:flex;flex-wrap:wrap;gap:.45rem;color:var(--muted);font-size:.85rem}.continue-card__body,.series-card__body{display:grid;gap:.75rem;padding:1rem}.continue-card__thumbnail,.series-card__thumbnail{display:block;aspect-ratio:16 / 9;background:#ffffff73;overflow:hidden}.continue-card__thumbnail img,.series-card__thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.thumbnail-fallback{display:grid;place-items:center;width:100%;height:100%;padding:1rem;background:linear-gradient(160deg,#b96d341f,#7f49210f),#fffcf6eb;color:var(--muted);text-align:center}.thumbnail-fallback__label{font-size:.82rem;font-weight:700;letter-spacing:.08em}.continue-card__lead,.article-card__lead{margin:0;font-size:.84rem;font-weight:600;letter-spacing:.03em;color:var(--accent-ink)}.continue-card h3,.series-card h3{margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.06rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.continue-card h3 a,.series-card a,.article-card__copy h2 a{text-decoration:none}.continue-card__excerpt,.article-card__copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.continue-card__footer,.series-card__header{display:flex;justify-content:space-between;gap:.75rem;color:var(--muted);font-size:.9rem}.series-card{display:grid;gap:0}.series-card__header{display:grid;gap:.45rem}.series-card__title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:start}.series-card__header p{margin:0}.series-card__status{display:inline-flex;width:fit-content;align-items:center;border-radius:999px;padding:.2rem .65rem;background:var(--accent-surface);border:1px solid var(--accent-border-strong);color:var(--accent-ink);font-size:.8rem;font-weight:700}.series-card__progress{color:var(--muted)}.series-card__count{color:var(--accent-ink);font-size:.85rem;font-weight:600;white-space:nowrap}.series-card__action{display:inline-flex;width:fit-content;align-items:center;justify-content:center;min-height:2.5rem;padding:0 1rem;border-radius:999px;border:1px solid var(--accent-border-strong);text-decoration:none;background:var(--accent-surface-strong);color:var(--accent-ink);font-weight:700}.list-shell{min-height:60vh}.list-scroll{height:68vh;overflow-y:auto;overflow-x:hidden;border-radius:1.5rem}.list-space{position:relative;width:100%;max-width:100%;overflow-x:clip}.article-card{position:absolute;left:0;right:0;width:100%;max-width:100%;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:1.35rem;background:#fffbf3eb;box-shadow:0 12px 32px #49371914;overflow:hidden}.article-card__content{display:grid;gap:.75rem;margin-top:.75rem;min-width:0}.article-card__copy{min-width:0}.article-card__copy h2,.article-card__lead,.article-card__copy p,.article-card__chips,.article-card__meta{overflow-wrap:anywhere;word-break:break-word}.article-card__copy h2{margin:.3rem 0 .45rem;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.12rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card__copy p{margin:0;color:var(--muted)}.article-card__chips,.reader-card__aside,.article-toolbar__actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;min-width:0}.supporting-note{margin:0;color:var(--muted);font-size:.9rem;max-width:18rem}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.36rem .74rem;font-size:.8rem;border:1px solid transparent;max-width:100%;white-space:normal;overflow-wrap:anywhere}.status-pill--category{background:#1f2a1f14;border-color:#1f2a1f1f}.status-pill--series{background:#b96d341f;border-color:#b96d3429}.status-pill--quiz{background:#486c871f;border-color:#486c8729}.status-pill--meta{background:#7d622e1f;border-color:#7d622e29}.status-pill--read{background:#2252351f;border-color:#2252352e}.primary-button,.secondary-button,.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.45rem;padding:0 1rem;border-radius:999px;border:1px solid transparent;text-decoration:none;cursor:pointer}.secondary-button,.secondary-link{background:#4937190f;border-color:#4937191a;color:#2f372b}.primary-button,.primary-link{background:linear-gradient(160deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff7eb}.secondary-button:disabled,.primary-button:disabled{opacity:.45;cursor:not-allowed}.article-page{gap:1rem}.article-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.reader-scale{display:flex;align-items:center;gap:.75rem;min-width:min(280px,100%)}.reader-scale span{color:var(--muted);font-size:.88rem;white-space:nowrap}.reader-card,.reader-segment{display:grid;gap:1rem}.reader-segment--framed{padding-top:1.5rem;border-top:1px solid var(--border)}.reader-segment__start-sentinel{width:100%;height:1px}.reader-segment__header{display:grid;gap:.6rem}.reader-segment__header h2{margin:.25rem 0 0;font-family:Yu Mincho,Hiragino Mincho ProN,serif}.reader-segment__meta{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;color:var(--muted);font-size:.9rem}.reader-card__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem}.reader-card__heading{display:grid;gap:.55rem;min-width:0}.reader-card__mobile-controls{display:grid;gap:.75rem}.article-meta-toggle{width:fit-content}.reader-card__mobile-panel{display:grid;gap:.75rem;padding-top:.75rem;border-top:1px solid rgba(73,55,25,.08)}.reader-scale--panel{min-width:0;width:100%}.cover-frame{overflow:hidden;border-radius:1.25rem;aspect-ratio:16 / 9;background:#ffffff80}.cover-frame img{width:100%;height:100%;object-fit:cover;display:block}.article-body{display:grid;gap:.9rem;min-width:0}.article-body>*{min-width:0;max-width:100%}.article-body p,.article-body li,.article-body blockquote{line-height:1.9;overflow-wrap:anywhere;word-break:break-word}.article-body img{display:block;max-width:100%;height:auto;margin:1rem auto;border-radius:1rem}.article-end-sentinel{width:100%;height:1px}.reader-continuation-sentinel,.reader-series-end{display:grid;place-items:center;border-radius:1.1rem;color:var(--muted);text-align:center;padding:1rem}.reader-continuation-sentinel{min-height:4.5rem;border:1px dashed rgba(185,109,52,.24);background:#fff8eca8}.reader-continuation-sentinel--settled{min-height:0;padding:.9rem 0 1.1rem;border:none;border-radius:0;background:transparent}.reader-continuation-divider{width:min(11rem,100%);height:1px;background:#49371929}.reader-series-end{min-height:8rem;border:1px dashed rgba(185,109,52,.24);background:#fff8eca8}.reader-continuation-sentinel p,.reader-series-end p{margin:0}.reader-completion-toast{position:sticky;top:1rem;z-index:30;margin-bottom:-.15rem;padding:.9rem 1rem;border-radius:1rem;border:1px solid rgba(41,111,63,.28);background:#f8fff9f5;color:#225235;box-shadow:0 12px 30px #2252351f;animation:reader-toast-in .18s ease-out}.mobile-article-handoff-overlay{position:fixed;inset:0;z-index:25;display:grid;place-items:center;background:#221b11e6;pointer-events:none}.mobile-article-handoff-overlay__spinner,.article-loading-shell__spinner{width:3rem;height:3rem;border-radius:999px;border:4px solid rgba(255,247,235,.2);border-top-color:#fff7ebeb;border-right-color:#f1d6abd1;animation:reader-spinner .76s linear infinite}.article-loading-shell{display:grid;min-height:min(54vh,26rem);place-items:center;border-radius:1.5rem;border:1px solid var(--border);background:#fffcf6eb;box-shadow:var(--shadow);padding:1.25rem}.article-loading-shell__body{display:grid;justify-items:center;gap:.9rem;text-align:center}.article-loading-shell__spinner{border-color:#7f492124;border-top-color:#b96d34eb;border-right-color:#7f4921b8}.article-loading-shell__body p{margin:0;color:var(--muted);font-size:.95rem;font-weight:700;letter-spacing:.04em}.mobile-next-handoff{display:grid;gap:.55rem;margin-top:-5rem;padding-top:5.25rem;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.mobile-next-handoff__preview-shell{display:grid;align-items:end;overflow:hidden}.mobile-next-handoff__preview{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:.8rem;width:100%;border:1px solid rgba(127,73,33,.18);border-radius:1.1rem;padding:.65rem;background:var(--panel-strong);color:inherit;text-align:left;box-shadow:0 12px 30px #49371914;transition:transform .18s ease,opacity .18s ease,border-color .18s ease,box-shadow .18s ease;pointer-events:none}.mobile-next-handoff__preview[data-visible=true]{pointer-events:auto}.mobile-next-handoff__preview--ready{border-color:#b96d3459;box-shadow:0 14px 34px #7f492124}.mobile-next-handoff__thumbnail{overflow:hidden;border-radius:.9rem;aspect-ratio:1 / 1;background:#ffffff6b}.mobile-next-handoff__thumbnail img,.mobile-next-handoff__thumbnail .thumbnail-fallback{width:100%;height:100%}.mobile-next-handoff__copy{display:grid;gap:.45rem;min-width:0}.mobile-next-handoff__copy strong{line-height:1.45}.mobile-next-handoff__copy p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}.mobile-next-handoff__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;color:var(--muted);font-size:.8rem}.mobile-next-handoff__handle{display:grid;justify-items:center;gap:.2rem;padding:.1rem 0 .15rem;color:var(--muted)}.mobile-next-handoff__handle--ready{color:var(--accent-ink)}.mobile-next-handoff__prompt{margin:0;font-size:.88rem;font-weight:700;letter-spacing:.04em}.mobile-next-handoff__glyph{font-size:1.15rem;line-height:1}.article-body a{color:var(--accent-ink)}.article-body .article-wide-content{display:block;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.article-body .article-table-scroll{width:100%}.article-body .article-table-scroll table{width:100%;min-width:0;max-width:100%;table-layout:fixed;border-collapse:collapse}.article-body .article-table-scroll th,.article-body .article-table-scroll td{overflow-wrap:anywhere;word-break:break-word;vertical-align:top}.article-body pre.article-wide-content{white-space:pre}.article-inline-highlight{color:var(--accent-ink);font-weight:700;background:linear-gradient(transparent 55%,#f4d67894 55%);-webkit-box-decoration-break:clone;box-decoration-break:clone}.article-inline-highlight a{color:inherit}.series-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.series-navigation__card{display:grid;gap:.35rem;padding:1rem;border-radius:1.1rem;border:1px solid var(--border);background:#fffcf6d1;text-decoration:none}.series-navigation__card--empty{opacity:.6}.series-navigation__label{color:var(--muted);font-size:.84rem}.quiz-question-card{display:grid;gap:1rem}.difficulty-badge{border-radius:999px;padding:.3rem .7rem;background:#486c871f;color:#294a66;font-size:.82rem;text-transform:capitalize}.choice-list,.quiz-review-list{display:grid;gap:.8rem}.choice-button{display:grid;grid-template-columns:1.5rem minmax(0,1fr);align-items:center;gap:.75rem;width:100%;text-align:left;padding:.9rem 1rem;border-radius:1rem;border:1px solid rgba(73,55,25,.12);background:#fffcf6eb;cursor:pointer}.choice-button--selected{border-color:#b96d346b;background:#b96d341f}.quiz-actions{display:flex;justify-content:space-between;gap:.75rem}.quiz-review{border-radius:1rem;padding:1rem;border:1px solid var(--border);background:#fffcf6eb}.quiz-review--correct{border-color:#2252352e}.quiz-review--wrong{border-color:#9243232e}.quiz-review h3,.quiz-review p,.quiz-review blockquote{margin:0 0 .55rem}.quiz-review blockquote{padding-left:.9rem;border-left:3px solid rgba(185,109,52,.32);color:var(--muted)}@keyframes reader-spinner{to{transform:rotate(360deg)}}@media(max-width:960px){.filters-card{grid-template-columns:repeat(2,minmax(0,1fr))}.field--search{grid-column:1 / -1}.reader-card__header,.article-toolbar,.series-navigation{grid-template-columns:1fr;display:grid}.article-toolbar{align-items:stretch}.article-toolbar__actions{justify-content:space-between}.reader-scale{min-width:0}}@media(max-width:768px){.filters-card--compact{grid-template-columns:1fr}.app-header{padding:.75rem 1rem;gap:.75rem}.brand{gap:.6rem}.brand strong{font-size:.92rem}.brand small{display:none}.brand__mark{width:2rem;height:2rem;border-radius:.7rem;font-size:1rem}.network-pill{padding:.35rem .7rem;font-size:.72rem}.app-header__status{gap:.25rem}.build-version{padding:.3rem .52rem}.build-version__label{font-size:.68rem}.build-version__meta{font-size:.58rem}.app-main{width:min(100vw - .9rem,100%);padding:.8rem 0 1.6rem}.page-grid,.dashboard-section,.reader-card,.reader-segment{gap:.8rem}.hero-card,.message-panel,.quiz-session,.quiz-summary,.reader-card{padding:1rem}.section-header h2,.dashboard-section h2{font-size:1.05rem;margin-bottom:.2rem}.section-count,.hero-card__stats,.reader-card__meta,.supporting-note{font-size:.82rem}.continue-grid,.series-grid{gap:.8rem}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.continue-card__body,.series-card__body{gap:.65rem;padding:.85rem}.continue-card h3,.series-card h3{line-height:1.35}.series-card__title-row{grid-template-columns:minmax(0,1fr);gap:.45rem}.series-card h3{font-size:.89rem;line-height:1.3;-webkit-line-clamp:3}.series-card__count{display:none}.continue-card__excerpt,.article-card__copy p{-webkit-line-clamp:1}.list-scroll{height:64vh}.article-card{padding:.85rem .95rem}.article-card__content{gap:.6rem;margin-top:.55rem}.article-card__copy h2{font-size:1rem;line-height:1.35}.article-page{gap:.75rem}.article-toolbar--compact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.article-toolbar--compact .article-toolbar__actions{justify-content:flex-end;gap:.45rem}.reader-card--compact{padding:.95rem;gap:.85rem}.reader-completion-toast{top:.75rem}.mobile-article-handoff-overlay__spinner,.article-loading-shell__spinner{width:2.7rem;height:2.7rem}.reader-card__header--compact{grid-template-columns:1fr;gap:.75rem}.reader-card__header--compact h1{font-size:1.35rem;line-height:1.45;margin-bottom:0}.article-meta-toggle{width:100%}.mobile-next-handoff__preview{grid-template-columns:5.25rem minmax(0,1fr);gap:.7rem}.mobile-next-handoff__copy strong{font-size:.96rem}.cover-frame{aspect-ratio:16 / 8.8;border-radius:1rem}.reader-segment--continuation{gap:.75rem}.reader-segment__header{gap:.45rem}.reader-segment__header h2{font-size:1.05rem;line-height:1.4}.reader-segment__meta{font-size:.82rem}.article-body{gap:.75rem}.article-body p,.article-body li,.article-body blockquote{line-height:1.8}}@media(max-width:640px){.filters-card,.continue-grid,.filters-card__details{grid-template-columns:1fr}.list-scroll{height:62vh}.quiz-actions{flex-direction:column}.quiz-actions .primary-button,.quiz-actions .secondary-button,.message-panel .secondary-link,.reader-card__mobile-controls .primary-link{width:100%}.continue-card__top,.article-card__top{flex-direction:column;align-items:stretch}.filters-card__search-row{grid-template-columns:1fr}.filters-card__toggle,.article-toolbar .secondary-link{width:auto}}@keyframes reader-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}