:root{--bg: #f4f6fd;--bg-soft: #eef2ff;--bg-softer: #f8f9ff;--panel: rgba(255, 255, 255, .82);--panel-solid: #ffffff;--panel-strong: #fbfcff;--panel-soft: rgba(255, 255, 255, .92);--text: #1c2340;--text-soft: #313a57;--muted: #717b92;--muted-2: #98a2b3;--line: rgba(164, 176, 208, .2);--line-strong: rgba(164, 176, 208, .32);--line-soft: rgba(228, 233, 247, .95);--primary: #615bff;--primary-2: #7b5cff;--primary-3: #5a7bff;--primary-soft: rgba(97, 91, 255, .1);--primary-soft-2: rgba(123, 92, 255, .1);--primary-soft-3: rgba(90, 123, 255, .1);--yellow: #ffcf5a;--green: #1fb97a;--red: #ff6f7d;--shadow-xs: 0 6px 18px rgba(31, 42, 78, .05);--shadow-sm: 0 12px 28px rgba(35, 45, 82, .07);--shadow: 0 20px 48px rgba(35, 45, 82, .09);--shadow-lg: 0 28px 80px rgba(27, 38, 74, .12);--radius-xs: 14px;--radius-sm: 16px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 34px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(97,91,255,.08),transparent 28%),radial-gradient(circle at top right,rgba(123,92,255,.07),transparent 24%),linear-gradient(180deg,#f9fbff,#f3f6fd 48%,#eef2fb)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at top left,rgba(97,91,255,.08),transparent 28%),radial-gradient(circle at bottom right,rgba(123,92,255,.06),transparent 24%),linear-gradient(180deg,#f9fbff,#f3f6fd 52%,#edf2fb);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}button:hover{transform:translateY(-1px)}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at top left,rgba(97,91,255,.16),transparent 24%),radial-gradient(circle at bottom right,rgba(255,207,90,.14),transparent 22%),linear-gradient(180deg,#f9fbff,#f3f6fd)}.auth-card{width:min(100%,540px);padding:32px;border-radius:var(--radius-xl);background:#ffffffd1;border:1px solid rgba(255,255,255,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg)}.auth-switch{display:flex;gap:8px;margin-bottom:18px}.tab{border:1px solid transparent;background:#615bff14;color:var(--muted);padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:700}.tab.active{background:linear-gradient(135deg,#262e4b,#3e4a6b);color:#fff;box-shadow:var(--shadow-xs)}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line-soft);background:linear-gradient(180deg,#ffffffe6,#f7f9fff5),radial-gradient(circle at top left,rgba(97,91,255,.06),transparent 26%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:28px 18px;position:sticky;top:0;height:100vh}.brand{font-weight:900;font-size:1.28rem;margin-bottom:30px;letter-spacing:-.04em;color:var(--text)}.nav{display:grid;gap:8px}.nav-link{padding:13px 14px;border-radius:18px;color:var(--muted);font-weight:700;border:1px solid transparent}.nav-link:hover{background:#ffffffd1;color:var(--text)}.nav-link.active{background:linear-gradient(135deg,#615bff1f,#7b5cff14),#ffffffdb;color:var(--primary);border-color:#615bff24;font-weight:800;box-shadow:var(--shadow-xs)}.content{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 28px 0}.avatar-pill{display:inline-flex;align-items:center;justify-content:center}.avatar-circle{width:46px;height:46px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-2),var(--primary-3));color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 12px 26px #615bff3d}.avatar-image{width:46px;height:46px;border-radius:999px;object-fit:cover;border:2px solid rgba(255,255,255,.92);box-shadow:var(--shadow-xs)}.page{padding:24px 28px 48px}.stack,.stack-sm,.stack-md,.stack-xl{display:grid}.stack{gap:16px}.stack-sm{gap:10px}.stack-md{gap:16px}.stack-xl{gap:24px}.top-gap{margin-top:10px}.card{background:var(--panel-soft);border:1px solid rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow)}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}.section-head h1{margin:0;font-size:2rem;letter-spacing:-.04em;color:var(--text)}.muted{margin:0;color:var(--muted)}.card-title-row,.row-line{display:flex;justify-content:space-between;gap:16px;align-items:center}.row-line{min-width:0}.row-line>span,.row-line>strong{min-width:0}.row-line>span{line-height:1.45}.row-line>strong{text-align:right;flex-shrink:0}.row-line p{margin:0}.stats-grid,.grid-2,.grid-3{display:grid;gap:16px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{min-height:122px;display:flex;flex-direction:column;justify-content:space-between}.stat-label{color:var(--muted);font-weight:700;line-height:1.35}.stat-value{display:block;font-size:2rem;margin-top:12px;font-weight:900;letter-spacing:-.04em;color:var(--text);line-height:1.05;word-break:break-word}.stat-hint{margin-top:6px;color:var(--muted);line-height:1.35}.primary-button,.secondary-button,.text-link,.segmented-btn,.list-button,.option-button,.palette-item{cursor:pointer}.primary-button,.primary-btn{border:0;background:linear-gradient(135deg,var(--primary),var(--primary-2) 46%,var(--primary-3));color:#fff;border-radius:999px;padding:14px 20px;font-weight:800;box-shadow:0 16px 34px #615bff42}.primary-button:hover,.primary-btn:hover{box-shadow:0 20px 40px #615bff52}.secondary-button{border:1px solid var(--line);background:#ffffffeb;border-radius:999px;padding:14px 20px;color:var(--text);font-weight:700;box-shadow:0 10px 20px #1f2a4e08}.secondary-button:hover{border-color:#615bff2e;background:#fff}.text-link{color:var(--primary);font-weight:800}.primary-btn:disabled,.text-link-button:disabled{opacity:.6;cursor:not-allowed}.text-link-button{background:transparent;border:0;padding:0;cursor:pointer;font:inherit}.field{display:grid;gap:8px}.field span{font-weight:700;color:var(--text-soft)}input,select,textarea{border:1px solid rgba(168,179,209,.24);border-radius:18px;padding:14px 16px;background:#fffffff5;color:var(--text);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:inset 0 1px #ffffff8c}input:focus,select:focus,textarea:focus{border-color:#615bff57;box-shadow:0 0 0 4px #615bff1a;background:#fff}.feedback-box{margin:0;padding:12px 14px;border-radius:16px;background:#fff8e5;color:#876300;border:1px solid rgba(255,207,90,.28)}.page-loader{min-height:50vh;display:grid;place-items:center;color:var(--muted)}.segmented{display:flex;gap:8px;flex-wrap:wrap}.segmented-btn{border:1px solid rgba(168,179,209,.22);background:#ffffffeb;border-radius:999px;padding:10px 12px;font-weight:700;color:var(--text-soft)}.segmented-btn.active{background:linear-gradient(135deg,#2a324f,#445171);color:#fff;border-color:transparent;box-shadow:var(--shadow-xs)}.coverage-row{border:1px solid rgba(168,179,209,.18);border-radius:22px;padding:14px;background:#ffffffd1;box-shadow:0 10px 24px #1f2a4e08}.coverage-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px}.coverage-head strong,.coverage-head span{min-width:0}.coverage-head strong{line-height:1.4}.coverage-head span{text-align:right;color:var(--muted)}.coverage-bars{display:flex;height:12px;border-radius:999px;overflow:hidden;background:#edf1fc}.coverage-bar.success{background:linear-gradient(90deg,#1fb97a,#31d693)}.coverage-bar.danger{background:linear-gradient(90deg,#ffd45f,#ffbf38)}.coverage-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);margin-top:8px}.mini-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end;min-height:160px;margin-top:16px}.mini-bar-wrap{height:140px;display:flex;align-items:end}.mini-bar{width:100%;border-radius:16px 16px 8px 8px;background:linear-gradient(180deg,#90a1ff,#615bff);box-shadow:inset 0 1px #ffffff6b}.line-grid{position:relative;display:grid;grid-template-columns:repeat(7,1fr);min-height:180px;gap:10px;padding-top:12px}.line-col{position:relative;border-left:1px dashed rgba(168,179,209,.32)}.line-point{position:absolute;left:50%;width:14px;height:14px;transform:translate(-50%);border-radius:999px;background:var(--primary);box-shadow:0 0 0 5px #615bff1f}.review-item{border:1px solid rgba(168,179,209,.2);border-radius:22px;padding:16px;background:#ffffffd6;box-shadow:0 10px 22px #1f2a4e08}.tag{display:inline-block;padding:6px 10px;border-radius:999px;margin-left:6px;vertical-align:middle;font-weight:700;animation:badgeGlow 1.2s ease-out}.tag.success{background:#eaf8f0;color:#0a8a4b;box-shadow:0 0 #10b98100;animation:badgeGlowGreen 1.2s ease-out}.tag.danger{background:#fff1f1;color:#c33b3b;box-shadow:0 0 #ef444400;animation:badgeGlowRed 1.2s ease-out}.topic-progress{display:grid;gap:8px}.topic-bar{height:12px;border-radius:999px;background:#e9eefb;overflow:hidden}.topic-bar-fill{height:100%;background:linear-gradient(90deg,#ffca4a,#615bff)}.weekly-trend-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:end;min-height:260px;margin-top:20px}.weekly-trend-item{display:flex;flex-direction:column;align-items:stretch;justify-content:end;min-height:220px}.weekly-trend-count{text-align:center;font-size:14px;font-weight:700;color:var(--text);margin-bottom:10px;line-height:1}.weekly-trend-label{text-align:center;font-size:13px;color:var(--muted);margin-top:10px;line-height:1.2}.mini-bar-wrap.weekly-trend-item .mini-bar{width:100%;min-height:18px}.audio-feedback-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.95fr);gap:18px;align-items:start}.audio-feedback-left{min-width:0}.audio-lyrics-card{min-height:220px;max-height:340px;overflow:hidden;border-radius:26px;padding:18px;background:radial-gradient(circle at top right,rgba(97,91,255,.1),transparent 28%),linear-gradient(180deg,#fffffff5,#f5f7fffa);border:1px solid rgba(97,91,255,.1);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.audio-lyrics-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.audio-lyrics-eyebrow,.eyebrow{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.audio-lyrics-head h4{margin:0;font-size:1.05rem;line-height:1.2}.audio-lyrics-clock{flex-shrink:0;padding:8px 12px;border-radius:999px;background:#615bff1a;color:var(--primary);font-size:13px;font-weight:800}.audio-lyrics-list{overflow:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px;scroll-behavior:smooth}.audio-lyrics-line{margin:0;font-size:1.02rem;line-height:1.65;color:#7c8699;transition:all .22s ease}.audio-lyrics-line.is-past{color:#a0a9ba}.audio-lyrics-line.is-active{color:var(--text);font-weight:800;transform:translate(2px)}.audio-lyrics-empty{display:flex;align-items:center;justify-content:center;min-height:160px;flex:1}.report-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);gap:22px;align-items:stretch}.report-left{display:flex;flex-direction:column;gap:12px}.audio-player-shell,.audio-player-placeholder{min-height:68px;display:flex;align-items:center}.audio-player-placeholder{border-radius:20px;background:transparent}.audio-lyrics-card--placeholder{justify-content:flex-start}.flashcard{cursor:pointer}.flashcards-toolbar-card,.flashcards-progress-card,.flashcards-controls-card,.flashcards-empty{overflow:hidden}.flashcards-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.flashcards-filter{min-width:280px}.flashcards-progress-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.flashcards-progress-head h3{margin:4px 0 0;font-size:1.35rem;letter-spacing:-.03em}.flashcards-progress-badge{padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#615bff1f,#7b5cff1f);color:var(--primary);font-weight:800;min-width:74px;text-align:center}.flashcards-progress-bar{height:12px;border-radius:999px;background:#e9eefb;overflow:hidden}.flashcards-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--primary-2));transition:width .28s ease}.flashcards-stage{display:grid;gap:18px}.flashcard-player{min-height:430px;perspective:1400px;padding:0;background:radial-gradient(circle at top right,rgba(97,91,255,.12),transparent 28%),radial-gradient(circle at bottom left,rgba(123,92,255,.08),transparent 28%),linear-gradient(180deg,#fffffff5,#f6f9fffa);border-radius:30px;border:1px solid rgba(255,255,255,.92);box-shadow:var(--shadow)}.flashcard-player-inner{position:relative;width:100%;min-height:430px;transform-style:preserve-3d;transition:transform .6s ease}.flashcard-chip{padding:8px 12px;border-radius:999px;background:#615bff1a;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.flashcard-content{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px 8px}.flashcard-content h2{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.25;letter-spacing:-.04em;max-width:24ch}.flashcards-controls{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.flashcards-controls .primary-button,.flashcards-controls .secondary-button{min-width:170px}.flashcards-empty h3{margin-top:0}.flashcards-empty-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#eef2ff,#f4f6ff);border:1px solid rgba(97,91,255,.14)}.flashcards-empty-action select:hover{border-color:var(--primary);box-shadow:0 4px 14px #615bff26}.public-page.tuopo-public-v2{max-width:1320px;margin:0 auto;padding:26px 24px 56px}.landing-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 4px 26px}.landing-brand{display:inline-flex;align-items:center;gap:12px;font-weight:900;font-size:1.7rem;letter-spacing:-.04em;color:#20243a}.landing-brand-logo{width:48px;height:48px;object-fit:contain;display:block;background:transparent;padding:0;border-radius:0;box-shadow:none}.landing-nav{display:flex;align-items:center;gap:34px}.landing-nav a{color:#31374d;font-weight:600;font-size:.98rem}.landing-nav a:hover{color:var(--primary)}.landing-topbar-actions{display:flex;align-items:center;gap:14px}.landing-login{font-weight:700;color:#2c3145}.landing-signup{padding-inline:22px;border-radius:999px}.hero.hero-v5{position:relative;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr);gap:42px;padding:56px 34px 46px;border-radius:36px;min-height:clamp(760px,88vh,980px);align-items:start;justify-items:center;background:linear-gradient(180deg,#ffffffeb,#f7f8fff5),radial-gradient(circle at top center,rgba(119,107,255,.05),transparent 48%);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 80px #252f5614,inset 0 1px #ffffffb3}.hero-background-orb{position:absolute;border-radius:999px;pointer-events:none;filter:blur(8px)}.hero-background-orb-1{width:760px;height:760px;top:72px;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(124,112,255,.16),rgba(124,112,255,.03) 58%,transparent 72%)}.hero-background-orb-2{width:420px;height:420px;right:-60px;top:-40px;background:radial-gradient(circle,rgba(102,140,255,.14),transparent 70%)}.hero-copy-v5{position:relative;z-index:2;width:100%;max-width:980px;margin:0 auto;text-align:center;padding-top:4px;display:grid;justify-items:center;align-content:start;gap:24px}.hero-announcement{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:8px 18px 8px 10px;border-radius:999px;background:#fffc;border:1px solid rgba(125,120,255,.18);box-shadow:0 12px 30px #5d6aff14;color:#4b536d;font-weight:600}.hero-announcement-pill{padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#6f66ff,#6c81ff);color:#fff;font-size:.82rem;font-weight:800;box-shadow:0 8px 20px #5f6fff40}.hero-copy-v5 h1{margin:0 auto;max-width:13.5ch;font-size:clamp(3.2rem,7vw,5.8rem);line-height:1.02;letter-spacing:-.065em;color:#19214b;text-wrap:balance;text-align:center}.hero-copy-v5>div:nth-child(2){width:100%;display:grid;justify-items:center}.hero-copy-v5 h1 span{background:linear-gradient(135deg,#4860ff,#8b5cff 55%,#d064e6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy-v5 p{margin:0;max-width:760px;font-size:1.12rem;line-height:1.8;color:#65708a}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.hero-actions-centered{justify-content:center}.primary-button,.primary-btn{border:0;background:linear-gradient(135deg,#615bff,#6f64ff 48%,#5a7bff);color:#fff;border-radius:999px;padding:15px 24px;font-weight:800;box-shadow:0 16px 34px #5f6fff47}.primary-button:hover,.primary-btn:hover{box-shadow:0 20px 40px #5f6fff57}.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 22px;border-radius:999px;border:1px solid rgba(143,154,187,.28);background:#ffffffd1;color:#31405f;font-weight:700;box-shadow:0 10px 24px #222c4f0a}.ghost-button:hover{border-color:#5f6fff38;background:#fff}.hero-trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.hero-trust-item{min-width:210px;padding:16px 18px;border-radius:20px;background:#ffffffb8;border:1px solid rgba(255,255,255,.88);box-shadow:0 14px 26px #26315c0d}.hero-trust-item strong{display:block;color:#1f2642;font-size:1rem;margin-bottom:5px}.hero-trust-item span{color:#707a91;font-size:.95rem}.hero-showcase{position:relative;z-index:2;width:min(100%,980px);margin:0 auto;padding-top:2px}.hero-showcase-window{overflow:hidden;border-radius:28px;background:#ffffffeb;border:1px solid rgba(217,223,243,.9);box-shadow:0 24px 50px #2a32561a,0 0 0 8px #ffffff59}.hero-window-topbar{display:flex;align-items:center;gap:8px;height:48px;padding:0 18px;border-bottom:1px solid rgba(224,229,244,.9);background:linear-gradient(180deg,#fff,#fbfcff)}.hero-window-topbar span{width:11px;height:11px;border-radius:999px;background:#d7ddef}.hero-showcase-grid{display:grid;grid-template-columns:250px 1fr;min-height:520px}.hero-showcase-sidebar{padding:24px 18px;border-right:1px solid rgba(229,233,246,.95);background:linear-gradient(180deg,#fcfdff,#f7f9ff)}.hero-user-card{display:flex;align-items:center;gap:12px;padding-bottom:24px}.hero-user-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#fd5d91,#7e6dff);box-shadow:0 10px 22px #7d64ff40}.hero-user-name{margin:0;color:#202640;font-weight:800}.hero-user-role{margin:4px 0 0;color:#8b93a8;font-size:.92rem}.hero-side-menu{display:grid;gap:10px}.hero-side-link{padding:12px 14px;border-radius:16px;color:#717b92;font-weight:700;background:transparent}.hero-side-link.active{color:#6a63ff;background:linear-gradient(135deg,#6a63ff1c,#7384ff14)}.hero-showcase-main{padding:26px;display:grid;gap:20px;background:radial-gradient(circle at top right,rgba(108,122,255,.06),transparent 28%),linear-gradient(180deg,#fff,#fbfcff)}.hero-main-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hero-main-eyebrow{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6e77ff}.hero-main-header h3{margin:0;font-size:1.7rem;line-height:1.05;letter-spacing:-.04em;color:#1e2442;max-width:14ch}.hero-progress-pill{padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#667cff1f,#cb68e224);color:#595fff;font-weight:800;white-space:nowrap}.hero-main-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hero-feature-card{min-height:152px;padding:22px;border-radius:24px;color:#fff;box-shadow:0 16px 28px #28305a14}.hero-feature-card-pink{background:linear-gradient(135deg,#ff5d93,#ff7d7f)}.hero-feature-card-purple{background:linear-gradient(135deg,#8f77ff,#6d83ff)}.hero-card-label{margin:0 0 14px;font-size:.88rem;font-weight:700;opacity:.9}.hero-feature-card h4{margin:0;font-size:1.25rem;line-height:1.15;letter-spacing:-.03em}.hero-feature-card span{display:block;margin-top:10px;opacity:.9;line-height:1.45;font-size:.95rem}.hero-main-bottom{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px}.hero-bottom-left,.hero-bottom-right{border-radius:22px;border:1px solid rgba(227,232,245,.95);background:#ffffffe6;padding:18px}.hero-tabs{display:flex;gap:10px;margin-bottom:16px}.hero-tab{border:0;background:#f1f4fd;color:#68738c;border-radius:999px;padding:9px 14px;font-weight:700;cursor:default}.hero-tab.active{background:linear-gradient(135deg,#6b62ff,#7482ff);color:#fff;box-shadow:0 10px 20px #6770ff33}.hero-mini-list{display:grid;gap:12px}.hero-mini-row{display:flex;justify-content:space-between;gap:12px;color:#5f6880;font-weight:600}.hero-mini-row strong{color:#1f2640}.hero-schedule-title{margin:0 0 12px;color:#8a93a8;font-size:.9rem;font-weight:700}.hero-schedule-card{display:grid;gap:8px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#ecfff7,#f5fffb);border:1px solid rgba(31,185,122,.15)}.hero-schedule-card strong{color:#21314f}.hero-schedule-card span{color:#687288;line-height:1.5;font-size:.95rem}.hero-floating-card{position:absolute;z-index:3;padding:14px 16px;border-radius:18px;background:#ffffffe0;border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 36px #2a325414;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-floating-card strong{display:block;margin-bottom:4px;color:#202740;font-size:.95rem}.hero-floating-card span{color:#778097;font-size:.88rem}.hero-floating-card-left{left:-24px;bottom:78px}.hero-floating-card-right{right:-24px;top:92px}.landing-section.landing-section-clean{margin-top:30px;padding:34px;border-radius:32px;background:#ffffffc2;border:1px solid rgba(255,255,255,.88);box-shadow:0 20px 50px #252e530f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.landing-section-soft{background:radial-gradient(circle at top center,rgba(114,105,255,.06),transparent 34%),#fffc}.section-heading-centered{text-align:center;margin-bottom:24px}.section-heading-centered .section-description{margin-inline:auto}.section-heading h2{margin:6px 0 0;font-size:clamp(2rem,3vw,3rem);line-height:1.05;letter-spacing:-.05em;color:#1f2648}.section-description{margin:10px 0 0;color:#6e7890;line-height:1.78;max-width:72ch}.feature-grid-v2,.steps-grid-v2{gap:18px}.feature-clean-card,.step-clean-card{background:#ffffffe6;border:1px solid rgba(232,236,248,.95);border-radius:26px;padding:26px;box-shadow:0 14px 28px #232e520d}.feature-clean-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;margin-bottom:18px;background:linear-gradient(135deg,#6673ff1f,#c765e41f);color:#655fff;font-weight:900;font-size:18px}.feature-clean-card h3,.step-clean-card h3{margin:0 0 10px;font-size:1.28rem;letter-spacing:-.03em;color:#1f2645}.feature-clean-card p,.step-clean-card p{margin:0;color:#6f7991;line-height:1.72}.step-number-badge{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;margin-bottom:18px;background:linear-gradient(135deg,#6d63ff,#7b7dff);color:#fff;font-weight:900;box-shadow:0 12px 24px #6b67ff3d}.landing-final-cta{margin-top:30px}.landing-final-cta-card{padding:42px 28px;border-radius:34px;text-align:center;background:radial-gradient(circle at top center,rgba(115,103,255,.12),transparent 32%),linear-gradient(180deg,#ffffffe6,#f6f8fff2);border:1px solid rgba(255,255,255,.92);box-shadow:0 24px 56px #242d5214}.landing-final-cta-card h2{margin:6px 0 0;font-size:clamp(2rem,3vw,3.1rem);line-height:1.02;letter-spacing:-.05em;color:#1d2446}.landing-final-cta-card p:not(.eyebrow){margin:14px auto 0;max-width:760px;color:#69748d;line-height:1.8;font-size:1.05rem}.weekly-competition{background:radial-gradient(circle at top center,rgba(108,118,255,.08),transparent 34%),linear-gradient(180deg,#ffffffeb,#f8fafff0);border:1px solid rgba(233,237,248,.92);border-radius:28px;box-shadow:0 16px 34px #2730540d;padding:24px}.weekly-competition-head{margin-bottom:18px}.weekly-competition-head h3{margin:0;font-size:1.45rem;letter-spacing:-.03em;color:var(--text)}.weekly-competition-head p{margin:8px 0 0;color:var(--muted);line-height:1.65}.weekly-competition-list{display:grid;gap:12px}.weekly-competition-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;border:1px solid rgba(231,236,248,.95);background:#fffffff5;border-radius:22px;padding:16px 18px;box-shadow:0 10px 22px #222d520a}.weekly-competition-user{display:flex;align-items:center;gap:14px;min-width:0}.weekly-rank{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;font-weight:800;font-size:.95rem;background:linear-gradient(135deg,#252d4c,#445071);color:#fff;flex-shrink:0;box-shadow:0 8px 18px #252d4c29}.weekly-avatar,.weekly-avatar-fallback{width:52px;height:52px;min-width:52px;max-width:52px;min-height:52px;max-height:52px;border-radius:999px;overflow:hidden;flex-shrink:0}.weekly-avatar{display:block;object-fit:cover;object-position:center;background:#eef2ff;border:2px solid rgba(97,91,255,.12);box-shadow:0 8px 18px #1f2a4e0f}.weekly-avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#eef1ff,#f6f2ff);color:#4f5875;font-weight:800}.weekly-user-text{min-width:0}.weekly-user-name{margin:0;font-weight:800;color:var(--text);font-size:1.06rem;line-height:1.2}.weekly-user-meta{margin:6px 0 0;color:var(--muted);font-size:.96rem;line-height:1.4}.weekly-score{text-align:right;flex-shrink:0;min-width:110px}.weekly-score-label{margin:0;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.weekly-score-value{margin:6px 0 0;font-size:1.5rem;font-weight:900;letter-spacing:-.03em;color:var(--text);line-height:1}.weekly-competition-note,.weekly-competition-empty,.weekly-competition-loading{margin-top:14px;color:var(--muted)}.weekly-competition-empty,.weekly-competition-loading{padding:14px 16px;border:1px solid rgba(160,175,205,.16);border-radius:16px;background:#ffffffb8}@media(max-width:1180px){.hero-showcase-grid{grid-template-columns:220px 1fr}.hero-floating-card-left,.hero-floating-card-right{display:none}}@media(max-width:980px){.landing-nav{display:none}.hero.hero-v5{min-height:auto}.hero-main-bottom,.hero-main-cards{grid-template-columns:1fr}}@media(max-width:860px){.public-page.tuopo-public-v2{padding:18px 14px 40px}.landing-topbar{flex-wrap:wrap;justify-content:center;padding-bottom:18px}.landing-topbar-actions{width:100%;justify-content:center}.hero.hero-v5,.landing-section.landing-section-clean,.landing-final-cta-card{padding:24px 22px;border-radius:26px}.hero.hero-v5{gap:30px}.hero-copy-v5{gap:20px}.hero-copy-v5 h1{max-width:14ch;font-size:clamp(2.5rem,11vw,4rem);line-height:1.04}.hero-copy-v5 p{font-size:1rem;line-height:1.7}.hero-showcase-grid{grid-template-columns:1fr}.hero-showcase-sidebar{border-right:0;border-bottom:1px solid rgba(229,233,246,.95)}.hero-main-header{flex-direction:column}.hero-trust-row{flex-direction:column;width:100%}.hero-trust-item{width:100%;min-width:0}.three-grid{grid-template-columns:1fr}}.flashcards-session-card{overflow:hidden}.flashcards-session-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.flashcards-session-head h3{margin:4px 0 0;font-size:1.35rem;letter-spacing:-.02em}.flashcards-session-copy{margin-top:10px}.flashcard-status-chip{padding:10px 14px;border-radius:999px;background:#5f6fff1a;color:var(--primary);font-size:13px;font-weight:800;white-space:nowrap}.flashcard-status-chip.is-success{background:#1fb97a1f;color:var(--green)}.flashcard-status-chip.is-danger{background:#ff6f7d1f;color:var(--red)}.flashcard-player{min-height:440px;perspective:1400px;padding:0;background:radial-gradient(circle at top right,rgba(95,111,255,.12),transparent 28%),radial-gradient(circle at bottom left,rgba(124,92,255,.08),transparent 28%),linear-gradient(180deg,#fffffff0,#f6f9fff5)}.flashcard-player-inner{position:relative;width:100%;min-height:440px;transform-style:preserve-3d;transition:transform .6s ease}.flashcard-player.is-back .flashcard-player-inner{transform:rotateY(180deg)}.flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;padding:28px;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between}.flashcard-back{transform:rotateY(180deg)}.flashcard-face-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.flashcard-chip{padding:8px 12px;border-radius:999px;background:#5f6fff1a;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.flashcard-chip-answer{background:#1fb97a1f;color:var(--green)}.flashcard-content{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px 8px}.flashcard-content h2{margin:0;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.25;letter-spacing:-.03em;max-width:24ch}.flashcard-actions{display:flex;justify-content:center;padding-top:10px}.flashcard-rate-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.flashcard-rate-button{border:0;border-radius:18px;padding:16px 18px;font-weight:800;font-size:1rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.flashcard-rate-button:hover{transform:translateY(-1px)}.flashcard-rate-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.flashcard-rate-button.is-unknown{background:linear-gradient(135deg,#fff1f1,#ffe3e6);color:#c93f57;border:1px solid rgba(201,63,87,.12)}.flashcard-rate-button.is-known{background:linear-gradient(135deg,#eaf8f0,#dcfce8);color:#11885a;border:1px solid rgba(17,136,90,.12)}.flashcard-secondary-action{display:flex;justify-content:center;margin-top:14px}.flashcards-empty-cta{min-height:260px;display:flex;align-items:center;justify-content:center}.flashcards-empty-center{text-align:center;max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:14px;align-items:center}.flashcards-empty-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#eef2ff,#f4f6ff);border:1px solid rgba(92,124,255,.15)}.flashcards-empty-center h3{margin:0;font-size:1.4rem}.flashcards-empty-action{margin-top:8px}.flashcards-empty-action select{min-width:220px;text-align:center;font-weight:600;cursor:pointer;border-radius:999px;padding:12px 16px;border:1px solid var(--line);background:#fff;transition:all .2s ease}.flashcards-empty-action select:hover{border-color:var(--primary);box-shadow:0 4px 14px #5c7cff26}@media(max-width:800px){.flashcards-session-head{flex-direction:column;align-items:stretch}.flashcard-player,.flashcard-player-inner{min-height:380px}.flashcard-face{padding:20px}.flashcard-content h2{max-width:100%;font-size:1.55rem}.flashcard-rate-actions{grid-template-columns:1fr}.weekly-competition-item{grid-template-columns:1fr;align-items:stretch}.weekly-score{text-align:left;min-width:0;padding-left:52px}}.profile-avatar-uploader{border:1px solid rgba(168,179,209,.18);border-radius:24px;padding:18px;background:radial-gradient(circle at top right,rgba(97,91,255,.08),transparent 28%),linear-gradient(180deg,#fffffff5,#f7f9fff0);box-shadow:0 10px 24px #1f2a4e0a}.profile-avatar-uploader__header{margin-bottom:14px}.profile-avatar-uploader__label{display:inline-block;font-weight:800;color:var(--text);font-size:1rem}.profile-avatar-uploader__body{display:flex;align-items:center;gap:18px}.profile-avatar-uploader__preview{flex-shrink:0}.profile-avatar-uploader__image,.profile-avatar-uploader__fallback{width:92px;height:92px;border-radius:24px}.profile-avatar-uploader__image{object-fit:cover;display:block;border:2px solid rgba(255,255,255,.95);box-shadow:0 12px 28px #1f2a4e1a;background:#eef2ff}.profile-avatar-uploader__fallback{display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2),var(--primary-3));color:#fff;font-size:2rem;font-weight:900;box-shadow:0 14px 30px #615bff38}.profile-avatar-uploader__content{min-width:0;flex:1;display:grid;gap:14px}.profile-avatar-uploader__title{color:var(--text);font-size:1.02rem}.profile-avatar-uploader__hint{margin:0;color:var(--muted);line-height:1.6}.profile-avatar-uploader__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.profile-avatar-uploader__filename{color:var(--muted);font-size:.95rem;line-height:1.4;word-break:break-word}.profile-avatar-uploader__input{display:none}@media(max-width:720px){.profile-avatar-uploader__body{flex-direction:column;align-items:flex-start}.profile-avatar-uploader__image,.profile-avatar-uploader__fallback{width:84px;height:84px;border-radius:22px}.profile-avatar-uploader__actions{width:100%;align-items:flex-start;flex-direction:column}}.review-option-card{height:100%}.review-option-content{min-height:100%;display:flex;flex-direction:column;gap:14px}.review-option-meta{margin-top:4px}.review-option-button{margin-top:auto;align-self:flex-start}.onboarding-study-days{margin-top:10px}.study-days-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.study-day-chip{border:1px solid rgba(99,102,241,.18);background:#ffffffb8;color:var(--text, #1f2a44);border-radius:16px;min-height:54px;padding:0 12px;font-weight:800;font-size:.95rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.study-day-chip:hover{transform:translateY(-1px);border-color:#6366f152;box-shadow:0 10px 22px #6366f11f}.study-day-chip.active{background:linear-gradient(135deg,#6d5efc,#5a7cff);color:#fff;border-color:transparent;box-shadow:0 12px 26px #5d60fa3d}@media(max-width:820px){.study-days-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.onboarding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;align-items:end}.auth-card .stack{display:flex;flex-direction:column;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field input,.field select,.field textarea{min-height:48px}.field+.field{margin-top:2px}.onboarding-study-days{margin-top:12px}.field textarea{padding-top:12px}.primary-button{margin-top:8px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem;letter-spacing:.02em}.brand-logo{width:28px;height:28px;object-fit:contain;border-radius:6px}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-title{font-weight:800;font-size:.95rem}.brand-sub{font-size:.7rem;opacity:.6}.hero-copy-v5 h1{margin-bottom:25px}.dashboard-hero-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:18px;align-items:start}.dashboard-welcome-card{min-height:118px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at top right,rgba(97,91,255,.1),transparent 32%),linear-gradient(180deg,#fffffff5,#f6f8fffa);border:1px solid rgba(97,91,255,.1)}.dashboard-welcome-eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:10px}.dashboard-welcome-text{margin:0;color:var(--text);font-size:1.02rem;line-height:1.7;font-weight:600}.dashboard-welcome-caret{display:inline-block;margin-left:2px;color:var(--primary);animation:dashboardCaretBlink 1s step-end infinite}@keyframes dashboardCaretBlink{50%{opacity:0}}@media(max-width:980px){.dashboard-hero-row{grid-template-columns:1fr}}.topbar-right{display:flex;align-items:center;gap:12px}.streak-pill{border:0;display:inline-flex;align-items:center;gap:10px;height:44px;padding:6px 12px;border-radius:16px;background:linear-gradient(135deg,#fff1ee,#ffe5de 55%,#ffddd6);color:#8d2d20;box-shadow:0 10px 20px #e45a3f29}.streak-pill:hover{transform:none}.streak-pill-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#ff8a5b,#ff5c57);color:#fff;box-shadow:0 6px 14px #ff664c42;font-size:14px;flex-shrink:0}.streak-pill-body{display:flex;align-items:center;gap:8px;min-width:0}.streak-pill-copy{display:flex;align-items:baseline;gap:4px;line-height:1}.streak-pill-copy strong{font-size:.95rem;font-weight:900;letter-spacing:-.02em;color:#7a2017}.streak-pill-copy span{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#b04a3d}.streak-separator{font-size:.7rem;opacity:.5}.streak-pill-helper{font-size:.7rem;font-weight:700;color:#b04a3d;white-space:nowrap}.streak-pill-helper.is-complete{color:#8f2d22}.streak-tier-0{opacity:.92}.streak-tier-1 .streak-pill-icon,.streak-tier-2 .streak-pill-icon{animation:streakPulse 2.6s ease-in-out infinite}.streak-tier-3 .streak-pill-icon,.streak-tier-4 .streak-pill-icon{animation:streakPulse 1.9s ease-in-out infinite}.streak-tier-5 .streak-pill-icon,.streak-tier-6 .streak-pill-icon,.streak-tier-7 .streak-pill-icon{animation:streakPulse 1.25s ease-in-out infinite;box-shadow:0 10px 22px #ff584657}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media(max-width:720px){.streak-pill-helper{display:none}}.topbar-left{display:flex;align-items:center}.sidebar-toggle{display:none;width:46px;height:46px;padding:0;border:1px solid rgba(168,179,209,.22);border-radius:14px;background:#ffffffeb;box-shadow:0 10px 24px #1f2a4e0d;align-items:center;justify-content:center;flex-direction:column;gap:4px}.sidebar-toggle span{width:18px;height:2px;border-radius:999px;background:var(--text);display:block}.sidebar-mobile-head{display:none}.sidebar-close{border:0;width:40px;height:40px;border-radius:12px;background:#615bff14;color:var(--primary);font-size:20px;font-weight:800;display:inline-grid;place-items:center}.shell-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#181e336b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:40;border:0;padding:0}.shell-overlay.visible{opacity:1;pointer-events:auto}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;z-index:50;width:min(82vw,320px);height:100vh;transform:translate(-100%);transition:transform .24s ease;box-shadow:0 28px 80px #1b264a2e;border-right:1px solid var(--line-soft)}.sidebar.mobile-open{transform:translate(0)}.sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.sidebar-toggle{display:inline-flex}.topbar{padding:16px 16px 0}.page{padding:18px 16px 36px}.topbar-right{gap:10px}}@media(min-width:981px){.shell-overlay,.sidebar-close{display:none}}@media(max-width:720px){.topbar{align-items:center}.avatar-circle,.avatar-image{width:42px;height:42px}}@media(max-width:720px){.stack-xl{gap:18px}.page{padding-top:14px}.section-head{align-items:flex-start}.section-head h1{font-size:2.15rem;line-height:1.02;letter-spacing:-.05em}.dashboard-hero-row{gap:14px}.dashboard-welcome-card{min-height:auto;padding:18px;border-radius:24px}.dashboard-welcome-text{font-size:1rem;line-height:1.65}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{min-height:132px;padding:18px 16px;border-radius:24px}.stat-label{font-size:.98rem}.stat-value{font-size:2.1rem;margin-top:10px}.stat-hint{font-size:.95rem}.grid-2{grid-template-columns:1fr;gap:12px}.card{padding:18px;border-radius:24px}.card-title-row{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:14px}.card-title-row>div{min-width:0;flex:1}.card-title-row .text-link{flex-shrink:0;text-align:right;line-height:1.3;font-size:.98rem}.row-line{align-items:flex-start}.row-line>span{flex:1;font-size:1rem}.row-line>strong{font-size:.95rem;line-height:1.35}.weekly-trend-bars{gap:8px;min-height:170px;margin-top:14px}.weekly-trend-item{min-height:138px}.weekly-trend-count{font-size:12px;margin-bottom:8px}.weekly-trend-label{font-size:11px;margin-top:8px}.mini-bar-wrap.weekly-trend-item .mini-bar{min-height:14px;border-radius:12px 12px 6px 6px}.coverage-head{flex-direction:column;align-items:flex-start;gap:6px}.coverage-head span{text-align:left;font-size:.95rem}.coverage-meta{flex-direction:column;align-items:flex-start;gap:4px;font-size:.95rem}.segmented{width:100%;gap:8px}.segmented-btn{flex:1 1 calc(50% - 4px);min-height:42px;text-align:center;padding:10px 12px}}@media(max-width:420px){.section-head h1{font-size:1.95rem}.dashboard-welcome-card{padding:16px}.dashboard-welcome-text{font-size:.98rem}.stat{min-height:124px;padding:16px 14px}.stat-value{font-size:1.9rem}.segmented-btn{flex-basis:100%}}.test-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.test-card{min-width:0}.test-card h2{margin:10px 0 0;font-size:clamp(2rem,2.2vw,2.5rem);line-height:1.22;letter-spacing:-.03em}.question-meta{color:var(--primary);font-weight:800;font-size:.95rem;line-height:1.3}.options-list{display:grid;gap:12px;margin-top:20px}.option-button{text-align:left;border:1px solid rgba(168,179,209,.2);background:#fffffff0;padding:16px 18px;border-radius:20px;color:var(--text);box-shadow:0 8px 18px #1f2a4e05;line-height:1.45}.option-button:hover{border-color:#615bff2e;background:#fff}.option-button.selected{border-color:#615bff47;background:linear-gradient(180deg,#615bff14,#7b5cff14);box-shadow:inset 0 0 0 1px #615bff14}.test-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px;flex-wrap:wrap}.inline-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.palette-card{align-self:start;position:sticky;top:24px}.palette-card h3{margin:0}.palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.palette-item{border:1px solid rgba(168,179,209,.2);background:#fffffff0;border-radius:16px;min-height:42px;height:42px;display:grid;place-items:center;font-weight:700;color:var(--text)}.palette-item.active{border-color:#615bff52;background:#615bff1f}.palette-item.answered{background:#ffcf5a38;border-color:#ffcf5a7a}.mobile-question-rail{display:none;min-width:0}.mobile-question-rail-shell{background:var(--panel-soft);border:1px solid rgba(255,255,255,.92);border-radius:22px;box-shadow:var(--shadow);padding:12px}.mobile-question-rail-track{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-question-rail-track::-webkit-scrollbar{display:none}.mobile-question-pill{flex:0 0 auto;min-width:44px;height:44px;border-radius:14px;border:1px solid rgba(168,179,209,.22);background:#fffffff0;color:var(--text);font-weight:800;display:inline-grid;place-items:center;box-shadow:0 8px 18px #1f2a4e08}.mobile-question-pill:hover{transform:none;border-color:#615bff33}.mobile-question-pill.active{border-color:#615bff57;background:linear-gradient(180deg,#615bff1f,#7b5cff1a);color:var(--primary);box-shadow:inset 0 0 0 1px #615bff0f}.mobile-question-pill.answered{background:#ffcf5a33;border-color:#ffcf5a6b}.mobile-question-pill.active.answered{background:linear-gradient(180deg,#615bff24,#7b5cff1f);border-color:#615bff57}@media(max-width:980px){.test-layout{grid-template-columns:1fr;gap:14px}.mobile-question-rail{display:block;order:1}.test-card{order:2}.palette-card{display:none}.test-actions{margin-top:18px;flex-direction:column;align-items:stretch}.test-actions>.secondary-button,.test-actions>.primary-button,.test-actions .secondary-button,.test-actions .primary-button{width:100%}.inline-actions{width:100%;display:flex;flex-direction:column;gap:10px;justify-content:stretch}}@media(max-width:720px){.test-layout{gap:12px}.test-card{padding:18px;border-radius:24px}.test-card h2{margin-top:8px;font-size:clamp(1.9rem,7vw,2.4rem);line-height:1.2;letter-spacing:-.04em}.question-meta{font-size:.88rem}.options-list{gap:10px;margin-top:16px}.option-button{padding:14px 15px;border-radius:18px;font-size:.98rem;line-height:1.4}.mobile-question-rail-shell{padding:10px;border-radius:20px}.mobile-question-rail-track{gap:8px}.mobile-question-pill{min-width:42px;height:42px;border-radius:13px;font-size:.95rem}}@media(max-width:420px){.test-card{padding:16px}.test-card h2{font-size:clamp(1.75rem,8vw,2.2rem)}.option-button{padding:13px 14px;font-size:.96rem}.mobile-question-pill{min-width:40px;height:40px;font-size:.92rem}}.results-session-select-wrap{width:100%;max-width:280px}.results-card-title-row{align-items:flex-start}.results-card-title-copy{min-width:0}.results-card-title-copy h3{margin:0}.results-card-title-copy .muted{margin-top:10px;line-height:1.65}.session-select{width:100%;min-width:0;max-width:100%}.report-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.95fr);gap:18px;align-items:start}.report-left,.report-right{min-width:0}.report-left{display:grid;gap:14px}.report-actions{display:flex;gap:12px;flex-wrap:wrap}.report-actions .primary-btn,.report-actions .secondary-button,.report-actions .primary-button{min-width:180px}.audio-player-shell audio{width:100%;display:block}.audio-lyrics-card{min-height:240px;max-height:360px;overflow:hidden}.audio-lyrics-head{align-items:flex-start}.audio-lyrics-head h4{line-height:1.25}.audio-lyrics-list{min-height:0}.review-item{overflow:hidden}.result-question-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.result-question-title{min-width:0;flex:1;display:block;line-height:1.42;font-size:1.02rem}.answer-compare-list{display:grid;gap:12px}.answer-compare-item{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start}.answer-compare-item-wrong .answer-compare-icon{color:#dc2626}.answer-compare-item-correct .answer-compare-icon{color:#16a34a}.answer-compare-icon{font-weight:900;font-size:1.05rem;line-height:1.2;margin-top:2px}.answer-compare-copy{min-width:0}.answer-compare-copy strong{display:block;line-height:1.3}.answer-compare-copy p{margin:4px 0 0;line-height:1.55;word-break:break-word}.review-item .muted{line-height:1.62}@media(max-width:980px){.report-layout{grid-template-columns:1fr;gap:16px}.report-right{order:2}.report-left{order:1}.results-session-select-wrap{max-width:100%}.session-select{min-height:52px}}@media(max-width:720px){.results-session-select-wrap{width:100%}.session-select{width:100%;font-size:.98rem;padding:14px 16px;border-radius:18px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{min-height:116px}.stat-label{font-size:.95rem;line-height:1.3}.stat-value{font-size:1.9rem;line-height:1.05}.card-title-row.results-card-title-row{flex-direction:column;align-items:stretch;gap:10px}.report-actions{display:grid;grid-template-columns:1fr;gap:10px}.report-actions .primary-btn,.report-actions .secondary-button,.report-actions .primary-button{width:100%;min-width:0}.audio-player-shell,.audio-player-placeholder{min-height:auto}.audio-lyrics-card{min-height:auto;max-height:none;padding:16px;border-radius:22px}.audio-lyrics-head{flex-direction:column;gap:10px}.audio-lyrics-clock{align-self:flex-start;font-size:12px;padding:7px 10px}.audio-lyrics-list{max-height:220px}.audio-lyrics-line{font-size:.98rem;line-height:1.58}.result-question-head{gap:10px}.result-question-title{font-size:.99rem;line-height:1.45}.tag{margin-left:0}.review-item{padding:16px;border-radius:20px}.answer-compare-item{grid-template-columns:18px minmax(0,1fr);gap:10px}.answer-compare-copy strong{font-size:.98rem}.answer-compare-copy p{font-size:.97rem}}@media(max-width:420px){.stats-grid{gap:10px}.stat{min-height:108px;padding:16px 14px}.stat-label{font-size:.9rem}.stat-value{font-size:1.7rem}.session-select{font-size:.95rem}.result-question-title{font-size:.96rem}.review-item .muted,.answer-compare-copy p{font-size:.95rem}}.review-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.review-stat-card{background:var(--panel-soft);border:1px solid rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:124px}.review-options-grid{align-items:stretch}.review-option-card{height:100%;min-width:0}.review-option-content{min-height:100%;display:flex;flex-direction:column;gap:16px}.review-option-content h3{margin:0;font-size:1.55rem;line-height:1.18;letter-spacing:-.03em;color:var(--text)}.review-option-content .muted{line-height:1.65;font-size:1rem}.review-option-meta{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:6px}.review-option-meta strong{font-size:2rem;line-height:1;letter-spacing:-.04em;color:var(--text)}.review-option-meta .muted{margin:0;font-size:.98rem;line-height:1.4}.review-option-button{width:100%;margin-top:4px;min-height:52px;justify-content:center}@media(max-width:980px){.review-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-options-grid{grid-template-columns:1fr;gap:14px}.review-option-card{border-radius:24px}.review-option-content h3{font-size:1.42rem}.review-option-meta strong{font-size:1.8rem}}@media(max-width:720px){.review-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.review-stat-card{min-height:112px;padding:18px 16px;border-radius:22px}.review-stat-card .stat-label{font-size:.94rem;line-height:1.3}.review-stat-card .stat-value{font-size:2rem;margin-top:10px;line-height:1.02}.review-options-grid{grid-template-columns:1fr;gap:12px}.review-option-card{padding:18px;border-radius:24px}.review-option-content{gap:14px}.review-option-content h3{font-size:1.22rem;line-height:1.24;max-width:16ch}.review-option-content .muted{font-size:.98rem;line-height:1.58}.review-option-meta{gap:2px;padding-top:2px}.review-option-meta strong{font-size:1.55rem}.review-option-meta .muted{font-size:.95rem}.review-option-button{min-height:50px;padding:14px 18px;font-size:.98rem}}@media(max-width:420px){.review-stats-grid{gap:10px}.review-stat-card{min-height:104px;padding:16px 14px}.review-stat-card .stat-label{font-size:.88rem}.review-stat-card .stat-value{font-size:1.75rem}.review-option-card{padding:16px;border-radius:22px}.review-option-content h3{font-size:1.12rem;max-width:100%}.review-option-content .muted{font-size:.95rem}.review-option-meta strong{font-size:1.42rem}.review-option-button{min-height:48px;font-size:.96rem}}.review-stats-grid{align-items:stretch}.review-stat-card{background:var(--panel-soft);border:1px solid rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow);min-height:122px;display:flex;flex-direction:column;justify-content:space-between}.review-main-card{overflow:hidden}.review-main-head h3{margin:0;font-size:1.5rem;line-height:1.15;letter-spacing:-.03em}.review-main-head .muted{margin-top:8px;max-width:70ch}.review-range-segmented{width:100%}.review-main-body{margin-top:20px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,360px);gap:18px;align-items:stretch}.review-main-copy,.review-main-summary{min-width:0}.review-main-copy{display:grid;align-content:start;gap:12px}.review-main-eyebrow{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.review-main-copy h2{margin:0;font-size:clamp(1.7rem,2.5vw,2.35rem);line-height:1.08;letter-spacing:-.05em;color:var(--text)}.review-main-summary{display:grid;gap:14px;align-content:start}.review-main-count-card{border:1px solid rgba(168,179,209,.18);border-radius:24px;padding:20px;background:radial-gradient(circle at top right,rgba(97,91,255,.08),transparent 28%),linear-gradient(180deg,#fffffff5,#f7f9fff0);box-shadow:0 10px 24px #1f2a4e0a}.review-main-count-label{display:block;color:var(--muted);font-weight:700;line-height:1.35}.review-main-count-value{display:block;margin-top:10px;font-size:3rem;font-weight:900;letter-spacing:-.05em;line-height:1;color:var(--text)}.review-main-button{width:100%;min-height:54px}@media(max-width:980px){.review-main-body{grid-template-columns:1fr;gap:16px}.review-main-summary{grid-template-columns:1fr}}@media(max-width:720px){.review-stat-card{padding:18px;border-radius:24px;min-height:118px}.review-main-card{padding:18px;border-radius:24px}.review-main-head h3{font-size:1.28rem}.review-main-body{margin-top:18px;gap:14px}.review-main-copy h2{font-size:1.75rem;line-height:1.12}.review-main-count-card{padding:18px;border-radius:20px}.review-main-count-value{font-size:2.45rem}.review-range-segmented{gap:8px}.review-range-segmented .segmented-btn{flex:1 1 100%;min-height:44px}}@media(max-width:420px){.review-main-copy h2{font-size:1.55rem}.review-main-count-value{font-size:2.15rem}}.resource-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.resource-row+.resource-row{border-top:1px solid rgba(168,179,209,.14)}.resource-row-title{font-size:1.05rem;line-height:1.35;color:var(--text)}.resource-row-date{margin:0;color:var(--muted);line-height:1.45;font-size:.95rem}.resource-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.resource-row-action{flex-shrink:0;white-space:nowrap;font-weight:800;line-height:1.2}@media(max-width:720px){.resource-row{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 0}.resource-row-main{width:100%}.resource-row-head{gap:8px;margin-bottom:8px}.resource-row-title{font-size:1rem}.resource-row-date{font-size:.92rem}.resource-row-action{padding:0;align-self:flex-start}}@media(max-width:720px){.resource-item{padding:14px;border-radius:18px}.resource-row{flex-direction:column;align-items:flex-start;gap:12px}.resource-row-action{width:100%;text-align:left}.resource-row-head{gap:8px}.resource-row-title{font-size:1rem}.resource-row-date{font-size:.94rem}}.resource-item{border:1px solid rgba(168,179,209,.14);border-radius:20px;background:#ffffffb8;padding:16px 18px}.resource-audio-player{margin-top:14px;padding-top:14px;border-top:1px solid rgba(168,179,209,.14)}.resource-audio-shell{border:1px solid rgba(168,179,209,.16);border-radius:18px;padding:14px;background:radial-gradient(circle at top right,rgba(97,91,255,.08),transparent 30%),linear-gradient(180deg,#fffffffa,#f6f8fff5);box-shadow:0 10px 24px #1f2a4e0a}.resource-audio-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.resource-audio-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-size:1.1rem;font-weight:900;box-shadow:0 10px 20px #615bff38;flex-shrink:0}.resource-audio-control-wrap{border-radius:16px;padding:10px 12px;background:#ffffffe0;border:1px solid rgba(168,179,209,.14)}.resource-native-audio{width:100%;display:block}@media(max-width:720px){.resource-item{padding:14px;border-radius:18px}.resource-row{flex-direction:column;align-items:flex-start;gap:12px}.resource-row-action{width:100%;text-align:left}.resource-row-head{gap:8px}.resource-row-title{font-size:1rem}.resource-row-date{font-size:.94rem}.resource-audio-shell{padding:12px;border-radius:16px}.resource-audio-top{align-items:flex-start}.resource-audio-icon{width:38px;height:38px;border-radius:12px}.resource-audio-control-wrap{padding:8px 10px;border-radius:14px}}.resources-card{overflow:hidden}.resource-item{border:1px solid rgba(168,179,209,.14);border-radius:22px;background:#ffffffb8;padding:16px 18px}.resource-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.resource-row-main{min-width:0;flex:1}.resource-row-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.resource-row-title{color:var(--text);line-height:1.35}.resource-row-date{margin:0;color:var(--muted);line-height:1.4}.resource-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.resource-badge-audio{background:#eef2ff;color:#4f46e5}.resource-badge-pdf{background:#eef6ff;color:#2563eb}.resource-row-action{flex-shrink:0;white-space:nowrap;font-weight:800}.resource-audio-player{margin-top:16px;padding-top:16px;border-top:1px solid rgba(168,179,209,.14)}.resource-audio-shell{border:1px solid rgba(168,179,209,.16);border-radius:20px;padding:16px;background:radial-gradient(circle at top right,rgba(97,91,255,.08),transparent 30%),linear-gradient(180deg,#fffffffa,#f6f8fff5);box-shadow:0 10px 24px #1f2a4e0a}.resource-audio-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.resource-audio-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-size:1.15rem;font-weight:900;box-shadow:0 10px 20px #615bff38;flex-shrink:0}.resource-audio-copy{min-width:0;display:grid;gap:2px}.resource-audio-copy strong{color:var(--text);line-height:1.25}.resource-audio-copy span{color:var(--muted);font-size:.94rem;line-height:1.35}.resource-audio-player-ui{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-radius:18px;background:#ffffffe0;border:1px solid rgba(168,179,209,.14)}.audio-control-btn{border:0;cursor:pointer;flex-shrink:0}.audio-play-btn{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-size:1.05rem;font-weight:900;box-shadow:0 12px 24px #615bff38}.audio-play-btn:hover{transform:translateY(-1px)}.audio-main-controls{min-width:0;display:grid;gap:10px}.audio-progress{position:relative;height:18px;cursor:pointer;display:flex;align-items:center}.audio-progress-track{width:100%;height:6px;border-radius:999px;background:#dfe5f6}.audio-progress-fill{position:absolute;left:0;top:50%;height:6px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--primary-2))}.audio-progress-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:999px;background:#fff;border:3px solid var(--primary);transform:translate(-50%,-50%);box-shadow:0 4px 12px #615bff33}.audio-time-row{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.9rem;font-weight:700}.audio-volume-group{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.audio-volume-btn{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#615bff14;color:var(--primary);font-size:1rem;font-weight:800;flex-shrink:0}.audio-volume-slider{flex:1;width:100%;min-width:0;accent-color:#615bff}@media(max-width:720px){.resource-item{padding:14px;border-radius:20px}.resource-row{flex-direction:column;align-items:flex-start;gap:12px}.resource-row-action{width:100%;text-align:left}.resource-audio-shell{padding:14px;border-radius:18px}.resource-audio-top{align-items:flex-start}.resource-audio-icon{width:40px;height:40px;border-radius:12px}.resource-audio-player-ui{grid-template-columns:1fr;gap:14px;padding:12px}.audio-play-btn{width:100%;height:48px;border-radius:14px}.audio-volume-group{min-width:0;width:100%}.audio-volume-slider{width:100%}.audio-volume-group{width:100%;min-width:0}.audio-volume-slider{width:100%;flex:1}}.grid-3{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.secondary-button{border:1px solid rgba(97,91,255,.14);background:#ffffffe6;color:var(--text);padding:12px 18px;border-radius:999px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-xs)}.temari-search-input{width:min(100%,360px);border:1px solid var(--line-strong);background:#ffffffe6;border-radius:16px;padding:12px 14px;color:var(--text)}.temari-topic-card{border:1px solid var(--line-soft);border-radius:22px;padding:20px;background:#ffffffb3;display:grid;gap:16px}.temari-topic-main,.temari-topic-actions,.reader-page-top,.reader-footer-actions,.row-actions{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap}.temari-topic-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-weight:700}.temari-topic-meta span,.reader-page-count,.reader-page-eyebrow{background:var(--bg-soft);border-radius:999px;padding:8px 12px}.reader-layout{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}.reader-sidebar-card{position:sticky;top:100px}.reader-page-list{max-height:70vh;overflow:auto}.reader-page-link{width:100%;text-align:left;border:1px solid var(--line-soft);background:#ffffffbf;border-radius:18px;padding:12px 14px;display:grid;gap:4px;color:var(--text)}.reader-page-link span{color:var(--muted);font-size:.88rem}.reader-page-link.active{border-color:#615bff2e;background:linear-gradient(135deg,#615bff1f,#7b5cff14)}.reader-page-card h2,.reader-page-card h3{margin:0}.reader-page-content{display:grid;gap:14px;line-height:1.75;color:var(--text-soft)}.reader-page-content h2,.reader-page-content h3{color:var(--text);letter-spacing:-.03em}.reader-page-content blockquote{margin:0;padding:14px 18px;border-left:4px solid var(--primary);background:#615bff0f;border-radius:14px;color:var(--text)}.reader-page-content ul{margin:0;padding-left:20px;display:grid;gap:8px}@media(max-width:1100px){.grid-3,.reader-layout{grid-template-columns:1fr}.reader-sidebar-card{position:static}}.temari-highlight-grid{align-items:stretch}.temari-search-head{display:flex;align-items:end;justify-content:space-between;gap:24px;flex-wrap:wrap}.temari-search-input{width:100%;max-width:420px;min-height:54px;border-radius:18px;border:1px solid rgba(110,121,160,.18);background:#ffffffb8;padding:0 18px;font-size:16px;color:#1b2340;outline:none}.temari-search-input::placeholder{color:#8b94b2}.temari-search-input:focus{border-color:#6660ff59;box-shadow:0 0 0 4px #6660ff14}.temari-topic-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid rgba(110,121,160,.12);border-radius:24px;background:#ffffff6b}.temari-topic-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.temari-topic-main strong{display:block;font-size:20px;line-height:1.2;color:#1b2340}.temari-topic-main .muted{margin-top:6px;max-width:920px}.temari-topic-meta{display:flex;flex-wrap:wrap;gap:10px}.temari-topic-meta span{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;background:#7167ff14;color:#5b6485;font-weight:700;font-size:15px;white-space:nowrap}.temari-topic-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:260px}.temari-topic-actions .primary-button,.temari-topic-actions .secondary-button{width:100%;justify-content:center}.list-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid rgba(110,121,160,.16);border-radius:16px;background:#ffffffb3;color:#1b2340;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.list-button:hover{transform:translateY(-1px);border-color:#6660ff2e;box-shadow:0 10px 24px #1a23500f}.list-button span{flex:1;min-width:0;font-size:15px;line-height:1.35;color:#28314f}.list-button strong{flex-shrink:0;font-size:15px;color:#1b2340;white-space:nowrap}.reader-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.reader-sidebar-card{position:sticky;top:24px}.reader-page-list{max-height:70vh;overflow:auto;padding-right:4px}.reader-page-link{width:100%;display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;padding:14px 16px;border:1px solid rgba(110,121,160,.14);border-radius:16px;background:#ffffffb3;color:#1b2340;cursor:pointer}.reader-page-link.active{border-color:#6660ff47;background:#7167ff14}.reader-page-link span{font-size:13px;color:#7b85a8}.reader-page-link strong{font-size:15px;line-height:1.35}.reader-page-card{padding:28px}.reader-page-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.reader-page-eyebrow{display:inline-block;margin-bottom:8px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6a63ff}.reader-page-count{flex-shrink:0;min-height:42px;padding:0 14px;display:inline-flex;align-items:center;border-radius:999px;background:#7167ff14;color:#5b6485;font-weight:700}.reader-page-content{display:flex;flex-direction:column;gap:16px}.reader-page-content h2{margin:0;font-size:28px;line-height:1.15;color:#17203d}.reader-page-content h3{margin:10px 0 0;font-size:20px;line-height:1.25;color:#17203d}.reader-page-content p{margin:0;font-size:17px;line-height:1.75;color:#34405f}.reader-page-content ul{margin:0;padding-left:20px;display:grid;gap:10px}.reader-page-content li{font-size:17px;line-height:1.65;color:#34405f}.reader-page-content blockquote{margin:4px 0 0;padding:18px 20px;border-left:4px solid rgba(102,96,255,.35);border-radius:14px;background:#7167ff0f;color:#25304f;font-size:16px;line-height:1.7}.reader-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.reader-footer-actions .primary-button,.reader-footer-actions .secondary-button{min-width:190px;justify-content:center}@media(max-width:1180px){.temari-topic-card{flex-direction:column;align-items:stretch}.temari-topic-actions{min-width:0;width:100%;flex-direction:row}.temari-topic-actions .primary-button,.temari-topic-actions .secondary-button{flex:1}}@media(max-width:980px){.reader-layout{grid-template-columns:1fr}.reader-sidebar-card{position:static}.temari-search-input{max-width:100%}}@media(max-width:720px){.temari-topic-card{padding:18px;gap:18px}.temari-topic-main strong{font-size:18px}.temari-topic-actions{flex-direction:column}.reader-page-card{padding:20px}.reader-page-top{flex-direction:column;align-items:flex-start}.reader-page-count{min-height:38px}.reader-footer-actions{flex-direction:column;align-items:stretch}.reader-footer-actions .primary-button,.reader-footer-actions .secondary-button{width:100%;min-width:0}.list-button{align-items:flex-start;flex-direction:column}.list-button strong{white-space:normal}}