@font-face{font-family:pretendard;src:url(../media/PretendardVariable-s.p.0ztvx5mb7lxp4.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:pretendard Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}.gofz9G_className{font-family:pretendard,pretendard Fallback}.gofz9G_variable{--font-pretendard:"pretendard", "pretendard Fallback"}
@layer legacy{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sidebar-width:238px;--canvas:#f8f7f2;--ivory:#f3f2e9;--surface:#fffefa;--ink:#283b34;--muted:#707970;--border:#e5e8df;--forest:#214d3e;--forest-dark:#163d30;--green:#376b52;--mint:#e5f1e8;--mint-ink:#39644b;--lavender:#efebf7;--lavender-ink:#70608e;--peach:#faeade;--peach-ink:#925d3e;--sky:#e8eff4;--sky-ink:#48697f;--red:#a0443d;--red-soft:#fbede9;--radius:18px;--radius-sm:11px;--shadow:0 3px 16px #213a2b08;--shadow-hover:0 8px 26px #213a2b12;--focus:#447e61;--ease:.18s ease;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:100px}body{background:var(--canvas);color:var(--ink);letter-spacing:-.015em;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.65}::selection{color:var(--forest-dark);background:#cee5d5}h1,h2,h3,h4,p,blockquote{margin:0}h1,h2,h3,h4{letter-spacing:-.04em;text-wrap:balance;font-weight:650;line-height:1.4}h1{font-size:clamp(26px,2.5vw,34px)}h2{font-size:23px}h3{font-size:17px}h4{font-size:14px}small{font-size:12px}strong,b{font-weight:650}button,input,select,textarea{font:inherit;letter-spacing:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--ease), color var(--ease), border-color var(--ease), box-shadow var(--ease), transform var(--ease);background:0 0;border:0;padding:0}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}button:disabled{opacity:.5}a{color:var(--green);text-underline-offset:4px}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}svg{vertical-align:middle;flex-shrink:0}img,video{max-width:100%;height:auto;display:block}audio{border-radius:22px;width:100%;max-width:100%;height:44px;display:block}input,select,textarea{border-radius:var(--radius-sm);background:var(--surface);min-width:0;max-width:100%;color:var(--ink);accent-color:var(--forest);transition:border-color var(--ease), box-shadow var(--ease);border:1px solid #dce1d6;padding:11px 13px}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{width:100%;min-height:46px}select{padding-right:28px}textarea{resize:vertical;line-height:1.8}input::placeholder,textarea::placeholder{color:#868d83}input:focus,select:focus,textarea:focus{border-color:var(--focus);box-shadow:0 0 0 3px #447e611a}input:disabled,select:disabled,textarea:disabled{color:var(--muted);opacity:1;background:#f2f3ed}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--red)}input[type=checkbox],input[type=radio]{flex-shrink:0;width:18px;height:18px;margin:0}input[type=range]{width:100%;padding:0}input[type=file]{padding:8px}input::file-selector-button{background:var(--mint);color:var(--forest);font:inherit;cursor:pointer;border:0;border-radius:7px;margin-right:12px;padding:7px 10px}.card,.stat-card,.routine-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow)}.card{padding:26px}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.8}.full{width:100%}.eyebrow,.mini-label,.nav-label{color:#6a7f6a;letter-spacing:.15em;font-size:10px;font-weight:700;line-height:1.5}.eyebrow{margin-bottom:10px}.btn{text-align:center;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 17px;font-size:13px;font-weight:600;line-height:1.5;display:inline-flex}.btn.primary{background:var(--forest);color:#fffef7}.btn.secondary{background:var(--surface);color:var(--forest);border-color:#dce3d8}.btn.soft{background:var(--mint);color:var(--forest)}.btn.danger{background:var(--red);color:#fff}.btn.text-btn{color:var(--muted)}.btn.hero-btn{color:var(--forest-dark);background:#f6f7e7;gap:11px}.btn.diagnostic-btn{color:#536237;background:#fffef4;border-color:#d4dbb8;width:100%}.icon-btn{width:38px;height:38px;color:var(--muted);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.text-link,.back-link{min-height:38px;color:var(--green);align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.back-link{font-size:13px}.section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.section-heading>div{min-width:0}.section-heading h3{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.section-heading p:not(.eyebrow){margin-top:6px}.subtle-badge,.area-badge,.status-badge,.criterion,.tag,.category-tag{letter-spacing:0;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:600;line-height:1.5;display:inline-flex}.subtle-badge{color:#6f796a;background:#f1f3ed}.area-badge{background:var(--mint);color:var(--mint-ink)}.status-badge,.criterion{background:var(--lavender);color:var(--lavender-ink)}.status-badge.correct,.status-badge.resolved,.criterion.good{background:var(--mint);color:var(--mint-ink)}.status-badge.incorrect,.status-badge.due{background:var(--red-soft);color:var(--red)}.status-badge.partial,.criterion.warning{background:var(--peach);color:var(--peach-ink)}.status-badge.needs-review{background:var(--lavender);color:var(--lavender-ink)}.tag,.category-tag{color:#747358;background:#f3f2e9}.stat-icon,.quick-icon,.step-icon,.large-icon,.empty-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.stat-icon{width:36px;height:36px}.quick-icon{width:46px;height:46px}.step-icon{color:#7a8062;background:#f1f2e8;width:34px;height:34px}.large-icon{border-radius:20px;width:66px;height:66px}.empty-icon{background:var(--mint);width:60px;height:60px;color:var(--green);border-radius:19px}.mint,.stat-icon.reading,.step-icon.reading,.step-icon.vocabulary,.area-badge.reading,.reading .quick-icon,.reading .area-badge{background:var(--mint);color:var(--mint-ink)}.lavender,.stat-icon.listening,.step-icon.listening,.step-icon.review,.area-badge.listening,.listening .quick-icon,.listening .area-badge{background:var(--lavender);color:var(--lavender-ink)}.peach,.stat-icon.writing,.step-icon.writing,.area-badge.writing,.writing .quick-icon,.writing .area-badge{background:var(--peach);color:var(--peach-ink)}.sky,.stat-icon.speaking,.step-icon.speaking,.area-badge.speaking,.speaking .quick-icon,.speaking .area-badge{background:var(--sky);color:var(--sky-ink)}.step-icon.break,.step-icon.transfer{color:#75814a;background:#f0f2df}.tiny-dot,.local-dot,.nav-dot,.week-today-dot,.week-small-dot{background:#83a389;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.app-shell{min-height:100dvh}.sidebar{z-index:60;width:var(--sidebar-width);overscroll-behavior:contain;background:var(--ivory);border-right:1px solid #e2e5da;flex-direction:column;height:100dvh;padding:34px 19px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{color:var(--forest);letter-spacing:-.06em;align-self:flex-start;align-items:center;gap:9px;margin-left:12px;font-size:32px;font-weight:750;line-height:1;display:flex}.brand-icon{width:38px;height:40px;color:var(--forest);background:#dfead9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.brand-dot,.loading-screen h1>span{color:#83a574}.brand-subtitle{color:#828773;letter-spacing:.01em;margin:13px 0 42px 13px;font-size:10px}.nav-label{color:#969d88;margin:0 13px 14px;font-size:9px}.sidebar nav{gap:7px;display:grid}.nav-item{color:#767e6e;text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:47px;padding:12px 13px;font-size:13px;display:flex}.nav-item.active{color:var(--forest);background:#e1e9d9;font-weight:650}.nav-count{color:#69745b;background:#fffdf3;border-radius:5px;margin-left:auto;padding:1px 6px;font-size:10px}.nav-dot{background:var(--green);margin-left:auto}.nav-count+.nav-dot{margin-left:0}.sidebar-grow{flex:1;min-height:36px}.sidebar-note{background:#ebeedf;border:1px solid #e0e5d3;border-radius:14px;margin:30px 5px 24px;padding:18px 15px;position:relative}.note-icon{color:#8a9770;position:absolute;top:18px;right:14px}.sidebar-note>strong{color:#536244;font-size:15px;line-height:1.65}.sidebar-note p{color:#7b836c;margin-top:10px;font-size:11px;line-height:1.9}.sidebar-note button{color:#657653;align-items:center;gap:6px;min-height:36px;margin-top:8px;font-size:10px;font-weight:600;display:flex}.settings-nav{margin-bottom:14px;font-size:12px}.profile-row{border-top:1px solid #dde2d3;align-items:center;gap:11px;padding:20px 10px 0;display:flex}.profile-row>div{flex:1;min-width:0}.profile-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.profile-row small{color:#8a8e7e;margin-top:2px;font-size:10px;display:block}.avatar{color:#7b7050;background:#ebe5ce;border:1px solid #e1dec9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:inline-flex}.avatar.small{width:30px;height:30px;font-size:11px}.local-dot{background:#7e9e71;width:5px;height:5px}.main-shell{min-width:0;margin-left:var(--sidebar-width)}.topbar{border-bottom:1px solid var(--border);background:var(--canvas);justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:18px clamp(24px,3.1vw,48px);display:flex}.breadcrumbs,.topbar-right{align-items:center;gap:13px;display:flex}.breadcrumbs{color:#92968b;font-size:11px}.breadcrumbs strong{color:#5d6858;font-size:11px}.breadcrumbs>svg{color:#b2b7aa}.topbar-right{gap:9px}.date-label{color:#878c80;white-space:nowrap;font-size:11px}.top-divider{background:#dce1d5;width:1px;height:16px;margin:0 7px}.mobile-menu,.nav-scrim{display:none}.main-content{max-width:1440px;margin:0 auto;padding:38px clamp(24px,3.1vw,48px) 24px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.page-heading>div{min-width:0}.page-description{color:var(--muted);margin-top:10px;font-size:13px}.goal-chip{background:#f1f4e9;border:1px solid #e1e6d7;border-radius:13px;flex-shrink:0;align-items:center;gap:14px;padding:12px 16px;display:flex}.goal-chip-icon{color:#7f9259;display:inline-flex}.goal-chip>span:nth-child(2){text-align:left}.goal-chip small{color:#7c8767;font-size:10px;display:block}.goal-chip strong{color:#546b3f;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:24px;line-height:1.3;display:block}.goal-chip strong>span{margin-left:3px;font-size:11px;font-weight:500}.goal-chip>svg{color:#9ba68a}.page-footer{border-top:1px solid var(--border);color:#8a9182;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:44px;padding-top:20px;font-size:10px;display:flex}.page-footer>span:first-child{align-items:center;gap:6px;display:inline-flex}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px;display:grid}.stat-card{text-align:left;padding:19px 21px 18px}.stat-top{color:#697460;justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px;font-size:12px;display:flex}.stat-card>strong{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:31px;line-height:1.25;display:block}.stat-card>strong>small{color:#7a8372;margin-left:5px;font-size:12px;font-weight:500}.stat-card>p{color:#8a8f80;margin-top:11px;font-size:10px;line-height:1.6}.dashboard-columns{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.dashboard-main,.dashboard-aside{min-width:0}.dashboard-aside{gap:20px;display:grid}.routine-card{overflow:hidden}.routine-hero{isolation:isolate;background:var(--forest);color:#fffef2;padding:33px 32px 32px;position:relative;overflow:hidden}.routine-hero>:not(.hero-art){z-index:1;position:relative}.hero-badge{color:#c1d6bc;letter-spacing:.15em;align-items:center;gap:7px;margin-bottom:20px;font-size:9px;font-weight:600;display:inline-flex}.hero-badge>span{background:#c4d799;border-radius:50%;width:5px;height:5px}.routine-hero h2{letter-spacing:-.045em;font-size:clamp(25px,2.3vw,32px);font-weight:600;line-height:1.55}.routine-hero>p{color:#c0d0bc;max-width:85%;margin-top:13px;font-size:12px}.hero-actions{flex-wrap:wrap;align-items:center;gap:15px;margin-top:26px;display:flex}.hero-actions>span{color:#c5d5bf;align-items:center;gap:6px;font-size:10px;display:inline-flex}.hero-art{z-index:0;opacity:.75;pointer-events:none;width:270px;height:270px;position:absolute;top:8px;right:-42px}.orbit{border:1px solid #cadba72b;border-radius:50%;position:absolute}.orbit-one{inset:3px}.orbit-two{inset:38px}.orbit-three{background:#c2dbac0a;inset:76px}.art-leaf{color:#bfd19a;position:absolute;top:109px;left:109px;transform:rotate(-24deg)}.art-spark{color:#c1d390;font-size:27px;position:absolute}.art-spark.one{top:27px;left:80px}.art-spark.two{font-size:37px;bottom:46px;right:40px}.art-dot{border:2px solid #a4c28e;border-radius:50%;width:9px;height:9px;position:absolute;top:107px;left:5px}.routine-body{padding:26px 28px 20px}.routine-body>.section-heading h3{font-size:15px}.routine-body>.section-heading>.small{font-size:10px}.routine-list{display:grid}.routine-step{text-align:left;border-bottom:1px solid #edf0e7;border-radius:7px;align-items:center;gap:12px;width:100%;min-height:74px;padding:11px 3px;display:flex}.routine-step:last-child{border-bottom:0}.step-index{color:#a0a892;font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:center;align-items:center;width:22px;font-size:11px;display:flex}.step-text{flex:1;min-width:0}.step-text strong{color:#46583e;font-size:12px;display:block}.step-text small{color:#919684;margin-top:3px;font-size:10px;display:block}.step-time{color:#64745a;font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:5px;font-size:14px;font-weight:650}.step-time small{margin-left:3px;font-size:10px;font-weight:400}.routine-step>svg{color:#aeb5a3}.routine-step.done .step-index{color:var(--green)}.routine-step.done .step-text strong{color:#84907e}.routine-foot,.weekly-foot{color:#929983;align-items:center;gap:6px;font-size:10px;display:flex}.routine-foot{border-top:1px solid #edf0e7;margin-top:12px;padding-top:15px}.weekly-card,.focus-card{padding:23px}.weekly-card .section-heading,.focus-card .section-heading{margin-bottom:14px}.weekly-card h3,.focus-card h3{font-size:14px}.flame-icon{color:#c59055;display:flex}.streak-number{color:#354d37;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:36px;font-weight:650;line-height:1.4}.streak-number>span{color:#6f7c63;letter-spacing:-.015em;margin-left:9px;font-size:12px;font-weight:500}.weekly-card>.small{margin-top:4px;font-size:10px}.week-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:22px 0 18px;display:grid}.week-grid>div{color:#9aa08d;flex-direction:column;align-items:center;gap:10px;font-size:10px;display:flex}.week-day{background:#f5f6ee;border:1px solid #eaede2;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.week-day.today{background:#f0f4e4;border-color:#9cb285}.week-day.checked{border-color:var(--green);background:var(--green);color:#fff}.week-today-dot{background:#7f9858;width:5px;height:5px}.week-small-dot{background:#d6dccd;width:3px;height:3px}.weekly-foot{border-top:1px solid #edf0e7;padding-top:14px;font-size:9px}.focus-card .stat-icon{border-radius:9px;width:30px;height:30px}.focus-empty{text-align:center;flex-direction:column;align-items:center;padding:18px 0 20px;display:flex}.focus-sprout{color:#a4b391;margin-bottom:12px;display:inline-flex}.focus-empty strong{color:#748266;font-size:11px}.focus-empty p{color:#949b88;margin-top:7px;font-size:10px;line-height:1.9}.focus-card>.text-link{border-top:1px solid #edf0e7;justify-content:center;width:100%;padding-top:11px;font-size:10px}.focus-list{margin:10px 0 16px;display:grid}.focus-list button{text-align:left;border-bottom:1px solid #f0f1ea;align-items:center;gap:10px;min-height:43px;display:flex}.focus-list button>span{color:#a0a58f;font-size:10px}.focus-list button>strong{flex:1;font-size:11px}.focus-list button>small,.focus-list button>svg{color:#919a81;font-size:10px}.diagnostic-card{border-radius:var(--radius);background:#eef1df;border:1px solid #e0e4cb;min-width:0;padding:24px 23px;position:relative}.diagnostic-card .mini-label{color:#909b70;font-size:9px}.diagnostic-spark{color:#a6b184;position:absolute;top:22px;right:21px}.diagnostic-card h3{color:#596a3e;margin-top:17px;font-size:14px}.diagnostic-card>p{color:#7e8968;margin:10px 0 20px;font-size:11px;line-height:1.9}.diagnostic-card .btn{font-size:11px}.quick-section{margin-top:34px}.quick-section h2{font-size:20px}.quick-section .section-heading{margin-bottom:21px}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.quick-card{text-align:left;border:1px solid #0000;border-radius:15px;min-width:0;padding:23px 21px}.quick-card.reading{background:#edf3e9;border-color:#dbe7d9}.quick-card.listening{background:#f0edf7;border-color:#e4dff0}.quick-card.writing{background:#fbf0e5;border-color:#eedfcf}.quick-card.speaking{background:#edf2f5;border-color:#dce5ec}.quick-card .quick-icon{background:#ffffff8c}.quick-card h3{justify-content:space-between;align-items:center;gap:8px;margin-top:17px;font-size:14px;display:flex}.quick-card h3>svg{opacity:.5}.quick-card p{color:#7d8573;margin-top:7px;font-size:10px;line-height:1.8}.quick-type-count{color:#8a927f;margin-top:16px;font-size:9px;display:block}.catalog-toolbar,.review-toolbar,.vocabulary-toolbar,.filter-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.tabs,.mode-toggle,.filter-tabs{border:1px solid var(--border);scrollbar-width:thin;background:#eff1e9;border-radius:10px;align-items:center;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.tabs button,.mode-toggle button,.filter-tabs button{color:#85907a;white-space:nowrap;border:1px solid #0000;border-radius:7px;flex-shrink:0;min-height:36px;padding:8px 15px;font-size:12px;line-height:1.5}.tabs button.selected,.mode-toggle button.selected,.filter-tabs button.selected{background:var(--surface);color:var(--forest);border-color:#e2e6da;font-weight:600;box-shadow:0 2px 5px #213a2b0a}.tabs button:focus-visible,.mode-toggle button:focus-visible,.filter-tabs button:focus-visible{outline-offset:-3px}.catalog-notice,.notice,.review-notice,.vocabulary-notice{color:#7a8669;background:#f0f4e8;border:1px solid #e1e7d7;border-radius:11px;align-items:flex-start;gap:9px;padding:14px 16px;font-size:11px;line-height:1.9;display:flex}.catalog-notice>svg,.notice>svg,.review-notice>svg,.vocabulary-notice>svg{margin-top:2px}.catalog-notice{margin-bottom:22px}.search-field{border:1px solid var(--border);background:var(--surface);color:#9aa38b;border-radius:10px;align-items:center;gap:9px;width:min(100%,340px);min-height:44px;margin-bottom:22px;padding:0 13px;display:flex}.search-field input{background:0 0;border:0;min-height:44px;padding:10px 0;font-size:12px}.search-field:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px #447e611a}.search-field input:focus{box-shadow:none}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;display:grid}.type-card{flex-direction:column;padding:24px;display:flex}.type-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:21px;display:flex}.type-card h3{letter-spacing:-.025em;word-break:normal;font-size:17px}.type-card>p{color:#8a9480;margin-top:6px;font-size:11px}.type-progress,.session-track,.review-track{background:#edf0e7;border-radius:5px;height:4px;overflow:hidden}.type-progress{margin-top:23px}.type-progress>div,.session-track>span,.review-track>span{border-radius:inherit;background:#8bab77;max-width:100%;height:100%;transition:width .3s;display:block}.type-meta{color:#969d8d;flex-wrap:wrap;justify-content:space-between;gap:5px;margin:10px 0 21px;font-size:9px;display:flex}.type-card>.btn{margin-top:auto}.type-card.listening .btn.soft{background:var(--lavender);color:var(--lavender-ink)}.type-card.writing .btn.soft{background:var(--peach);color:var(--peach-ink)}.type-card.speaking .btn.soft{background:var(--sky);color:var(--sky-ink)}.type-card.listening .type-progress>div{background:#a59bc0}.type-card.writing .type-progress>div{background:#c8a180}.type-card.speaking .type-progress>div{background:#8daabc}.practice-page{min-width:0}.practice-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;margin-bottom:24px;display:flex}.saved-label{color:#8b967f;align-items:center;gap:6px;font-size:10px;display:inline-flex}.practice-heading{justify-content:space-between;align-items:center;gap:22px;margin-bottom:28px;display:flex}.practice-heading>div:first-child{min-width:0}.practice-badges{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.practice-heading h1{font-size:28px}.practice-heading p{color:#939b87;margin-top:8px;font-size:11px}.practice-timer{color:#6c7d54;background:#f0f3e8;border:1px solid #e0e5d7;border-radius:13px;flex-shrink:0;grid-template-columns:auto auto;align-items:center;gap:2px 9px;min-width:128px;padding:13px 19px;display:grid}.practice-timer strong{letter-spacing:0;font-variant-numeric:tabular-nums;font-size:25px;line-height:1.3}.practice-timer>span{color:#899474;grid-column:2;font-size:9px}.practice-timer.urgent{background:var(--red-soft);color:var(--red);border-color:#e7bdb3}.practice-timer.urgent>span{color:var(--red)}.practice-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;gap:23px;display:grid}.question-card,.answer-card{padding:28px}.question-section-label{color:#7b8a6c;letter-spacing:.08em;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:23px;font-size:10px;font-weight:650;display:flex}.question-section-label>span{color:#a5ad99;letter-spacing:0;margin-left:auto;font-size:9px;font-weight:500}.question-section-label .assistance-label{background:var(--peach);color:var(--peach-ink);border-radius:5px;padding:3px 6px}.question-instruction{color:#828c75;margin-bottom:22px;font-size:12px;line-height:1.9}.passage,.question-passage{color:#4f5c44;white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;background:#f6f7f0;border:1px solid #e9ebe1;border-radius:12px;padding:22px;font-size:15px;line-height:2}.question-prompt{color:#344931;white-space:pre-wrap;word-break:normal;margin:24px 0;font-size:18px;font-weight:550;line-height:1.9}.word-prompt{letter-spacing:-.03em;text-align:center;background:#f3f5ec;border-radius:13px;padding:38px 16px;font-size:clamp(28px,3.3vw,42px);font-weight:650;line-height:1.5}.question-image{border:1px solid var(--border);background:#f1f4ea;border-radius:12px;overflow:hidden}.question-image img{object-fit:contain;width:100%;height:auto}.question-image>span{color:#8d967e;text-align:center;padding:9px 12px;font-size:9px;display:block}.question-help{border-top:1px solid #edf0e7;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-top:12px;display:flex}.question-help>button{color:#78885e;align-items:center;gap:5px;min-height:36px;font-size:11px;display:inline-flex}.question-help>span{color:#a2aa96;width:100%;font-size:9px}.hint-box,.explanation-box{color:#8b7c50;background:#f9f6e8;border:1px solid #e9e4c8;border-radius:11px;align-items:flex-start;gap:10px;padding:17px;font-size:12px;line-height:1.9;display:flex}.hint-box{margin-top:16px}.hint-box>svg,.explanation-box>svg{margin-top:3px}.transcript{color:#706187;white-space:pre-wrap;word-break:normal;background:#f4f1f8;border-left:3px solid #b4a8cc;border-radius:0 9px 9px 0;margin-top:16px;padding:14px 17px;font-size:14px;line-height:1.9}.transcript>span{color:#a196b2;margin-bottom:7px;font-size:10px;display:block}.audio-player{text-align:center;background:#f5f2fa;border:1px solid #e8e2ef;border-radius:13px;flex-direction:column;align-items:center;gap:16px;padding:26px 18px;display:flex}.audio-circle{color:#85709f;background:#e9e1f3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:inline-flex}.audio-wave{justify-content:center;align-items:center;gap:4px;width:100%;height:52px;display:flex}.audio-wave i{background:#b9a7ce;border-radius:3px;width:4px;max-height:100%;display:block}.audio-wave i:nth-child(3n){background:#d4c7e2}.audio-player p{color:#9786ac;font-size:11px}.audio-player small{color:#ab9dbb;font-size:9px}.audio-player .btn{min-width:155px}.answer-options{gap:11px;margin-bottom:28px;display:grid}.answer-option{text-align:left;background:#fffefa;border:1px solid #e0e5d8;border-radius:11px;align-items:center;gap:12px;min-height:61px;padding:13px 15px;display:flex}.answer-option>span{color:#8e987b;background:#f6f7ef;border:1px solid #e5e8de;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:inline-flex}.answer-option strong{color:#637057;word-break:normal;flex:1;min-width:0;font-size:13px;font-weight:500}.answer-option.selected{background:#f0f5e9;border-color:#87a679;box-shadow:inset 0 0 0 1px #87a679}.answer-option.selected>span{border-color:var(--green);background:var(--green);color:#fff}.answer-option.selected>strong,.answer-option.selected>svg{color:var(--green)}.answer-option:disabled{opacity:.8}.answer-label{color:#849074;margin-bottom:11px;font-size:11px;display:block}.answer-input{word-break:normal;background:#fdfdf7;min-height:155px;padding:17px;font-size:15px;line-height:1.9}.answer-input.long{min-height:280px}.answer-input-foot{color:#a0a78f;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;margin-top:8px;font-size:9px;display:flex}.answer-input-foot>span:first-child{font-variant-numeric:tabular-nums}.confidence-block{border-top:1px solid #edf0e7;margin-top:27px;padding-top:23px}.confidence-block h4{color:#778568;margin-bottom:12px;font-size:12px;font-weight:500}.confidence-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.confidence-options button{color:#97a087;border:1px solid #e5e8dd;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:42px;padding:8px 5px;font-size:10px;display:flex}.confidence-options button>span{font-size:14px}.confidence-options button.selected{color:#70874f;background:#edf2e2;border-color:#a2b48b;font-weight:600}.submit-actions{justify-content:space-between;align-items:center;gap:14px;margin-top:27px;display:flex}.submit-actions>.primary{min-width:140px}.submit-caption{color:#a0a88f;text-align:right;margin-top:12px;font-size:9px}.recording-box{background:#f6f8f0;border:1px solid #e3e9de;border-radius:11px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:21px;padding:15px;display:flex}.recording-box p{color:#939e85;width:100%;font-size:9px;line-height:1.9}.recording-indicator{color:var(--red);align-items:center;gap:6px;font-size:11px;display:inline-flex}.recording-indicator>span{background:var(--red);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite recording-pulse}.result-summary{background:var(--lavender);color:var(--lavender-ink);text-align:center;border-radius:13px;margin-top:25px;padding:27px 20px}.result-summary>span{margin-bottom:12px;display:inline-flex}.result-summary h3{font-size:16px}.result-summary p{margin-top:10px;font-size:11px;line-height:1.9}.result-summary.correct{background:var(--mint);color:var(--mint-ink)}.result-summary.incorrect{background:var(--red-soft);color:var(--red)}.result-summary.partial{background:var(--peach);color:var(--peach-ink)}.result-summary.needs-review{background:var(--lavender);color:var(--lavender-ink)}.feedback-card{margin-top:25px;padding:30px}.feedback-card>.section-heading{align-items:flex-start;margin-bottom:25px}.feedback-card h2{font-size:22px}.feedback-columns{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:28px;display:grid}.feedback-columns>div{min-width:0}.comparison{background:#fafbf4;border:1px solid #e7eadd;border-radius:12px;padding:20px}.comparison>span,.revision-comparison section>span{color:#99a086;font-size:10px;display:block}.comparison p{white-space:pre-wrap;word-break:normal;margin:7px 0 20px;font-size:15px;line-height:1.9}.comparison p:last-child{margin-bottom:0}.correct-text{color:var(--green)}.incorrect-text{color:var(--red)}.word-diff{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.diff-word{color:#6e7f54;word-break:normal;background:#f1f4e9;border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:5px 8px;display:inline-flex}.diff-word strong{font-size:12px;font-weight:500}.diff-word small{font-size:9px}.diff-word.match{color:var(--green)}.diff-word.missing{color:#9b7746;background:#faf0dd;border-bottom:2px dashed #be905b}.diff-word.different{background:var(--red-soft);color:var(--red);border-bottom:2px solid #b47569}.diff-word.extra{background:var(--lavender);color:var(--lavender-ink);border-color:#d9cee8}.feedback-item{border:1px solid var(--border);border-radius:12px;margin-top:17px;padding:19px}.feedback-item>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.feedback-item strong{color:#61744e;font-size:12px}.feedback-item blockquote{color:#959d87;white-space:pre-wrap;word-break:normal;border-left:2px solid #d9dfcc;margin-top:12px;padding-left:12px;font-size:11px;line-height:1.9}.feedback-item>p{color:#7a8869;margin-top:12px;font-size:12px;line-height:1.9}.explanation-box{margin-top:20px}.explanation-box>div{min-width:0}.explanation-box strong{font-size:12px}.explanation-box p{white-space:pre-wrap;margin-top:7px;font-size:11px}.feedback-next{background:#f5f7ee;border:1px solid #e2e7d8;border-radius:13px;min-width:0;padding:23px 20px}.feedback-next h3{color:#61764b;font-size:14px}.feedback-next>p{color:#8d9a7a;margin-top:10px;font-size:11px;line-height:1.9}.feedback-next>.small{margin-top:18px;font-size:10px}.word-save-list{gap:8px;margin-top:19px;display:grid}.word-save-list button{color:#7b8a65;text-align:left;background:#fffef7;border:1px solid #e0e6d3;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:9px 12px;display:flex}.word-save-list strong{word-break:normal;font-size:12px;font-weight:500}.word-save-list button:disabled{opacity:.65}.feedback-buttons{gap:9px;margin-top:23px;display:grid}.feedback-buttons .btn{font-size:11px}.revision-comparison{border-top:1px solid var(--border);margin-top:27px;padding-top:24px}.revision-comparison h3{margin-bottom:17px;font-size:15px}.revision-comparison>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.revision-comparison section{background:#f8faf2;border:1px solid #e7ebdf;border-radius:11px;min-width:0;padding:19px}.revision-comparison section p{color:#71815e;white-space:pre-wrap;word-break:normal;margin:10px 0;font-size:13px;line-height:1.9}.session-runner{background:#eaf1e3;border:1px solid #cdddc5;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;padding:15px 18px;display:flex;box-shadow:0 3px 12px #213a2b0a}.session-icon{width:40px;height:40px;color:var(--green);background:#dce8d2;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.session-info{flex:1;min-width:120px}.session-info small{color:#8b9b76;font-size:9px;display:block}.session-info strong{color:#637b49;margin:2px 0 7px;font-size:12px;display:block}.session-track{background:#dce6d2;width:min(100%,220px);height:3px}.session-time{color:#638146;letter-spacing:0;font-variant-numeric:tabular-nums;font-size:20px}.session-runner .btn{min-height:37px;padding:9px 12px;font-size:10px}.session-runner .icon-btn{color:#889b71;width:32px;height:37px}.record-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}.record-stats>.card{padding:24px}.record-stats>.card>span{color:#859175;font-size:12px;display:block}.record-stats strong{color:#41573a;font-variant-numeric:tabular-nums;margin-top:13px;font-size:32px;line-height:1.35;display:block}.record-stats strong small{color:#909d7e;margin-left:6px;font-size:11px;font-weight:400}.records-grid{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:23px;margin-bottom:24px;display:grid}.chart-card h3,.area-records h3{font-size:15px}.bar-chart{grid-template-columns:repeat(7,minmax(0,1fr));gap:17px;margin-top:27px;display:grid}.chart-column{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.chart-column>span{color:#9ca78b;font-size:10px}.chart-column>strong{color:#859574;font-size:11px;font-weight:500}.chart-column>small{color:#b0b69f;font-size:9px}.bar-track{background:#f2f5eb;border-radius:6px;align-items:flex-end;width:100%;max-width:35px;height:150px;display:flex;overflow:hidden}.bar-track>div{background:#b3c79b;border-radius:5px 5px 0 0;width:100%;max-height:100%}.bar-track>.today-bar{background:#6d9051}.chart-caption{color:#a4ad96;text-align:center;margin-top:22px;font-size:9px}.area-records .section-heading>svg{color:#9baa88}.area-record{border-bottom:1px solid #edf0e7;align-items:center;gap:14px;padding:17px 0;display:flex}.area-record:last-child{border-bottom:0;padding-bottom:0}.area-record>div{min-width:0}.area-record strong{color:#71835d;font-size:12px;display:block}.area-record small{color:#9da88d;margin-top:4px;font-size:10px;display:block}.score-section,.recent-section{margin-top:24px}.score-form{background:#f7f9f0;border:1px solid #e6eadb;border-radius:12px;grid-template-columns:1.1fr 1.3fr .65fr 1.4fr auto;align-items:end;gap:13px;margin:22px 0;padding:20px;display:grid}.score-form .field{margin-bottom:0}.score-list,.recent-list{display:grid}.score-list>div,.recent-list>div{border-bottom:1px solid #edf0e7;align-items:center;gap:15px;padding:17px 0;display:flex}.score-list>div:last-child,.recent-list>div:last-child{border-bottom:0}.score-list>div>div,.recent-list>div>div{flex:1;min-width:0}.score-list strong,.recent-list strong{color:#70835c;font-size:12px;display:block}.score-list small,.recent-list small{color:#a0ab90;margin-top:4px;font-size:10px;display:block}.score-list b{color:#587142;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:25px}.score-list b small{margin-left:4px;font-size:11px;font-weight:500;display:inline}.recent-list .status-badge{flex-shrink:0}.catalog-toolbar.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;display:grid}.catalog-toolbar.form-grid>.field{margin-bottom:0}fieldset{border:1px solid var(--border);border-radius:11px;min-width:0;margin:0;padding:17px}legend{color:#7d8b6e;padding:0 7px;font-size:11px}summary{min-height:44px;color:var(--green);cursor:pointer;padding:10px 0;font-size:12px;font-weight:600;line-height:1.8}summary::marker{color:#92a97d}details[open]>summary{margin-bottom:14px}details>.notice,details>.search-field{margin-top:16px}details.revision-comparison>div{display:block}details.revision-comparison>div+div{margin-top:24px}.history-entry{border:1px solid var(--border);background:#fafbf6;border-radius:12px;min-width:0;margin-top:18px;padding:21px}.history-entry>.question-section-label{margin-top:22px;margin-bottom:13px}.history-entry>.question-prompt{margin:17px 0;font-size:16px}.history-entry>audio,.history-entry>.status-badge,.history-entry>details{margin-top:17px}.history-entry ul{color:#7a896b;word-break:normal;margin:15px 0;padding-left:22px;font-size:12px;line-height:1.9}.history-entry pre.passage{max-height:380px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.8;overflow:auto}.mistake-card>.section-heading{flex-wrap:wrap}.mistake-card>.practice-badges{margin-top:24px}.mistake-card>.notice{margin-top:18px}.mistake-card .notice label{align-items:center;gap:8px;margin-top:12px;display:flex}.mistake-card .confidence-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mistake-card .confidence-options>label{color:#7e8d6b;cursor:pointer;align-items:center;gap:8px;min-height:36px;display:flex}.mistake-list{margin-top:17px}.mistake-list>.feedback-card{margin-top:0}.subtle-badge.selected{color:var(--forest);background:#e2edd8;box-shadow:inset 0 0 0 1px #a9bf98}.word-card h2{color:var(--forest);letter-spacing:-.025em;word-break:normal;font-size:23px}.word-card>.section-heading{margin-bottom:10px}.word-card>.passage{margin:17px 0;padding:15px;font-size:12px;line-height:1.9}.word-card>.small{margin-top:10px}.word-card>.btn{margin-top:20px}.word-grid{margin-top:18px}.word-review{width:min(100%,760px);margin:0 auto}.word-review>h2{margin:8px 0 22px;font-size:22px}.word-review>.passage,.word-review>.audio-player{margin-bottom:24px}.word-review .result-summary{margin-bottom:20px}.word-review .explanation-box{margin-bottom:16px}.review-stats,.mistake-stats,.vocabulary-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.review-stat,.mistake-stat,.vocabulary-stat{border:1px solid var(--border);background:var(--surface);border-radius:14px;min-width:0;padding:21px}.review-stat>span,.mistake-stat>span,.vocabulary-stat>span{color:var(--muted);font-size:11px}.review-stat>strong,.mistake-stat>strong,.vocabulary-stat>strong{color:var(--forest);font-variant-numeric:tabular-nums;margin-top:7px;font-size:29px;display:block}.review-stat small,.mistake-stat small,.vocabulary-stat small{margin-left:5px;font-size:11px;font-weight:400}.review-summary,.review-banner,.vocabulary-banner{background:#edf3e6;border:1px solid #dfe7d4;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;padding:23px;display:flex}.review-summary h3,.review-banner h3,.vocabulary-banner h3{font-size:15px}.review-summary p,.review-banner p,.vocabulary-banner p{color:#8b977b;margin-top:5px;font-size:11px}.review-toolbar .search-field,.vocabulary-toolbar .search-field{margin-bottom:0}.review-filters,.mistake-filters,.vocabulary-filters{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:23px;display:flex}.review-filters select,.mistake-filters select,.vocabulary-filters select{width:auto;min-width:140px}.mistakes-layout,.review-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px;display:grid}.mistake-list,.review-list,.vocabulary-list{gap:15px;min-width:0;display:grid}.mistake-card,.review-card,.word-card,.vocabulary-card{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:14px;padding:22px}.mistake-card.selected,.review-card.selected,.word-card.selected{border-color:#98b187;box-shadow:0 0 0 2px #6f97571a}.mistake-card.resolved{background:#f5f8ef}.mistake-card-top,.mistake-heading,.review-card-top,.word-card-top,.word-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;margin-bottom:15px;display:flex}.mistake-title,.review-title{font-size:16px}.mistake-meta,.review-meta,.word-meta{color:#9aa58b;flex-wrap:wrap;align-items:center;gap:9px;margin-top:9px;font-size:10px;display:flex}.mistake-tags,.category-list,.category-tags,.word-tags{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.mistake-answer,.original-answer,.review-answer{color:#81916e;white-space:pre-wrap;word-break:normal;background:#f5f7ee;border-radius:9px;margin-top:14px;padding:14px;font-size:12px;line-height:1.9}.mistake-actions,.review-actions,.word-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.mistake-actions .btn,.review-actions .btn,.word-actions .btn{font-size:11px}.mistake-detail,.review-detail{border:1px solid var(--border);background:var(--surface);border-radius:15px;min-width:0;padding:24px}.mistake-detail>h3,.review-detail>h3{margin-bottom:17px}.review-progress{color:#8a9875;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;font-size:11px;display:flex}.review-progress .review-track{flex:1;min-width:100px}.review-stages,.review-timeline,.mistake-history,.review-history{gap:13px;margin:20px 0;display:grid}.review-stages>div,.review-timeline>div,.mistake-history>div,.review-history>div{color:#8c997c;border-left:2px solid #e1e8d6;padding:5px 0 5px 13px;font-size:11px}.review-stages .active,.review-timeline .active{border-color:var(--green);color:var(--forest)}.category-options{flex-wrap:wrap;gap:8px;display:flex}.category-options button,.category-options label{color:#889976;border:1px solid #e2e7d8;border-radius:7px;align-items:center;gap:7px;min-height:38px;padding:8px 11px;font-size:11px;display:inline-flex}.category-options button.selected{background:var(--mint);color:var(--forest);border-color:#9ab488}.vocabulary-grid,.word-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.word-text,.word-card h3,.vocabulary-card h3{color:var(--forest);letter-spacing:-.025em;word-break:normal;font-size:22px}.word-meaning{color:#7a8b64;margin-top:7px;font-size:13px}.word-expression{color:#819271;word-break:normal;margin-top:14px;font-size:12px}.word-example,.word-context{color:#919f80;word-break:normal;border-left:2px solid #dce6ce;margin-top:14px;padding-left:13px;font-size:12px;line-height:1.9}.word-source{color:#abb49c;margin-top:13px;font-size:10px;display:block}.add-word-form,.word-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.add-word-form .field,.word-form .field{margin:0}.add-word-form>.full,.word-form>.full{grid-column:1/-1}.flashcard,.vocab-review-card,.word-review-card{background:var(--surface);width:min(100%,660px);box-shadow:var(--shadow);border:1px solid #dfe6d5;border-radius:19px;margin:0 auto;padding:36px}.flashcard-word{color:var(--forest);text-align:center;word-break:normal;margin:28px 0;font-size:clamp(28px,4vw,40px);font-weight:650}.flashcard-meaning{color:#799361;text-align:center;margin:17px 0;font-size:19px}.flashcard-answer,.review-result{background:var(--mint);color:var(--mint-ink);border-radius:12px;margin-top:21px;padding:20px}.review-result.incorrect{background:var(--red-soft);color:var(--red)}.flashcard-actions,.review-rating{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.review-caption{color:#9ca98b;text-align:center;margin-top:13px;font-size:10px}.review-complete{text-align:center;padding:35px 24px}.review-complete h3{margin-top:14px}.review-complete p{color:var(--muted);margin:10px 0 22px;font-size:12px}.table-wrap{border:1px solid var(--border);border-radius:12px;max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{border-bottom:1px solid var(--border);text-align:left;padding:13px 16px}th{color:#7f906e;background:#f1f5e9;font-size:11px;font-weight:600}tbody tr:last-child td{border-bottom:0}.modal-backdrop{z-index:100;overscroll-behavior:contain;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1f312566;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{overscroll-behavior:contain;background:var(--surface);border:1px solid #e1e6d7;border-radius:22px;width:min(100%,530px);max-height:calc(100dvh - 56px);padding:32px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #1326192e}.modal-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:28px;display:flex}.modal h2{font-size:23px}.modal-heading>.icon-btn{margin:-5px -7px 0 0}.modal-close{position:absolute;top:18px;right:18px}.field{color:#7d8b6e;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;margin-bottom:19px;font-size:12px;font-weight:500;display:flex}.field>input,.field>select,.field>textarea{flex-basis:100%;font-weight:400}.field>.muted{color:#a1aa92;margin-left:auto;font-size:10px;font-weight:400}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.toggle-field{border-top:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:15px;min-height:73px;margin:3px 0 22px;padding:18px 0;display:flex;position:relative}.toggle-field>span:first-child{min-width:0}.toggle-field strong{color:#6e825b;font-size:12px;display:block}.toggle-field small{color:#a1ad91;margin-top:4px;font-size:10px;display:block}.toggle-field>input{z-index:1;opacity:0;cursor:pointer;width:44px;height:28px;position:absolute;right:0}.switch{width:44px;height:26px;transition:background-color var(--ease), border-color var(--ease);background:#dce3d1;border:1px solid #d0d8c3;border-radius:20px;flex-shrink:0;display:block;position:relative}.switch:after{content:"";width:18px;height:18px;transition:transform var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #213a2b26}.toggle-field>input:checked+.switch{border-color:var(--green);background:var(--green)}.toggle-field>input:checked+.switch:after{transform:translate(18px)}.toggle-field>input:focus-visible+.switch{outline:3px solid var(--focus);outline-offset:4px}.toggle-field>input:disabled+.switch{opacity:.5}.modal-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.guide-modal{width:min(100%,560px);padding:34px}.guide-modal>.large-icon{margin-bottom:23px}.guide-modal>h2{line-height:1.65}.guide-modal>.muted{margin-top:12px;font-size:12px}.guide-steps{gap:19px;margin:27px 0;display:grid}.guide-steps>div{align-items:flex-start;gap:13px;display:flex}.guide-steps>div>span{color:#8a9e6f;background:#f0f4e8;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;display:inline-flex}.guide-steps strong{color:#778c5d;font-size:12px}.guide-steps p{color:#9ba88a;margin-top:4px;font-size:11px}.guide-modal>.notice{margin-bottom:24px}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:13px;padding:48px 22px;display:flex}.empty-state h3{color:#7b8f63;max-width:430px;margin-top:5px;font-size:16px}.empty-state p{color:#a0ae8c;white-space:pre-line;max-width:400px;font-size:12px;line-height:1.9}.empty-state>.btn{margin-top:9px}.loading-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:100dvh;padding:30px;display:flex}.loading-screen>.brand-icon{border-radius:19px;width:58px;height:58px}.loading-screen h1{color:var(--forest);letter-spacing:-.07em;font-size:40px;font-weight:750}.loading-screen>.spin{color:#8da675;margin-top:12px}.loading-screen p{color:#8a9978;max-width:380px;font-size:12px}.toast{z-index:120;left:calc(50% + var(--sidebar-width) / 2);bottom:max(28px, env(safe-area-inset-bottom));width:max-content;max-width:min(560px, calc(100vw - var(--sidebar-width) - 48px));color:#f6f8ea;background:#304f38;border:1px solid #426448;border-radius:12px;align-items:flex-start;gap:9px;padding:14px 20px;font-size:12px;line-height:1.8;animation:.18s ease-out toast-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #1c331f2e}.toast svg{color:#bdcf9c;margin-top:2px}.spin{animation:1s linear infinite detly-spin}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes detly-spin{to{transform:rotate(360deg)}}@keyframes recording-pulse{50%{opacity:.4}}@keyframes toast-in{0%{opacity:0;translate:0 7px}to{opacity:1;translate:0}}@media (hover:hover) and (pointer:fine){.btn.primary:hover:not(:disabled){background:var(--forest-dark);box-shadow:0 3px 9px #214d3e21}.btn.secondary:hover:not(:disabled){background:#f1f6e9;border-color:#b3c6a5}.btn.soft:hover:not(:disabled){filter:brightness(.97)}.btn.danger:hover:not(:disabled){background:#88362f}.btn.hero-btn:hover:not(:disabled){background:#fffef5;transform:translateY(-1px)}.btn.diagnostic-btn:hover:not(:disabled){background:#fff;border-color:#a9b68a}.icon-btn:hover:not(:disabled),.btn.text-btn:hover:not(:disabled){color:var(--green);background:#e9eee0}.nav-item:hover:not(.active){color:#5b7451;background:#e9edde}.stat-card:hover:not(:disabled),.quick-card:hover:not(:disabled){box-shadow:var(--shadow-hover);border-color:#cdd9bf;transform:translateY(-2px)}.goal-chip:hover{background:#e9efdc;border-color:#bccba4}.text-link:hover,.back-link:hover,.sidebar-note button:hover,.question-help button:hover{color:var(--forest-dark);text-underline-offset:4px;text-decoration:underline}.routine-step:hover{background:#f6f8f0}.focus-list button:hover{color:var(--forest);background:#f6f8ef}.answer-option:hover:not(:disabled):not(.selected){background:#f6f9ef;border-color:#b7c7a9}.confidence-options button:hover:not(.selected){background:#f6f8ee;border-color:#bfcdaf}.tabs button:hover:not(.selected),.mode-toggle button:hover:not(.selected),.filter-tabs button:hover:not(.selected){color:var(--forest);background:#e8eedf}.word-save-list button:hover:not(:disabled){background:#f2f7e9;border-color:#aabf93}.category-options button:hover:not(.selected){background:#f6f9ee;border-color:#b4c6a2}}@media (max-width:1260px){.dashboard-columns{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.main-content,.topbar{padding-left:28px;padding-right:28px}.stat-grid,.quick-grid{gap:12px}.stat-card{padding:17px}.stat-card>p{font-size:9px}.quick-card{padding:20px 16px}.routine-hero{padding:30px 27px}.routine-body{padding:24px 22px 18px}.hero-art{opacity:.5;right:-94px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-columns{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.question-card,.answer-card{padding:23px}.score-form{grid-template-columns:repeat(2,minmax(0,1fr))}.score-form>.btn{grid-column:2}.vocabulary-grid,.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1100px){.dashboard-columns{grid-template-columns:minmax(0,1fr)}.dashboard-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostic-card{grid-column:1/-1}.diagnostic-card>p{max-width:500px}.diagnostic-card .btn{width:auto;min-width:200px}.hero-art{opacity:.75;right:5px}.routine-hero{padding:32px}.stat-grid,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.stat-card{padding:20px}.quick-card{padding:23px}.feedback-columns{grid-template-columns:minmax(0,1fr)}.feedback-next{padding:22px}.feedback-buttons{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.records-grid{grid-template-columns:minmax(0,1fr)}.area-records{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 23px;display:grid}.area-records>.section-heading{grid-column:1/-1}.area-record:nth-last-child(-n+2){border-bottom:0;padding-bottom:0}.mistakes-layout,.review-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:980px){.sidebar{visibility:hidden;padding-top:max(28px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));transition:transform .22s,visibility .22s;transform:translate(-100%);box-shadow:12px 0 45px #1e32201a}.sidebar.open{visibility:visible;transform:translate(0)}.nav-scrim{z-index:50;background:#1b2c2052;width:100%;height:100%;display:block;position:fixed;inset:0}.main-shell{margin-left:0}.mobile-menu{display:inline-flex}.topbar{min-height:68px;padding:12px 25px}.main-content{padding:30px 25px 24px}.dashboard-columns{grid-template-columns:minmax(0,1fr) 270px}.dashboard-aside{grid-template-columns:minmax(0,1fr)}.diagnostic-card{grid-column:auto}.diagnostic-card .btn{width:100%;min-width:0}.hero-art{opacity:.5;right:-78px}.routine-hero{padding:29px 25px}.stat-grid,.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card,.quick-card{padding:19px 17px}.toast{max-width:calc(100vw - 40px);left:50%}.session-runner .icon-btn{width:40px;height:40px}}@media (max-width:760px){html{scroll-padding-top:24px}.topbar{gap:12px;padding-left:18px;padding-right:18px}.breadcrumbs{gap:8px}.topbar-right{gap:4px}.date-label,.top-divider{display:none}.icon-btn{width:42px;height:42px}.main-content{padding:27px 20px 22px}.page-heading{align-items:flex-start;gap:18px;margin-bottom:25px}.page-heading>.btn{flex-shrink:0;padding:10px 13px;font-size:11px}.page-description{font-size:12px;line-height:1.85}.goal-chip{gap:9px;padding:11px 12px}.goal-chip-icon>svg{width:19px;height:19px}.goal-chip strong{font-size:22px}.goal-chip>svg{display:none}.stat-grid,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.stat-card,.quick-card{padding:21px}.stat-card>p{font-size:10px}.dashboard-columns{grid-template-columns:minmax(0,1fr)}.dashboard-aside{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.diagnostic-card{grid-column:1/-1}.diagnostic-card .btn{width:auto}.routine-hero{padding:31px 27px}.routine-hero h2{font-size:29px}.hero-art{opacity:.6;right:-12px}.quick-section{margin-top:29px}.quick-section .section-heading{align-items:flex-start}.quick-section h2{font-size:18px}.quick-section .text-link{flex-shrink:0;font-size:10px}.practice-heading{align-items:flex-start}.practice-heading h1{font-size:25px}.practice-timer{min-width:110px;padding:12px 14px}.practice-timer strong{font-size:23px}.practice-layout{grid-template-columns:minmax(0,1fr);gap:20px}.question-card,.answer-card{padding:25px}.confidence-options button{min-height:44px;font-size:12px}.answer-input.long{min-height:260px}.question-help>button{min-height:44px}.feedback-card{padding:25px}.feedback-card>.section-heading{flex-wrap:wrap}.catalog-toolbar{flex-direction:column;align-items:flex-start}.catalog-toolbar.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs{width:100%}.tabs button{flex:1 0 auto;min-height:40px;padding:8px 13px}.mode-toggle button{min-height:40px}.search-field{width:100%}.catalog-grid{gap:15px}.type-card{padding:22px}.session-runner{grid-template-columns:40px minmax(0,1fr) auto 40px;gap:13px 10px;padding:16px;display:grid}.session-runner .session-icon{grid-area:1/1}.session-runner .session-info{grid-area:1/2;min-width:0}.session-runner .session-time{grid-area:1/3}.session-runner>.icon-btn:first-of-type{grid-area:1/4}.session-runner>.btn.secondary{grid-area:2/1/auto/3}.session-runner>.btn.primary{grid-area:2/3}.session-runner>.icon-btn:last-child{grid-area:2/4}.session-runner .btn,.session-runner .icon-btn{min-height:44px;font-size:11px}.record-stats{gap:13px}.record-stats>.card{padding:18px}.record-stats>.card>span{font-size:11px}.record-stats strong{font-size:28px}.bar-chart{gap:12px}.score-section>.section-heading{flex-wrap:wrap;align-items:flex-start}.review-stats,.mistake-stats,.vocabulary-stats{gap:12px}.review-stat,.mistake-stat,.vocabulary-stat{padding:16px}.review-filters select,.mistake-filters select,.vocabulary-filters select{flex:1;min-width:0}.modal{padding:28px}.guide-modal{padding:30px}}@media (max-width:480px){.topbar{min-height:64px;padding:10px 12px}.breadcrumbs>span,.breadcrumbs>svg{display:none}.breadcrumbs strong{font-size:12px}.topbar-right{gap:0}.topbar-right>.avatar{margin-left:5px}.main-content{padding:24px 16px 20px}.page-heading{flex-wrap:wrap;gap:16px}.page-heading h1{font-size:25px}.page-heading:has(.goal-chip){flex-wrap:nowrap;gap:10px}.page-heading:has(.goal-chip) h1{font-size:23px}.goal-chip{gap:7px;padding:9px 11px}.goal-chip-icon{display:none}.goal-chip strong{font-size:23px}.eyebrow{letter-spacing:.12em;font-size:9px}.stat-grid{gap:11px;margin-bottom:21px}.stat-card{padding:16px}.stat-top{align-items:flex-start;font-size:11px}.stat-icon{border-radius:9px;width:31px;height:31px}.stat-card>strong{font-size:29px}.stat-card>p{font-size:9px}.dashboard-aside{grid-template-columns:minmax(0,1fr)}.diagnostic-card{grid-column:auto}.diagnostic-card .btn{width:100%}.routine-hero{padding:28px 23px}.routine-hero h2{font-size:26px}.routine-hero>p{max-width:100%;font-size:11px}.hero-art{opacity:.35;top:11px;right:-123px}.hero-actions{flex-direction:column;align-items:flex-start;gap:13px;margin-top:23px}.hero-actions>.btn{width:100%}.hero-actions>.btn>svg:last-child{margin-left:auto}.routine-body{padding:23px 17px 17px}.routine-body>.section-heading{flex-direction:column;align-items:flex-start;gap:6px}.routine-step{gap:9px;min-height:78px}.step-icon{border-radius:9px;width:30px;height:30px}.step-index{width:17px;font-size:10px}.step-text strong{font-size:11px}.step-text small{font-size:9px;line-height:1.8}.step-time{font-size:13px}.routine-step>svg{display:none}.routine-foot{font-size:9px}.quick-section>.section-heading{flex-wrap:wrap;gap:7px}.quick-grid{gap:12px}.quick-card{padding:19px 15px}.quick-card h3{font-size:13px}.quick-card p{font-size:9px}.quick-icon{width:42px;height:42px}.catalog-grid,.vocabulary-grid,.word-grid,.catalog-toolbar.form-grid{grid-template-columns:minmax(0,1fr)}.history-entry{padding:18px 15px}.word-review>h2{font-size:20px}summary{font-size:11px}.type-card{padding:24px}.tabs{gap:2px;padding:3px}.tabs button{padding:8px 11px;font-size:11px}.catalog-notice{padding:13px;font-size:10px}.practice-topline{margin-bottom:20px}.practice-topline .back-link{font-size:12px}.saved-label{font-size:9px}.practice-heading{flex-wrap:wrap;gap:16px;margin-bottom:21px}.practice-heading h1{font-size:24px}.practice-timer{grid-template-columns:auto auto auto;justify-content:center;gap:10px;width:100%;padding:10px 15px}.practice-timer>span{grid-column:3;font-size:10px}.practice-timer strong{font-size:22px}.question-card,.answer-card,.feedback-card{padding:22px 19px}.question-section-label{margin-bottom:20px}.question-prompt{font-size:17px}.word-prompt{padding:30px 12px;font-size:32px}.passage,.question-passage{padding:18px;font-size:14px}.answer-input{font-size:16px}.confidence-options{gap:6px}.confidence-options button{gap:4px;padding:9px 4px;font-size:10px}.submit-actions{gap:10px}.submit-actions>.primary{flex:1;min-width:0}.feedback-card h2{font-size:21px}.feedback-columns{gap:20px}.feedback-buttons,.revision-comparison>div{grid-template-columns:minmax(0,1fr)}.feedback-item,.comparison{padding:17px}.session-runner{grid-template-columns:32px minmax(0,1fr) auto 32px;gap:11px 7px;padding:14px 12px}.session-icon{width:32px;height:36px}.session-info strong{font-size:11px}.session-time{font-size:18px}.session-runner .icon-btn{width:32px}.session-runner .btn{padding:9px 8px;font-size:10px}.session-runner .btn>svg{width:13px}.record-stats{grid-template-columns:minmax(0,1fr);gap:12px}.record-stats>.card{justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;display:flex}.record-stats strong{flex-shrink:0;margin-top:0;font-size:26px}.chart-card,.area-records,.score-section,.recent-section{padding:22px 18px}.bar-chart{gap:8px}.bar-track{max-width:27px;height:130px}.chart-column>span{font-size:9px}.area-records{grid-template-columns:minmax(0,1fr)}.area-record:nth-last-child(2){border-bottom:1px solid #edf0e7;padding-bottom:17px}.score-form{grid-template-columns:minmax(0,1fr);padding:17px}.score-form>.btn{grid-column:auto}.score-list>div,.recent-list>div{flex-wrap:wrap;gap:10px}.recent-list>div>div{flex-basis:calc(100% - 45px)}.recent-list .status-badge{margin-left:41px}.score-list small,.recent-list small{font-size:9px}.review-stats,.mistake-stats,.vocabulary-stats{grid-template-columns:minmax(0,1fr)}.review-stat,.mistake-stat,.vocabulary-stat{justify-content:space-between;align-items:center;gap:12px;padding:17px;display:flex}.review-stat>strong,.mistake-stat>strong,.vocabulary-stat>strong{margin-top:0}.review-toolbar,.vocabulary-toolbar{align-items:stretch}.review-toolbar>.btn,.vocabulary-toolbar>.btn,.review-summary>.btn,.review-banner>.btn,.vocabulary-banner>.btn{width:100%}.mistake-card,.review-card,.word-card,.vocabulary-card{padding:21px 18px}.flashcard,.vocab-review-card,.word-review-card{padding:26px 21px}.flashcard-actions,.review-rating,.add-word-form,.word-form{grid-template-columns:minmax(0,1fr)}.modal-backdrop{padding:16px;padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom))}.modal{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:18px;padding:26px 22px}.modal h2{font-size:21px}.modal-heading{gap:9px;margin-bottom:23px}.modal-heading>.icon-btn{width:36px;height:40px}.form-grid{gap:12px}.modal input,.modal select,.score-form input,.score-form select,.search-field input,.word-form input,.add-word-form input{font-size:16px}.toggle-field small{font-size:9px}.modal-actions>.btn{flex:1}.guide-modal{padding:29px 23px}.guide-steps{gap:17px}.guide-steps p{font-size:10px}.notice{padding:13px;font-size:10px}.empty-state{padding:37px 15px}.toast{bottom:max(18px, env(safe-area-inset-bottom));max-width:calc(100vw - 32px);padding:13px 16px;font-size:11px}.page-footer{gap:10px;margin-top:33px;font-size:9px}}@media (max-height:760px) and (min-width:981px){.sidebar{padding-top:25px}.brand-subtitle{margin-bottom:28px}.sidebar-grow{min-height:15px}.sidebar-note{margin-top:20px;margin-bottom:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.btn,.icon-btn,.nav-item.active,.answer-option,.confidence-options button,.switch,.week-day,.status-badge,.category-options button{border:1px solid buttontext}.answer-option.selected,.confidence-options button.selected,.tabs button.selected,.mode-toggle button.selected,.filter-tabs button.selected{outline-offset:-3px;outline:2px solid highlight}.switch:after{border:1px solid buttontext}.toggle-field>input:checked+.switch{outline:2px solid highlight}.session-track>span,.type-progress>div,.review-track>span,.bar-track>div{forced-color-adjust:none;background:highlight}}@media print{body{color:#222;background:#fff;font-size:11pt}.sidebar,.topbar,.session-runner,.toast,.modal-backdrop,.nav-scrim,.page-footer,.question-help,.submit-actions,.feedback-buttons,.hero-actions{display:none!important}.main-shell{margin-left:0}.main-content{max-width:none;padding:0}.card,.stat-card,.routine-card,.type-card,.quick-card{box-shadow:none;break-inside:avoid}.practice-layout,.feedback-columns,.dashboard-columns,.records-grid{grid-template-columns:minmax(0,1fr)}.routine-hero,.quick-card{color:#222;background:#fff;border:1px solid #bbb}.hero-art{display:none}}@media screen{.sidebar{visibility:visible;transform:none}.main-shell{margin-left:var(--sidebar-width)}.mobile-menu,.nav-scrim{display:none!important}}.blank-fields{gap:20px;margin:24px 0;display:grid}.suffix-input{background:#fafbf7;border:1px solid #d7dfd2;border-radius:10px;align-items:center;gap:0;padding:8px 14px;display:flex}.suffix-input strong{color:#334f37;font:600 23px Georgia,serif}.suffix-input input,.suffix-input select{letter-spacing:2px;width:100%;min-width:0;box-shadow:none;background:0 0;border:0;outline:none;padding:10px 8px;font-size:21px}.suffix-input select{font:inherit;letter-spacing:normal}.suffix-input:focus-within{outline-offset:2px;outline:2px solid #7b9c6a}.question-prompt,.explanation-box p,.reference-details p{white-space:pre-wrap}.selectable-passage{-webkit-user-select:text;user-select:text;cursor:text;white-space:pre-wrap;font-size:17px;line-height:1.9}.selectable-passage::selection{color:#203724;background:#dce9bb}.selected-evidence{background:#f0f4e9;border-left:3px solid #88a667;border-radius:0 8px 8px 0;margin:14px 0;padding:15px 18px}.selected-evidence strong{color:#65804e;font-size:12px}.selected-evidence p{margin-top:8px;font:16px/1.7 Georgia,serif}.reference-details{border:1px solid #e3e7da;border-radius:10px;margin-top:20px;padding:15px}.reference-details summary{color:#4f7046;cursor:pointer;font-size:13px;font-weight:600}.reference-details .passage{margin-top:15px}.question-image img{width:100%;height:auto}.question-image a{text-underline-offset:3px;text-decoration:underline}.practice-layout{align-items:start}.practice-timer{min-width:126px}}
:root{--sidebar-width:232px;--canvas:#f5f6f8;--ivory:#fff;--surface:#fff;--ink:#20242c;--muted:#535c69;--border:#d9dde3;--forest:#2457c5;--forest-dark:#19439d;--green:#2457c5;--mint:#edf7f0;--mint-ink:#21623c;--lavender:#f1f3f6;--lavender-ink:#414b5a;--peach:#fff5e5;--peach-ink:#85520b;--sky:#eef3fc;--sky-ink:#2457a5;--red:#a52929;--red-soft:#fff0f0;--radius:10px;--radius-sm:7px;--shadow:none;--shadow-hover:none;--focus:#2457c5;font-family:var(--font-pretendard), "Pretendard", sans-serif}body{letter-spacing:0;font-size:16px;line-height:1.7}h1,h2,h3,h4{letter-spacing:-.025em;font-weight:700}h1{font-size:28px}h2{font-size:21px}h3{font-size:18px}h4{font-size:16px}strong,b{font-weight:600}small{font-size:14px}::selection{color:#162c54;background:#dbe7ff}.app-shell :where(p,span,small,label,legend,li,blockquote,summary,button,input,select,textarea,strong,b){font-family:inherit;font-size:inherit;color:inherit;letter-spacing:normal}.muted,.page-description{color:var(--muted)}.small{font-size:14px}.eyebrow,.mini-label,.hero-art,.audio-wave{display:none}input,select,textarea{color:var(--ink);background:#fff;border-color:#9fa8b5;font-size:16px}input::placeholder,textarea::placeholder{color:#626b78}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #2457c51a}input:disabled,select:disabled,textarea:disabled{color:#414b5a;background:#f1f3f5}button{transition:background-color .12s,border-color .12s}.card,.stat-card,.routine-card,.mistake-card,.word-card{box-shadow:none}.card{padding:24px}.btn{border-radius:7px;min-height:46px;padding:11px 17px;font-size:15px;font-weight:600}.btn.primary{background:var(--forest);color:#fff}.btn.secondary{color:var(--ink);background:#fff;border-color:#aeb6c2}.btn.soft{color:#19439d;background:#eef3ff;border-color:#b3c4e7}.btn.danger{background:var(--red);color:#fff}.btn.text-btn{color:var(--muted)}.btn.primary:hover:not(:disabled){background:var(--forest-dark);box-shadow:none}.btn.secondary:hover:not(:disabled),.btn.text-btn:hover:not(:disabled),.icon-btn:hover:not(:disabled){color:var(--ink);background:#eef0f4;border-color:#7c8798}.btn.soft:hover:not(:disabled){filter:none;background:#e1eaff}.btn.danger:hover:not(:disabled){background:#842121}.icon-btn{width:40px;height:40px;color:var(--muted)}.text-link,.back-link{color:#19439d;font-size:15px}.text-link:hover,.back-link:hover{color:#19439d}.sidebar{border-color:var(--border);box-shadow:none;background:#fff;padding:28px 16px 20px}.brand{color:var(--ink);letter-spacing:-.04em;font-size:28px;font-weight:700}.brand.personal-brand{letter-spacing:-.025em;gap:8px;font-size:18px}.brand.personal-brand>span:last-child{white-space:nowrap}.brand-icon{color:#414b5a;background:#eef1f5;border-radius:8px}.brand-dot{color:var(--ink)}.brand-subtitle{color:var(--muted);margin:12px 0 30px 12px;font-size:14px}.nav-item{color:#414b5a;border-radius:7px;min-height:48px;font-size:16px}.nav-item.active{color:#19439d;background:#eaf0ff;font-weight:600}.nav-item:hover:not(.active){color:var(--ink);background:#f1f3f6}.nav-count{color:#414b5a;background:#fff;font-size:13px}.nav-dot{background:var(--forest)}.settings-nav{font-size:15px}.profile-row{border-color:var(--border)}.profile-row strong{font-size:15px}.profile-row small{color:var(--muted);font-size:14px}.avatar{border-color:var(--border);color:#414b5a;background:#eef0f4;font-size:15px}.avatar.small{font-size:14px}.local-dot{background:#277447}.topbar{background:#fff;min-height:64px;padding:12px 32px}.breadcrumbs,.breadcrumbs strong,.date-label{color:var(--muted);font-size:14px}.breadcrumbs strong{color:var(--ink)}.breadcrumbs>svg{color:var(--muted)}.top-divider{background:var(--border)}.main-content{max-width:1440px;padding:30px 32px 24px}.page-heading{align-items:flex-start;margin-bottom:24px}.page-description{margin-top:8px;font-size:16px}.page-footer{color:var(--muted);font-size:14px}.section-heading{margin-bottom:18px}.study-start-panel{border:1px solid var(--border);background:#fff;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.study-start-panel h2{font-size:22px}.study-start-panel p{color:var(--muted);margin-top:6px}.study-start-actions{flex-wrap:wrap;gap:10px;display:flex}.study-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.study-summary>button{border:1px solid var(--border);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:10px;padding:17px 18px;display:flex}.study-summary>button>svg{color:var(--muted)}.study-summary strong{font-variant-numeric:tabular-nums;margin-left:auto;font-size:25px}.study-summary small{color:var(--muted);margin-left:4px;font-size:14px;font-weight:400}.study-home-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:start;gap:20px;display:grid}.study-plan-list{display:grid}.study-plan-row{border-bottom:1px solid var(--border);text-align:left;align-items:center;gap:12px;width:100%;min-height:60px;padding:12px 4px;display:flex}.study-plan-row:last-child{border-bottom:0}.study-plan-row.current{background:#eef3ff}.study-plan-row>strong{flex:1;min-width:0}.study-step-number{width:26px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.study-step-minutes{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px}.study-plan-row>svg{color:var(--muted)}.study-area-list{gap:10px;margin:18px 0 12px;display:grid}.study-area-list>button{border:1px solid var(--border);text-align:left;background:#fff;border-radius:7px;align-items:center;gap:12px;min-height:56px;padding:14px;display:flex}.study-area-list strong{flex:1}.study-area-list svg{color:var(--muted)}.study-summary>button:hover,.study-plan-row:hover,.study-area-list>button:hover{background:#f1f4fa}.subtle-badge,.area-badge,.status-badge,.criterion,.tag,.category-tag{border-radius:5px;padding:4px 8px;font-size:13px}.area-badge,.subtle-badge,.status-badge,.criterion,.tag,.category-tag,.mint,.lavender,.peach,.sky,.stat-icon,.quick-icon,.step-icon,.large-icon,.empty-icon,.area-badge.reading,.area-badge.listening,.area-badge.writing,.area-badge.speaking{color:#414b5a;background:#eef0f4}.status-badge.correct,.status-badge.resolved,.criterion.good{background:var(--mint);color:var(--mint-ink)}.status-badge.incorrect,.status-badge.due{background:var(--red-soft);color:var(--red)}.status-badge.partial,.criterion.warning{background:var(--peach);color:var(--peach-ink)}.status-badge.needs-review{color:#414b5a;background:#eef0f4}.subtle-badge.selected{color:#19439d;background:#eaf0ff;box-shadow:inset 0 0 0 1px #9fb5de}.type-card .quick-icon,.type-card .area-badge,.stat-icon.reading,.stat-icon.listening,.stat-icon.writing,.stat-icon.speaking{color:#414b5a;background:#eef0f4}.tabs,.mode-toggle,.filter-tabs{border-color:var(--border);background:#eef0f4}.tabs button,.mode-toggle button,.filter-tabs button{color:#414b5a;min-height:40px;font-size:15px}.tabs button.selected,.mode-toggle button.selected,.filter-tabs button.selected{color:#19439d;box-shadow:none;background:#fff;border-color:#9fb5de}.tabs button:hover:not(.selected),.mode-toggle button:hover:not(.selected),.filter-tabs button:hover:not(.selected){color:var(--ink);background:#dfe5ee}.catalog-notice,.notice,.review-notice,.vocabulary-notice{border-color:var(--border);color:#414b5a;background:#eef1f5;font-size:14px;line-height:1.8}.search-field{width:380px;color:var(--muted);background:#fff;border-color:#9fa8b5}.search-field input{font-size:16px}.search-field:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px #2457c51a}.catalog-grid,.word-grid{gap:18px}.type-card{padding:22px}.type-card-top{margin-bottom:16px}.type-card h3{font-size:19px}.type-card>p{color:var(--muted);font-size:15px}.type-meta{color:var(--muted);font-size:14px}.type-card .btn.soft{color:#19439d;background:#eef3ff;border-color:#b3c4e7}.type-progress,.session-track,.review-track{background:#e2e6ec}.type-card .type-progress>div,.session-track>span,.review-track>span{background:var(--forest)}.saved-label,.practice-heading p,.practice-timer>span{color:var(--muted);font-size:14px}.practice-heading h1{font-size:28px}.practice-timer{border-color:var(--border);color:var(--ink);background:#fff}.practice-timer strong{font-size:26px}.practice-timer.urgent{border-color:var(--red);background:var(--red-soft);color:var(--red)}.practice-timer.urgent>span{color:var(--red)}.practice-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:20px}.question-card,.answer-card{padding:24px}.question-section-label{color:var(--ink);letter-spacing:normal;font-size:15px;font-weight:600}.question-section-label>span{color:var(--muted);font-size:14px}.question-instruction{color:#414b5a;font-size:16px;line-height:1.8}.passage,.question-passage,.selectable-passage{border-color:var(--border);color:var(--ink);letter-spacing:0;background:#f7f8fa;border-radius:8px;font-size:18px;line-height:1.9}.question-prompt{color:var(--ink);font-size:19px;font-weight:500;line-height:1.8}.word-prompt{background:#f1f3f6;font-size:36px}.question-image{border-color:var(--border);background:#f1f3f6}.question-image>span{color:var(--muted);font-size:14px;line-height:1.7}.question-help{border-color:var(--border)}.question-help>button{color:#19439d;font-size:15px}.question-help>span{color:var(--muted);font-size:14px}.hint-box,.explanation-box{border-color:var(--border);color:var(--ink);background:#f1f3f6;font-size:16px;line-height:1.8}.explanation-box strong,.explanation-box p{font-size:16px}.transcript{color:var(--ink);background:#f1f3f6;border-color:#8796ad;font-size:18px}.transcript>span{color:var(--muted);font-size:14px}.audio-player{border-color:var(--border);background:#f7f8fa;gap:16px}.audio-circle{color:#414b5a;background:0 0;width:44px;height:44px}.audio-player p{color:var(--ink);font-size:16px}.audio-player small{color:var(--muted);font-size:14px}.answer-option{background:#fff;border-color:#aeb6c2}.answer-option>span{border-color:var(--border);color:#414b5a;background:#f1f3f6;font-size:15px}.answer-option strong{color:var(--ink);font-size:17px;line-height:1.7}.answer-option.selected{border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest);background:#eef3ff}.answer-option.selected>span{background:var(--forest);border-color:var(--forest);color:#fff}.answer-option.selected>strong,.answer-option.selected>svg{color:#19439d}.answer-option:hover:not(:disabled):not(.selected){background:#f1f4fa;border-color:#7c8798}.answer-label{color:var(--ink);font-size:16px}.answer-input{background:#fff;font-size:18px;line-height:1.8}.answer-input-foot,.submit-caption{color:var(--muted);font-size:14px}.confidence-block{border-color:var(--border)}.confidence-block h4{color:var(--ink);font-size:16px}.confidence-options button{color:#414b5a;border-color:#aeb6c2;min-height:44px;font-size:15px}.confidence-options button.selected{border-color:var(--forest);color:#19439d;background:#eef3ff}.confidence-options button:hover:not(.selected){background:#f1f4fa;border-color:#7c8798}.field>.suffix-input{flex-basis:100%;width:100%}.suffix-input{background:#fff;border-color:#9fa8b5}.suffix-input strong{color:var(--ink);white-space:nowrap;flex-shrink:0;font-family:inherit;font-size:23px}.suffix-input input{letter-spacing:1px;flex:1;width:auto;font-size:23px}.suffix-input select{flex:1;width:auto;font-size:17px}.suffix-input:focus-within{outline:2px solid var(--focus)}.selected-evidence{border-color:var(--forest);background:#eef3ff}.selected-evidence strong{color:#19439d;font-size:15px}.selected-evidence p{font-family:inherit;font-size:18px;line-height:1.8}.selectable-passage::selection{color:#162c54;background:#dbe7ff}.reference-details{border-color:var(--border)}.reference-details summary,summary{color:#19439d;font-size:16px}summary::marker{color:#19439d}.recording-box{border-color:var(--border);background:#f7f8fa}.recording-box p{color:var(--muted);font-size:14px}.recording-indicator{color:var(--red);font-size:15px}.result-summary{border:1px solid var(--border);color:var(--ink);background:#f1f3f6;border-radius:8px}.result-summary h3{font-size:19px}.result-summary p{margin-bottom:16px;font-size:16px}.result-summary.correct{background:var(--mint);color:var(--mint-ink);border-color:#9dc6ac}.result-summary.incorrect{background:var(--red-soft);color:var(--red);border-color:#dbabab}.result-summary.partial{background:var(--peach);color:var(--peach-ink);border-color:#d8bd90}.result-summary.needs-review{color:#414b5a;background:#f1f3f6}.feedback-card h2{font-size:22px}.comparison,.revision-comparison section,.history-entry{border-color:var(--border);background:#f7f8fa}.comparison>span,.revision-comparison section>span{color:var(--muted);font-size:14px}.comparison p,.revision-comparison section p{color:var(--ink);font-size:18px;line-height:1.8}.comparison .correct-text,.correct-text{color:var(--mint-ink)}.incorrect-text{color:var(--red)}.diff-word{background:#f1f3f6}.diff-word strong{font-size:17px}.diff-word small{font-size:14px}.diff-word.match{color:var(--mint-ink)}.diff-word.missing{background:var(--peach);color:var(--peach-ink)}.diff-word.different{background:var(--red-soft);color:var(--red)}.diff-word.extra{color:#19439d;background:#eef3ff}.feedback-item strong,.feedback-item>p{color:var(--ink);font-size:16px}.feedback-item blockquote{color:#414b5a;border-color:#9fa8b5;font-size:16px}.feedback-next{border-color:var(--border);background:#f7f8fa}.feedback-next h3{color:var(--ink);font-size:18px}.feedback-next>p,.feedback-next>.small{color:#414b5a;font-size:15px}.feedback-buttons .btn{font-size:15px}.word-save-list button{color:var(--ink);background:#fff;border-color:#aeb6c2}.word-save-list strong{font-size:16px}.word-save-list button:hover:not(:disabled){background:#eef3ff;border-color:#7c8798}.revision-comparison h3{font-size:18px}.history-entry ul{color:var(--ink);font-size:16px}.history-entry pre.passage{color:var(--ink);font-size:14px}.word-feedback{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.word-feedback h3{font-size:19px}.word-feedback-entry{margin-top:16px}.word-feedback-entry+.word-feedback-entry{border-top:1px solid var(--border);padding-top:16px}.word-feedback-entry h4{margin-bottom:8px;font-size:23px}.word-details{gap:12px;margin-top:10px;display:grid}.word-details>.subtle-badge{justify-self:start}.word-details p{color:var(--ink);font-size:16px;line-height:1.8}.word-definition strong{margin-right:8px}.word-collocation{gap:4px;display:grid}.word-example-block{border:1px solid var(--border);background:#f7f8fa;border-radius:7px;padding:14px}.word-example-block>strong{color:var(--muted);font-size:14px}.word-example-block>p[lang=en]{word-break:normal;margin-top:5px;font-size:17px}.word-example-block .word-example-meaning{color:#414b5a;margin-top:8px}.word-usage{gap:4px;display:grid}.word-usage strong{color:var(--muted);font-size:14px}.listening-feedback{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.listening-feedback h3{font-size:20px}.listening-lesson{margin:18px 0}.listening-lesson+.listening-lesson{border-top:1px solid var(--border);padding-top:18px}.listening-lesson p{color:var(--ink);font-size:16px;line-height:1.8}.listening-lesson .listening-original{word-break:normal;margin:12px 0;font-size:18px}.listening-meaning{gap:5px;display:grid}.listening-meaning>strong{color:var(--muted);font-size:14px}.sentence-pattern{border:1px solid var(--border);background:#f7f8fa;border-radius:7px;gap:10px;margin-top:16px;padding:16px;display:grid}.sentence-pattern h4{font-size:17px}.sentence-pattern .pattern-structure{color:#19439d;font-weight:600}.pattern-evidence{gap:4px;display:grid}.pattern-evidence>strong{color:var(--muted);font-size:14px}.pattern-evidence>span{word-break:normal}.session-runner{box-shadow:none;background:#eef3ff;border-color:#b3c4e7}.session-icon{color:#19439d;background:#dfe8fa}.session-info small{color:#414b5a;font-size:14px}.session-info strong{color:var(--ink);font-size:16px}.session-time{color:#19439d;font-size:22px}.session-runner .btn{min-height:42px;font-size:15px}.session-runner .icon-btn{color:#414b5a}.record-stats>.card>span{color:#414b5a;font-size:16px}.record-stats strong{color:var(--ink);font-size:30px}.record-stats strong small{color:var(--muted);font-size:14px}.chart-card h3,.area-records h3{font-size:18px}.chart-column>span,.chart-column>strong,.chart-column>small,.chart-caption{color:var(--muted);font-size:14px}.bar-track{background:#edf0f4}.bar-track>div{background:#8ea6d5}.bar-track>.today-bar{background:var(--forest)}.area-record{border-color:var(--border)}.area-record strong,.score-list strong,.recent-list strong{color:var(--ink);font-size:16px}.area-record small,.score-list small,.recent-list small{color:var(--muted);font-size:14px}.area-records .section-heading>svg{color:var(--muted)}.score-form{border-color:var(--border);background:#f7f8fa}.score-list b{color:var(--ink)}.score-list b small{font-size:14px}.mistake-card .confidence-options>label{color:#414b5a;font-size:15px}.mistake-card.resolved{background:#f7faf8}.word-card h2{color:var(--ink);font-size:24px}.word-card>.passage{font-size:17px}.word-card>.small{color:#414b5a;font-size:15px}.word-review>h2{font-size:23px}.review-stat>span,.mistake-stat>span,.vocabulary-stat>span{color:#414b5a;font-size:15px}.review-stat>strong,.mistake-stat>strong,.vocabulary-stat>strong{color:var(--ink)}.review-stat small,.mistake-stat small,.vocabulary-stat small{font-size:14px}.review-summary,.review-banner,.vocabulary-banner{border-color:var(--border);background:#f1f3f6}.review-summary h3,.review-banner h3,.vocabulary-banner h3{font-size:18px}.review-summary p,.review-banner p,.vocabulary-banner p{color:#414b5a;font-size:16px}.mistake-answer,.original-answer,.review-answer{color:var(--ink);background:#f1f3f6;font-size:17px}.mistake-meta,.review-meta,.word-meta{color:var(--muted);font-size:14px}.mistake-actions .btn,.review-actions .btn,.word-actions .btn{font-size:15px}.category-options button,.category-options label{color:#414b5a;border-color:#aeb6c2;font-size:15px}.category-options button.selected{border-color:var(--forest);color:#19439d;background:#eef3ff}.category-options button:hover:not(.selected){background:#f1f4fa;border-color:#7c8798}.word-text,.word-card h3,.vocabulary-card h3{color:var(--ink);font-size:24px}.word-meaning,.word-expression,.word-example,.word-context{color:#414b5a;font-size:17px}.word-source,.review-caption{color:var(--muted);font-size:14px}.field{color:var(--ink);font-size:16px}.field>.muted{color:var(--muted);font-size:14px}.field>input,.field>select,.field>textarea{font-size:16px}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#20242c66}.modal{border-color:var(--border);background:#fff;border-radius:12px}.modal h2{font-size:23px}.toggle-field strong{color:var(--ink);font-size:16px}.toggle-field small{color:var(--muted);font-size:14px}.switch{background:#aab2c0;border-color:#949dad}.guide-modal>.large-icon{display:none}.guide-modal>.muted,.guide-steps p{color:#414b5a;font-size:16px}.guide-steps strong{color:var(--ink);font-size:17px}.guide-steps>div>span{color:#414b5a;background:#eef0f4}.empty-state h3{color:var(--ink);font-size:18px}.empty-state p,.review-complete p{color:var(--muted);font-size:16px}.toast{color:#fff;background:#20242c;border-color:#20242c;border-radius:8px;font-size:16px}.toast svg{color:#fff}.loading-screen h1,.loading-screen h1>span{color:var(--ink)}.loading-screen p{color:var(--muted);font-size:16px}@media screen and (max-width:1360px){.main-content{padding-left:24px;padding-right:24px}.study-start-panel{flex-direction:column;align-items:flex-start}.study-summary>button{gap:8px;padding:15px}.catalog-grid,.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.confidence-options button{font-size:14px}}@media print{body{color:#222;background:#fff;font-size:11pt}.main-content{padding:0}.practice-layout{grid-template-columns:minmax(0,1fr)}}
:root{--learning-text:18px;--learning-question:22px}:root[data-reading-size=large]{--learning-text:20px;--learning-question:24px}.reading-preferences{white-space:nowrap;background:#f1f3f7;border:1px solid #cbd2dd;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.reading-preferences>span{color:#414b5a;padding:0 9px;font-size:14px}.reading-preferences button{color:#414b5a;border:1px solid #0000;border-radius:5px;min-height:34px;padding:5px 12px;font-size:15px}.reading-preferences button[aria-pressed=true]{color:#19439d;background:#fff;border-color:#a2b5d8;font-weight:650}.reading-preferences button:focus-visible{outline-offset:2px;outline:3px solid #2457c5}.platform{color:#20242c;background:#f6f7f9;min-width:1180px;min-height:100vh}.platform :where(button,input,textarea,select){font:inherit}.platform :where(a,button,input,textarea,select,summary):focus-visible{outline-offset:3px;outline:3px solid #2457c5}.platform button:disabled{cursor:not-allowed;opacity:1}.platform .btn:disabled{color:#697383;box-shadow:none;background:#f0f2f5;border:1px solid #cbd2dd}.platform-header{background:#fff;border-bottom:1px solid #dde1e8;justify-content:space-between;align-items:center;height:78px;padding:0 44px;display:flex}.platform-brand{color:#20242c;align-items:center;gap:12px;font-size:22px;font-weight:700;text-decoration:none;display:inline-flex}.platform-header>span{color:#535c69;align-items:center;gap:8px;font-size:14px;display:flex}.platform-home{max-width:1360px;margin:auto;padding:48px 44px 24px}.platform-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.platform-heading h1{font-size:30px;line-height:1.4}.platform-heading p{color:#535c69;margin-top:9px}.platform-heading .platform-kicker{color:#19439d;margin:0 0 12px;font-size:14px;font-weight:600}.platform-panel,.subject-card{background:#fff;border:1px solid #d9dde3;border-radius:12px;padding:26px}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.subject-card{flex-direction:column;align-items:stretch;display:flex}.subject-card-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.subject-symbol{color:#414b5a;background:#f0f2f5;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.subject-symbol.blue{color:#2457c5;background:#edf2ff}.platform-tag{color:#414b5a;background:#f0f2f5;border-radius:5px;align-items:center;padding:3px 9px;font-size:14px;display:inline-flex}.subject-card h2{font-size:23px}.subject-card>p{color:#535c69;min-height:54px;margin-top:10px}.subject-stats{border-top:1px solid #e2e5eb;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0;padding-top:18px;display:grid}.subject-stats dt{color:#535c69;font-size:14px}.subject-stats dd{font-variant-numeric:tabular-nums;margin:5px 0 0;font-size:26px;font-weight:650}.subject-card>.btn{justify-content:space-between;margin-top:auto}.subject-add{color:#535c69;border-style:dashed;justify-content:center;align-items:center;gap:12px;min-height:175px}.subject-add strong{color:#20242c;font-size:19px}.subject-add:hover{background:#eef3ff}.platform-principles{margin:42px 0}.platform-principles h2{margin-bottom:20px;font-size:19px}.platform-principles>div{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.platform-principles strong,.platform-principles span{display:block}.platform-principles span{color:#535c69;margin-top:5px;font-size:15px}.platform-footer{color:#535c69;border-top:1px solid #d9dde3;margin-top:32px;padding:22px 0 0;font-size:14px}.platform-error{color:#962626;background:#fff0f0;border:1px solid #e0a3a3;border-radius:8px;margin-bottom:18px;padding:16px 20px}.platform-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.platform label{flex-direction:column;gap:8px;font-weight:550;display:flex}.platform :where(input,select,textarea){color:#20242c;background:#fff;border:1px solid #9fa8b5;border-radius:7px;width:100%;padding:10px 12px}.platform textarea{resize:vertical;min-height:130px;line-height:1.8}.subject-create{gap:18px;margin-bottom:24px;display:grid}.subject-create .platform-actions{justify-content:flex-end}.subject-back{color:#19439d;border-radius:6px;margin:-15px 0 12px;padding:10px 12px;font-size:15px;display:block}.subject-back:hover{background:#eef3ff}.platform-layout{grid-template-columns:228px minmax(0,1fr);min-height:calc(100vh - 78px);display:grid}.platform-sidebar{background:#fff;border-right:1px solid #d9dde3;padding:28px 18px}.platform-sidebar>a{color:#19439d;padding:0 12px 20px;font-size:15px;display:block}.platform-sidebar h2{overflow-wrap:anywhere;padding:5px 12px 24px;font-size:18px;line-height:1.6}.platform-sidebar nav{gap:6px;display:grid}.platform-sidebar nav button{text-align:left;color:#414b5a;border-radius:7px;align-items:center;gap:10px;width:100%;padding:13px 12px;display:flex}.platform-sidebar nav button[aria-current=page]{color:#19439d;background:#eaf0ff;font-weight:600}.platform-sidebar nav button:hover{background:#f0f3f8}.platform-sidebar small{color:#535c69;margin:30px 12px;font-size:13px;display:block}.subject-content{width:100%;min-width:0;max-width:1390px;margin:0 auto;padding:30px 32px}.subject-content .platform-heading h1{font-size:27px}.platform-notice{color:#364963;background:#f0f4fc;border:1px solid #d6dfef;border-radius:8px;margin-bottom:22px;padding:16px 20px;font-size:15px}.platform-notice strong{color:#20242c}.bank-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 26px;display:grid}.bank-stats>div{background:#fff;border:1px solid #d9dde3;border-radius:9px;padding:18px 20px}.bank-stats dt{color:#535c69;font-size:14px}.bank-stats dd{font-variant-numeric:tabular-nums;margin:5px 0 0;font-size:26px}.bank-section{margin-top:28px}.bank-section h2{margin-bottom:16px}.bank-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.bank-topic{text-align:left;background:#fff;border:1px solid #d9dde3;border-radius:8px;padding:16px 18px}.bank-topic strong{display:block}.bank-topic span{color:#535c69;font-size:14px}.bank-topic:hover{border-color:#2457c5}.bank-filters{flex-wrap:wrap;align-items:end;gap:12px;margin:22px 0;display:flex}.bank-filters label{flex:1;min-width:155px;font-size:15px}.bank-filters label:first-child{flex:1.7}.bank-question-list{gap:12px;display:grid}.bank-question-row{align-items:center;gap:20px;padding:18px 20px;display:flex}.bank-question-row>div{flex:1;min-width:0}.bank-question-row h2{font-size:var(--learning-text);text-wrap:pretty;margin:9px 0;font-weight:550;line-height:1.8}.bank-tags{color:#535c69;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.bank-pagination{justify-content:center;align-items:center;gap:20px;margin:24px 0;display:flex}.bank-exams{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.bank-exams article p{color:#535c69;margin:12px 0 18px}.bank-run-layout{grid-template-columns:minmax(0,1fr) 224px;align-items:start;gap:20px;max-width:1170px;margin:0 auto;display:grid}.bank-question-panel{min-width:0}.bank-stem{font-size:var(--learning-question);white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:pretty;margin:20px 0 24px;font-weight:600;line-height:1.8}.bank-answer-instruction{color:#535c69;margin-bottom:12px;font-size:15px}.bank-choices{gap:12px;display:grid}.bank-choice{text-align:left;font-size:var(--learning-text);background:#fff;border:2px solid #c4ccd8;border-radius:8px;align-items:flex-start;gap:13px;padding:14px;line-height:1.8;transition:none;display:flex}.bank-choice:not(:disabled):hover{background:#f3f6fc;border-color:#788dad}.bank-choice>span:first-child{color:#414b5a;background:#edf0f5;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;margin-top:2px;font-size:14px;display:inline-flex}.bank-choice[aria-pressed=true],.bank-choice[aria-pressed=true]:hover{background:#edf3ff;border-color:#2457c5}.bank-choice[aria-pressed=true]>span:first-child{color:#fff;background:#2457c5}.bank-choice-text{flex:1;min-width:0}.bank-choice .bank-choice-mark{color:#5e6b7e;flex-shrink:0;justify-content:end;align-items:center;gap:4px;min-width:52px;margin-top:4px;font-size:14px;font-weight:650;display:flex}.bank-choice[aria-pressed=true] .bank-choice-mark{color:#19439d}.bank-run-controls{border-top:1px solid #d9dde3;justify-content:space-between;align-items:center;gap:10px;margin-top:26px;padding-top:20px;display:flex}.bank-run-aside{padding:20px;position:sticky;top:20px}.bank-timer{font-variant-numeric:tabular-nums;margin:5px 0 10px;font-size:29px;display:block}.bank-timer.urgent{color:#962626;background:#fff0f0;border:1px solid #d99a9a;border-radius:6px;padding:6px 10px}.bank-run-aside .bank-time-warning{color:#962626;margin-bottom:10px;font-weight:650}.bank-run-aside>p{color:#535c69;font-size:14px}.bank-number-grid{grid-template-columns:repeat(5,1fr);gap:6px;margin:18px 0;display:grid}.bank-number-grid button{border:1px solid #bdc5d0;border-radius:4px;height:36px;font-size:14px;position:relative}.number-check{color:#19439d;background:#eaf0ff;font-size:12px;line-height:1;position:absolute;top:-5px;right:1px}.bank-run-aside .bank-grid-legend{font-size:13px;line-height:1.7}.bank-number-grid button.answered{color:#19439d;background:#eaf0ff}.bank-number-grid button[aria-current=true]{outline-offset:1px;outline:2px solid #2457c5;font-weight:700}.bank-run-aside .btn{width:100%;margin-top:10px}.bank-saved{color:#414b5a;background:#f1f3f7;border-radius:6px;align-items:center;gap:8px;min-height:44px;margin-top:16px;padding:9px 12px;font-size:15px;display:flex}.bank-saved.is-saved{color:#21623c;background:#edf7f0}.bank-save-error{color:#962626;background:#fff0f0;border:1px solid #d99a9a;border-radius:7px;align-items:start;gap:10px;margin-top:16px;padding:14px;font-size:15px;display:flex}.bank-save-error svg{flex-shrink:0;margin-top:3px}.bank-save-error .btn{margin-top:10px}.bank-submit-dialog{color:#20242c;background:#fff;border:1px solid #c4ccd8;border-radius:12px;width:560px;max-width:calc(100vw - 80px);max-height:calc(100vh - 80px);margin:auto;padding:30px;position:fixed;inset:0;box-shadow:0 16px 64px #152b4d33}.bank-submit-dialog::backdrop{background:#17283e80}.bank-submit-dialog h2{margin-bottom:14px;font-size:23px;line-height:1.6}.bank-submit-dialog p{color:#414b5a;margin-bottom:26px;font-size:17px;line-height:1.9}.bank-submit-dialog .platform-actions{justify-content:flex-end}.bank-results-reading{max-width:940px;margin:0 auto}.bank-results-heading:focus{outline:none}.bank-result-summary{padding:20px 24px}.bank-result-summary .platform-heading{margin-bottom:12px}.bank-result-summary p{font-size:15px}.bank-result-numbers{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.bank-result-numbers button{border:1px solid #b4bdca;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-width:47px;height:38px;font-size:14px;display:inline-flex}.bank-result-numbers button.correct{color:#21623c;background:#edf7f0}.bank-result-numbers button.incorrect{color:#962626;background:#fff0f0}.bank-result-numbers button[aria-current=true]{outline-offset:2px;outline:2px solid #2457c5}.bank-result-bottom{background:#fff;border:1px solid #d9dde3;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.bank-result-bottom>span{color:#414b5a;font-size:15px}.bank-result-bottom .btn{flex-shrink:0}.bank-result{margin:18px 0}.bank-result.correct{border-left:4px solid #277447}.bank-result.incorrect{border-left:4px solid #a52929}.bank-result h3{font-size:var(--learning-question);text-wrap:pretty;margin:18px 0;font-weight:600;line-height:1.8}.bank-outcome{border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:16px;display:inline-flex}.bank-outcome.correct{color:#21623c;background:#edf7f0}.bank-outcome.incorrect{color:#962626;background:#fff0f0}.bank-answer-comparison{background:#f1f3f7;border-radius:7px;gap:24px;padding:12px 16px;font-size:16px;display:flex}.bank-answer-comparison strong{margin-left:8px;font-weight:700}.bank-result blockquote{background:#f6f7f9;border-left:3px solid #aeb6c2;margin:18px 0;padding:12px 16px}.bank-result ul{margin:14px 0;padding:0;list-style:none}.bank-result li{border-bottom:1px solid #e5e8ee;padding:9px 12px}.bank-result li.right-answer{color:#21623c;background:#edf7f0}.bank-result li.wrong-answer{color:#962626;background:#fff0f0}.bank-result .bank-result-options{gap:8px;display:grid}.bank-result-options li{font-size:var(--learning-text);border:1px solid #d9dde3;border-radius:7px;align-items:start;gap:10px;padding:12px 14px;line-height:1.8;display:flex}.bank-result-options li>span{flex:1}.bank-result-options li>strong{white-space:nowrap;margin-top:3px;font-size:14px}.bank-result .explanation{font-size:var(--learning-text);white-space:pre-wrap;border-top:1px solid #d9dde3;margin:24px 0;padding-top:20px;line-height:1.9}.bank-result .explanation h4{margin-bottom:10px;font-size:18px}.bank-result .trap{color:#734609;font-size:var(--learning-text);background:#fff5e5;border-radius:6px;padding:14px 16px;line-height:1.85}.bank-result details{margin-top:18px}.bank-result summary{cursor:pointer;color:#19439d}.bank-result form{gap:14px;margin-top:18px;display:grid}.bank-result a,.bank-source-list a,.bank-resources a{color:#19439d;text-underline-offset:3px;text-decoration:underline}.bank-source-list{gap:15px;padding:0;list-style:none;display:grid}.bank-source-list li{border-bottom:1px solid #e0e4ea;padding-bottom:14px}.bank-source-list span{color:#535c69;font-size:14px;display:block}.bank-resources section{margin-bottom:22px}.bank-resources h2{margin-bottom:12px}.bank-resources p+p{margin-top:12px}.bank-resources ol{padding-left:24px;line-height:2}.bank-note textarea{min-height:290px}.bank-empty{text-align:center;color:#535c69;padding:46px 24px}.bank-empty h2{color:#20242c;margin-bottom:8px}.bank-record-row{justify-content:space-between;align-items:center;gap:16px;margin:12px 0;display:flex}.bank-record-row p{color:#535c69;font-size:14px}.bank-form{gap:18px;display:grid}.bank-form>p{color:#535c69}.bank-status{color:#21623c;margin:12px 0}.bank-concepts details{border-bottom:1px solid #e0e4ea;padding:14px 0}.bank-concepts summary{cursor:pointer;color:#19439d;font-weight:600}.bank-concepts p{font-size:var(--learning-text);max-width:80ch;margin-top:10px;line-height:1.9}.bank-note .platform-actions{margin-top:16px}.app-shell .reading-preferences>span{color:#414b5a;font-size:14px}.app-shell .reading-preferences button{font-size:15px}:root[data-reading-size=large] .question-prompt{font-size:22px}:root[data-reading-size=large] :is(.passage,.question-passage,.selectable-passage,.listening-original){font-size:20px}:root[data-reading-size=large] :is(.answer-option,.explanation-box p,.listening-meaning,.word-example-block p,.pattern-structure,.pattern-explanation,.word-definition){font-size:19px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.mobile-menu-toggle{display:none}.login-page{background:#f5f6f8;place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #d9dde3;border-radius:16px;width:min(100%,440px);padding:36px}.login-card>svg{color:#2457c5}.login-card h1{margin:8px 0 12px;font-size:26px}.login-card>p{color:#535c69}.login-card .login-kicker{color:#19439d;margin-top:22px;font-size:15px}.login-card form{gap:20px;margin:28px 0;display:grid}.login-card label{gap:8px;font-weight:600;display:grid}.login-card input{min-height:48px}.login-card small{color:#535c69}@media (max-width:1190px){.platform{min-width:0}.platform-header{gap:16px;height:auto;padding:16px 24px}.platform-layout{grid-template-columns:200px minmax(0,1fr)}.subject-content{padding:24px}.bank-run-layout{grid-template-columns:minmax(0,1fr)}.bank-run-aside{position:static}.topbar{flex-wrap:wrap;gap:10px}.bank-number-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}@media (max-width:800px){:root{--sidebar-width:0px}.mobile-menu-toggle{display:inline-flex}.platform-header{flex-wrap:wrap;gap:12px;padding:14px 16px}.platform-brand{gap:8px;font-size:20px}.platform-header>.platform-actions{justify-content:space-between;gap:8px;width:100%}.platform-layout{min-height:0;display:block}.platform-sidebar,.sidebar{border-bottom:1px solid #d9dde3;border-right:0;width:100%;height:auto;padding:16px;display:none;position:static}.platform-sidebar.mobile-open,.sidebar.mobile-open{display:block}.platform-sidebar nav,.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.platform-sidebar h2{padding:0 8px 12px}.platform-sidebar>a{padding:0 8px 10px}.platform-sidebar small,.sidebar-grow,.sidebar .profile-row,.sidebar .brand-subtitle{display:none}.sidebar .subject-back{margin:8px 0}.sidebar .brand{display:none}.sidebar .settings-nav{margin-top:8px}.app-shell{flex-direction:column;display:flex}.app-shell>.sidebar{order:0}.main-shell{margin-left:0}.topbar{gap:10px;padding:12px 16px;position:static}.topbar-right{flex-wrap:wrap;gap:6px;width:100%}.topbar-right .date-label{display:none}.topbar-right .logout-button{margin-left:auto}.reading-preferences>span{display:none}.reading-preferences button{min-height:40px;padding:5px 10px}.icon-btn{min-width:44px;min-height:44px}.platform-home,.subject-content,.main-content{padding:22px 16px}.platform-heading,.page-heading{flex-wrap:wrap;gap:16px}.platform-heading h1,.subject-content .platform-heading h1,.practice-heading h1,h1{font-size:25px}.platform-panel,.subject-card,.card,.question-card,.answer-card,.mistake-card,.word-card{padding:20px}.subject-grid,.bank-topic-grid,.bank-exams,.platform-principles>div,.study-home-grid,.practice-layout,.feedback-columns,.records-grid,.mistakes-layout,.review-layout{grid-template-columns:minmax(0,1fr)}.study-summary{grid-template-columns:minmax(0,1fr);gap:8px}.bank-stats,.record-stats,.review-stats,.mistake-stats,.vocabulary-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bank-stats>div{padding:14px}.bank-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.bank-filters label{min-width:0}.bank-filters label:first-child,.bank-filters label:last-child{grid-column:1/-1}.bank-question-row{flex-direction:column;align-items:stretch;gap:10px}.bank-choice{flex-wrap:wrap;gap:9px;padding:13px 10px}.bank-choice-text{flex-basis:calc(100% - 42px)}.bank-choice .bank-choice-mark{min-height:18px;margin:0 0 0 auto}.bank-stem{font-size:var(--learning-question);margin-top:18px}.bank-run-controls{flex-wrap:wrap;gap:12px}.bank-run-controls>.platform-actions{justify-content:space-between;width:100%}.bank-number-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.bank-number-grid button,.bank-result-numbers button{min-height:44px}.bank-result-options li{flex-wrap:wrap}.bank-result-options li>span{flex-basis:100%;min-width:0}.bank-result-options li>strong{margin-left:auto}.bank-result-bottom,.bank-record-row{flex-wrap:wrap}.bank-result-bottom>span{order:-1;width:100%}.bank-answer-comparison{flex-wrap:wrap;gap:12px;padding:12px}.bank-submit-dialog{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:24px 20px}.bank-submit-dialog .platform-actions>button{flex:1}.platform-footer,.page-footer{flex-wrap:wrap;gap:8px;margin-top:24px}.search-field{width:100%}.catalog-toolbar.form-grid,.form-grid,.score-form,.revision-comparison>div{grid-template-columns:minmax(0,1fr)}.practice-heading{flex-wrap:wrap;gap:12px}.practice-timer{min-width:0;padding:8px 14px}.audio-player{flex-wrap:wrap}.audio-player .btn{width:100%}.session-runner{flex-wrap:wrap;position:static}.session-info{flex-basis:65%;min-width:0}.passage,.question-passage,.selectable-passage,.modal-backdrop{padding:16px}.modal{max-height:calc(100dvh - 32px);padding:24px 20px}.toast{max-width:calc(100vw - 32px);left:50%;bottom:max(16px, env(safe-area-inset-bottom))}.bar-chart{gap:6px}.subject-stats{gap:8px}.subject-stats dd{font-size:24px}.platform :where(input,select,textarea),input,select,textarea{font-size:16px}.platform .btn,.btn{white-space:normal}}@media (max-width:480px){.login-page{padding:16px}.login-card{padding:28px 22px}.platform-panel,.subject-card,.card,.question-card,.answer-card{padding:16px}.catalog-grid,.word-grid,.vocabulary-grid{grid-template-columns:minmax(0,1fr)}.bank-pagination{gap:10px}.confidence-options,.mistake-card .confidence-options{grid-template-columns:minmax(0,1fr)}.confidence-options button{min-height:44px}.study-start-panel{padding:18px}.study-start-actions,.study-start-actions>.btn{width:100%}.topbar-right .icon-btn[aria-label=학습\ 가이드]{display:none}.topbar .breadcrumbs{gap:8px}.topbar .breadcrumbs>span{display:none}.bank-result-bottom{gap:8px;padding:14px}}