:root{font-family:Georgia,Times New Roman,"Noto Serif SC",Songti SC,serif;color:#433d48;background:radial-gradient(circle at top left,rgba(173,141,132,.34),transparent 26%),radial-gradient(circle at 84% 15%,rgba(133,157,173,.3),transparent 24%),radial-gradient(circle at bottom right,rgba(129,148,133,.24),transparent 24%),linear-gradient(180deg,#f5eee7,#e8ddd1);line-height:1.5;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(135deg,#ffffff59,#fff0),linear-gradient(180deg,#f6f0e9,#e8ddd1)}button,input,select{font:inherit}button{border:none}#root{min-height:100vh}.page-shell{width:min(1360px,calc(100% - 40px));margin:0 auto;padding:28px 0 44px}.hero-panel,.soft-card,.practice-card,.side-card,.control-panel{border:1px solid rgba(98,88,81,.12);background:#fffbf6eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px #65584d29}.hero-panel{display:grid;grid-template-columns:1.2fr .9fr;gap:24px;padding:28px;border-radius:30px;position:relative;overflow:hidden;background:linear-gradient(135deg,#cbb4a747,#fffbf6f0 34%,#bdc9d13d),#fffbf6f0}.hero-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(160,132,122,.14),transparent 42%),radial-gradient(circle at 80% 20%,rgba(145,166,180,.24),transparent 18%);pointer-events:none}.hero-copy,.hero-aside{position:relative;z-index:1}.eyebrow{margin:0 0 10px;font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:#89685c}h1,h2,h3,strong{font-family:Palatino Linotype,Book Antiqua,STSong,serif}.hero-copy h1{margin:0;font-size:clamp(2.2rem,4vw,3.8rem);color:#3f3844}.hero-copy p{max-width:740px;margin:14px 0 0;color:#554d58;font-size:1.14rem}.hero-actions,.practice-actions,.pager-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.hero-aside{display:grid;gap:18px}.orb-card{padding:22px;min-height:160px;border-radius:26px;color:#fcfaf7;background:radial-gradient(circle at top,rgba(255,255,255,.18),transparent 38%),linear-gradient(155deg,#8d6f66,#6f8696 52%,#6e8474)}.orb-card span,.stat-card span,.metric-tile span,.progress-copy span,.ticket-label{display:block;color:inherit;opacity:.82}.orb-card strong{display:block;margin-top:10px;font-size:1.28rem;line-height:1.45}.orb-card small{display:block;margin-top:14px;opacity:.72}.hero-stats-grid,.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat-card,.metric-tile{padding:18px;border-radius:22px;background:linear-gradient(180deg,#fffaf6fa,#ebe2daf5)}.hero-stats-grid .stat-card:nth-child(1){background:linear-gradient(135deg,#d9c0b2,#efe0d5)}.hero-stats-grid .stat-card:nth-child(2){background:linear-gradient(135deg,#c8d3d8,#e5ecef)}.hero-stats-grid .stat-card:nth-child(3){background:linear-gradient(135deg,#c9c3b6,#e7e1d6)}.hero-stats-grid .stat-card:nth-child(4){background:linear-gradient(135deg,#bcc8bc,#dfe7df)}.stat-card strong,.metric-tile strong{display:block;margin-top:8px;font-size:1.72rem;color:#49424f}.stat-card small{display:block;margin-top:8px;color:#736962}.control-panel{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:18px 22px;border-radius:24px;background:linear-gradient(135deg,#d8c7bc73,#fffbf7f2 36%,#c7d3da61),#fffbf7f0}.mode-switch,.filters{display:flex;gap:10px;flex-wrap:wrap}.voice-pill{min-width:250px;padding:12px 16px;border-radius:18px;background:linear-gradient(135deg,#e4d8cef2,#f3eee8f5);box-shadow:inset 0 0 0 1px #7b6e6524}.voice-pill strong,.voice-pill span,.voice-pill small{display:block}.voice-pill strong{color:#564d49}.voice-pill span{margin-top:4px;color:#665c58;font-size:.98rem}.voice-pill small{margin-top:4px;color:#847873}.chip-btn,.primary-btn,.secondary-btn,.ghost-btn,.muted-btn,.option-btn{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.chip-btn:hover,.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.muted-btn:hover,.option-btn:hover{transform:translateY(-1px)}.chip-btn{padding:11px 16px;border-radius:999px;background:linear-gradient(135deg,#cdb9ac,#c2ced5);color:#4f4751}.chip-btn.active{background:linear-gradient(135deg,#8f6e63,#738899);color:#fffdf8;box-shadow:0 12px 24px #6f5f5442}select,input{min-height:46px;padding:0 14px;border-radius:16px;border:1px solid rgba(114,102,94,.18);background:#fffcf8fa;color:#4f4853;outline:none;font-size:1rem}.dashboard-grid,.study-grid{display:grid;gap:22px;margin-top:24px}.dashboard-grid{grid-template-columns:1.15fr .95fr}.study-grid{grid-template-columns:minmax(0,1.25fr) 320px}.soft-card,.practice-card,.side-card{padding:24px;border-radius:28px}.dashboard-grid .soft-card:nth-child(1){background:linear-gradient(180deg,#f8f0eafa,#efe4dcf0)}.dashboard-grid .soft-card:nth-child(2){background:linear-gradient(180deg,#eef4f7fa,#e1e9eef0)}.dashboard-grid .soft-card:nth-child(3){background:linear-gradient(180deg,#ecf1eafa,#e0e7ddf0)}.practice-card{background:linear-gradient(180deg,#f9f1ebfa,#ebe1d9f2),#fffcf8f2}.side-card{background:linear-gradient(180deg,#ecf3f6fa,#dfe7ecf2),#f9fcfdf2}.section-head h2{margin:0;font-size:1.72rem}.section-head p,.question-hint,.detail-list,.empty-state,.feedback-box{color:#5e5653;font-size:1.05rem}.chapter-list{display:grid;gap:16px;margin-top:22px}.progress-row{display:grid;gap:10px}.progress-copy{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.progress-track{height:12px;border-radius:999px;overflow:hidden;background:#cabcb27a}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#69836b,#a6a08d)}.progress-track.clay .progress-fill{background:linear-gradient(90deg,#8f6255,#c4a488)}.mini-chart{min-height:300px;display:flex;gap:14px;align-items:end;margin-top:18px;padding-top:16px}.chart-column{flex:1;display:grid;justify-items:center;gap:8px}.chart-bar{width:100%;min-height:24px;border-radius:18px 18px 6px 6px;background:linear-gradient(180deg,#986f67,#738b9a 52%,#768a79);box-shadow:inset 0 10px 20px #ffffff2e}.compact{grid-template-columns:1fr 1fr}.flashcard-card{min-height:520px}.flashcard-face{display:grid;place-items:center;gap:18px;min-height:320px;margin-top:18px;padding:28px;border-radius:28px;text-align:center;background:radial-gradient(circle at top,rgba(255,255,255,.72),transparent 46%),linear-gradient(160deg,#ccb6ad,#aabac5 52%,#d3c3b6);color:#433d49}.flashcard-face span{font-size:1.14rem;letter-spacing:.08em;text-transform:uppercase;opacity:.74}.flashcard-face strong{font-size:clamp(2.2rem,4vw,3.7rem)}.flashcard-face small{max-width:520px;font-size:1.08rem}.flashcard-face.revealed{background:radial-gradient(circle at top,rgba(255,255,255,.75),transparent 46%),linear-gradient(160deg,#b8c3b2,#a7b6c0 52%,#cdbfb3)}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.option-btn{min-height:72px;padding:16px;border-radius:22px;background:linear-gradient(180deg,#fffcf8fc,#e0d6cdf7);color:#4f4744;box-shadow:inset 0 0 0 1px #73676024;font-size:1.08rem}.option-btn:nth-child(2n){background:linear-gradient(180deg,#f5f9fbfc,#d9e2e8f7)}.dictation-box{display:grid;grid-template-columns:1fr auto;gap:14px;margin-top:24px}.detail-list{margin:18px 0 0;padding-left:18px}.detail-list li+li{margin-top:10px}.feedback-box{margin-top:20px;padding:14px 16px;border-radius:16px;background:#c5d6c6eb}.feedback-box.warn{background:#ddc3b6eb}.primary-btn,.secondary-btn,.ghost-btn,.muted-btn{min-height:48px;padding:0 18px;border-radius:16px;font-size:1.04rem}.primary-btn{color:#fdf9f5;background:linear-gradient(135deg,#8e6b61,#6f8695);box-shadow:0 14px 24px #67584f3d}.secondary-btn{color:#4e4743;background:linear-gradient(135deg,#d4c2b5,#e4dad3)}.ghost-btn{color:#534c49;background:linear-gradient(135deg,#ecf3f6f0,#faf7f3f5);box-shadow:inset 0 0 0 1px #75696126}.muted-btn{color:#51423e;background:linear-gradient(135deg,#bda395,#d1c0b3)}.notebook-card{margin-top:24px}.notebook-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:18px}.word-ticket{display:grid;gap:12px;padding:20px;border-radius:24px;background:linear-gradient(180deg,#fefaf6fc,#ece4ddf5),#fff9;box-shadow:inset 0 0 0 1px #7367601f}.word-ticket:nth-child(2n){background:linear-gradient(180deg,#eff5f8fc,#e0e8edf5),#fff9}.word-ticket h3{margin:6px 0 2px;font-size:1.65rem}.ticket-meta{display:flex;flex-wrap:wrap;gap:10px;color:#706762;font-size:1rem}.empty-state{display:grid;place-items:center;min-height:180px;padding:20px;border-radius:22px;background:#e5ddd6b3;text-align:center}@media (max-width: 1080px){.hero-panel,.dashboard-grid,.study-grid{grid-template-columns:1fr}.control-panel{flex-direction:column;align-items:stretch}.voice-pill{min-width:0}}@media (max-width: 720px){.page-shell{width:min(100% - 24px,1360px);padding-top:16px}.hero-panel,.soft-card,.practice-card,.side-card,.control-panel{border-radius:22px}.hero-stats-grid,.metric-grid,.option-grid,.dictation-box{grid-template-columns:1fr}.practice-actions,.hero-actions,.pager-row{flex-direction:column}}