: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;--border: rgba(33, 44, 31, .12);--shadow: 0 20px 60px rgba(73, 55, 25, .12)}*{box-sizing:border-box}html,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}.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}.app-main{width:min(1220px,calc(100vw - 2rem));margin:0 auto;padding:1.5rem 0 3rem}.page-grid{display:grid;gap:1rem}.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-dark);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em}.filters-card{display:grid;grid-template-columns:2fr repeat(4,minmax(0,1fr));gap:.9rem;padding:1rem}.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;padding:1rem;box-shadow:0 12px 32px #49371914}.continue-card{display:grid;gap:.75rem}.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__lead,.article-card__lead{margin:0;font-size:.84rem;letter-spacing:.03em;color:var(--accent-dark)}.continue-card h3,.series-card h3{margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.06rem}.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,.series-card__line{display:flex;justify-content:space-between;gap:.75rem;color:var(--muted);font-size:.9rem}.series-card{display:grid;gap:.85rem}.series-card__header{align-items:baseline}.series-card__header p{margin:.2rem 0 0}.series-card__count{color:var(--accent-dark);font-size:.85rem}.series-card__line{justify-content:flex-start;flex-wrap:wrap}.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;text-decoration:none;background:#b96d341f;color:var(--accent-dark)}.list-shell{min-height:60vh}.list-scroll{height:68vh;overflow:auto;border-radius:1.5rem}.list-space{position:relative;width:100%}.article-card{position:absolute;left:0;width:100%;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:1.35rem;background:#fffbf3eb;box-shadow:0 12px 32px #49371914}.article-card__content{display:grid;gap:.75rem;margin-top:.75rem}.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}.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;white-space:nowrap}.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}.read-toggle,.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}.read-toggle,.secondary-button,.secondary-link{background:#4937190f;border-color:#4937191a;color:#2f372b}.read-toggle--compact{min-height:2rem;padding:0 .8rem;font-size:.82rem}.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{display:grid;gap:1rem}.reader-card__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem}.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}.article-body p,.article-body li,.article-body blockquote{line-height:1.9}.article-body a{color:var(--accent-dark)}.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)}@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:640px){.app-main{width:min(100vw - 1rem,100%)}.app-header{padding:.9rem 1rem}.filters-card,.continue-grid,.series-grid{grid-template-columns:1fr}.list-scroll{height:62vh}.quiz-actions{flex-direction:column}.primary-button,.secondary-button,.primary-link,.secondary-link,.read-toggle{width:100%}.continue-card__top,.article-card__top{flex-direction:column;align-items:stretch}}