.study-shell{--s-paper:#f8f9f6;--s-ink:#233a30;--s-muted:#647168;--s-line:#dce3da;--s-green:#215b46;background:var(--s-paper);color:var(--s-ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:16px;line-height:1.65;min-height:100dvh;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.study-header{justify-content:space-between;margin:auto;max-width:760px;min-height:calc(76px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left))}.study-brand,.study-header{align-items:center;display:flex}.study-brand{font-size:18px;font-weight:600;gap:12px}.study-brand span{font-size:27px}.study-setting{align-items:center;display:flex;font-size:14px;min-height:44px}.study-main{margin:auto;max-width:720px;padding:16px max(24px,env(safe-area-inset-right)) 28px max(24px,env(safe-area-inset-left))}.study-main h1{font-size:28px;font-weight:650;letter-spacing:-.5px;line-height:1.4;margin:8px 0 14px}.study-main h2{font-size:20px;font-weight:600;margin:16px 0 10px}.study-muted{color:var(--s-muted);font-size:14px}.study-nav{background:var(--s-paper);border-top:1px solid var(--s-line);bottom:0;display:flex;gap:54px;justify-content:center;left:0;padding:12px 20px calc(12px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:20}.study-nav a{display:grid;font-size:14px;min-height:44px;min-width:44px;place-items:center;text-align:center}.study-nav .router-link-active{color:var(--s-green);font-weight:600}.study-primary{background:var(--s-green);border-radius:14px;color:#fff;display:block;font-size:16px;font-weight:600;min-height:52px;padding:12px 20px;text-align:center;width:100%}.study-primary:disabled{background:#dce4db;color:#536056}.study-secondary{align-items:center;color:var(--s-green);display:inline-flex;font-size:14px;min-height:44px;padding:8px 12px}.study-notice{background:#fbf1df;border-left:3px solid #a66c29;color:#694819;font-size:14px;margin:12px 0;padding:10px 14px}.study-answer{background:#fff;border:1px solid #a6b5a8;border-radius:14px;box-sizing:border-box;color:var(--s-ink);display:block;font-size:20px;line-height:1.6;min-height:108px;padding:14px;resize:vertical;width:100%}.study-answer:focus{outline:2px solid #608e72;outline-offset:2px}.study-save{color:var(--s-muted);font-size:14px;margin:10px 0;min-height:20px}.study-option{align-items:center;background:#fff;border:1px solid var(--s-line);border-radius:14px;display:flex;gap:12px;margin-bottom:10px;min-height:58px;padding:15px;text-align:left;width:100%}.study-option[aria-checked=true]{background:#eaf1e8;border-color:var(--s-green)}.study-option:focus-visible,.study-primary:focus-visible,.study-secondary:focus-visible{outline:2px solid var(--s-green);outline-offset:3px}.study-material{background:#edf2e6;border-radius:16px;line-height:1.9;margin:20px 0;overflow-wrap:anywhere;padding:22px;white-space:pre-wrap}.study-reference{border-top:1px solid var(--s-line);margin:18px 0;padding:16px 0;white-space:pre-wrap}.study-question{font-size:22px;font-weight:600;margin:24px 0 14px}.study-progress{background:var(--s-line);border-radius:4px;height:4px;margin:12px 0 24px}.study-progress i{background:var(--s-green);border-radius:4px;display:block;height:100%}.study-actions{align-items:center;display:flex;gap:10px;margin-top:28px}.study-home-continue{background:var(--s-green);border-radius:18px;color:#fff;display:block;margin:24px 0;padding:22px}.study-home-continue h2{font-size:23px;margin:6px 0}.study-task{align-items:center;border-bottom:1px solid var(--s-line);display:flex;gap:16px;justify-content:space-between;min-height:66px;padding:12px 0;text-align:left;width:100%}.study-task small{color:var(--s-muted);font-size:12px}.study-audio{background:#edf2e6;border-radius:18px;margin:24px 0;padding:22px}.study-audio button{background:var(--s-green);border-radius:50%;color:#fff;font-size:24px;min-height:64px;min-width:64px}.study-audio footer{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.study-audio .rate{background:none;border-radius:0;color:var(--s-ink);font-size:14px;min-height:44px}.study-flow-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.study-flow-row button{flex:1}@media (max-width:420px){.study-header{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}.study-main{padding:12px max(22px,env(safe-area-inset-right)) 24px max(22px,env(safe-area-inset-left))}.study-main h1{font-size:26px}.study-task{min-height:60px}}.study-audio .study-flow-row button{flex:0 0 64px}.study-audio .study-flow-row span{flex:1;font-size:20px!important;letter-spacing:1px!important;min-width:0;overflow:hidden;white-space:nowrap}.study-shell{overflow-wrap:anywhere}.study-practice{padding-bottom:max(24px,env(safe-area-inset-bottom))}.study-shell a:focus-visible,.study-shell button:focus-visible,.study-shell summary:focus-visible{outline:2px solid var(--s-green);outline-offset:3px}@media (prefers-reduced-motion:reduce){.study-shell *,.study-typing *{animation:none!important;transition:none!important}}.study-home-continue{margin:18px 0;padding:18px 20px}.study-home-continue h2{margin:4px 0}.study-home-continue p{font-size:14px}.study-task{min-height:56px}.study-reference pre{font:inherit;white-space:pre-wrap}.study-shell{--s-surface:#fff;--s-soft:#edf2e6}.study-header{min-height:calc(60px + env(safe-area-inset-top))}.study-main{padding-top:8px}.study-main h1{font-size:25px;margin:4px 0 8px}.study-main h2{font-size:18px}.study-brand{font-size:17px}.study-brand span{font-size:24px}.study-nav{padding-bottom:calc(6px + env(safe-area-inset-bottom));padding-top:6px}.study-page-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.study-page-heading h1{margin:0}.study-tag{color:var(--s-green);display:inline-block;font-size:12px;font-weight:600}.study-library{display:grid;gap:14px;margin-top:18px}.study-pack{background:var(--s-surface);border:1px solid var(--s-line);border-radius:16px;display:flex;gap:16px;padding:18px}.study-pack-symbol{background:var(--s-soft);border-radius:9px;color:var(--s-green);display:grid;flex-shrink:0;font-size:27px;height:56px;place-items:center;width:48px}.study-pack-copy{flex:1;min-width:0}.study-pack-copy h2{line-height:1.4;margin:3px 0 6px}.study-pack-copy .study-secondary{padding-left:0}.study-pack-hidden{background:transparent}.study-course-list{margin-top:14px}.study-course-row{align-items:center;border-bottom:1px solid var(--s-line);display:flex;gap:12px;min-height:72px;padding:14px 0}.study-course-number{color:var(--s-muted);font-size:14px;font-variant-numeric:tabular-nums}.study-course-copy{flex:1;min-width:0}.study-course-copy strong{display:block;font-size:16px;font-weight:600}.study-course-copy small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--s-muted);font-size:13px;margin-top:2px;overflow:hidden}.study-settings-section{margin-top:14px}.study-settings-section h2{border-bottom:1px solid var(--s-line);margin:0;padding-bottom:6px}.study-setting-row{align-items:center;border-bottom:1px solid var(--s-line);display:flex;font-size:15px;gap:12px;justify-content:space-between;min-height:50px;padding:5px 0}.study-setting-row small{color:var(--s-muted);display:block;font-size:12px}.study-setting-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#7a857d;border-radius:16px;cursor:pointer;flex-shrink:0;height:28px;padding:3px;width:46px}.study-setting-row input[type=checkbox]:after{background:#fff;border-radius:50%;content:"";display:block;height:22px;transition:transform .18s ease;width:22px}.study-setting-row input[type=checkbox]:checked{background:var(--s-green)}.study-setting-row input[type=checkbox]:checked:after{transform:translate(18px)}.study-setting-row input:focus-visible{outline:2px solid var(--s-green);outline-offset:3px}.study-segment{border:1px solid var(--s-line);border-radius:10px;display:flex;padding:3px}.study-segment button{border-radius:7px;font-size:14px;min-height:38px;padding:4px 13px}.study-segment button[aria-pressed=true]{background:var(--s-green);color:#fff}.study-preference-note{margin-top:16px}.study-desktop-settings{display:none}@media (min-width:768px) and (pointer:fine){.study-desktop-settings{display:block}}.study-settings-section summary{cursor:pointer;min-height:44px}.study-settings-section kbd{border:1px solid var(--s-line);border-radius:4px;font-size:12px;padding:3px 5px}.study-answer-feedback{background:#e6f0e4;border-radius:10px;color:#215b46;font-size:15px;margin:12px auto 0;max-width:480px;padding:10px 14px}.study-answer-feedback[data-result=wrong]{background:#fbefe5;color:#894620}@media (prefers-reduced-motion:no-preference){.study-main,.study-question-enter{animation:study-page-in .2s ease-out}.study-answer-feedback{animation:study-feedback-in .25s ease-out}.study-answer-feedback[data-result=wrong]{animation:study-nudge .24s ease-in-out}.study-shell button{transition:background-color .15s ease,transform .12s ease}.study-shell button:active{transform:scale(.98)}@keyframes study-page-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes study-feedback-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes study-nudge{25%{transform:translate(-3px)}75%{transform:translate(3px)}}}@media (max-height:760px){.study-home-continue{margin:12px 0;padding:12px 16px}.study-task{min-height:49px}.study-main{padding-bottom:16px}}.study-typing .typing-question{width:100%}.study-typing .typing-input{margin-top:18px}.study-typing .typing-input>div{height:50px;min-width:0}.study-typing .typing-actions{gap:8px;margin-top:20px}.study-typing .typing-tools{flex-wrap:nowrap;gap:2px}.study-typing .typing-tools-title{font-size:13px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-typing .typing-actions .btn{font-size:15px;padding:8px 14px}.study-typing .text-fuchsia-500{border-color:var(--s-green);color:var(--s-green)}.study-typing .typing-answer-text{font-size:clamp(24px,6vw,36px);line-height:1.5}.study-record-links{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 12px}.study-search{background:#fff;border:1px solid var(--s-line);border-radius:10px;font-size:16px;margin:12px 0;min-height:44px;padding:10px 12px;width:100%}.study-empty{margin:22px 0}.study-progress{margin:8px 0 14px}.study-audio{margin:16px 0;padding:16px 18px}.study-audio button{min-height:56px;min-width:56px}.study-audio footer{margin-top:4px}.study-question{margin:16px 0 10px}.study-option{margin-bottom:8px;min-height:49px;padding:10px 13px}.study-actions{margin-top:14px}.study-save{font-size:13px;margin:6px 0;min-height:18px}.study-reference{margin:10px 0;padding:8px 0}.study-answer{font-size:18px;min-height:88px;padding:10px 13px}.study-material{line-height:1.7;margin:14px 0;padding:16px}.study-setting-row select{background:#fff;border:1px solid var(--s-line);border-radius:8px;font-size:15px;min-height:44px;padding:6px 10px}.study-typing .typing-answer-text+div:empty{display:none}.study-typing .typing-answer-text~div{margin-bottom:16px;margin-top:16px}.study-answer.study-short-answer{height:62px;min-height:62px}.study-answer-feedback p{font-size:14px;margin:2px 0 0}.study-today .study-home-continue{margin:14px 0;padding:16px 18px}.study-today .study-flow-row h2{margin:8px 0 6px}.study-daily-reason{color:var(--s-muted);font-size:14px;margin-top:12px}.study-daily-reason summary{align-items:center;cursor:pointer;display:flex;min-height:44px}.study-daily-reason summary:after{content:"＋";margin-left:auto}.study-daily-reason[open] summary:after{content:"−"}.study-task-pending strong{display:block;font-weight:600}.study-task small{display:inline-block;margin-left:10px}.study-task-pending small{margin-left:0}.study-completed-list{background:#edf2e6;border:1px solid var(--s-line);border-radius:14px;margin-top:22px;padding:10px 14px}.study-completed-list h2{color:var(--s-muted);font-size:15px;margin:0 0 2px}.study-task-done{min-height:48px}.study-task-done:last-child{border-bottom:0}.study-done-check{color:var(--s-green);font-weight:700;margin-right:9px}.study-home-done{background:#e6f0e4;border:1px solid #a6b5a8;border-radius:14px;color:var(--s-green);margin:14px 0;padding:18px}.study-home-done strong{font-size:20px}.study-home-done p{font-size:14px}.study-completion{padding:32px 0;text-align:center}.study-completion-check{background:#e6f0e4;border-radius:50%;color:var(--s-green);display:inline-grid;font-size:34px;height:64px;margin-bottom:18px;place-items:center;width:64px}.study-completion .study-muted{margin-top:12px}