.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-2) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:52px}.app-header-left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.app-brand{font-weight:700;font-size:1.05rem;color:var(--color-primary);text-decoration:none;white-space:nowrap}.app-brand:hover{text-decoration:none;color:var(--color-primary-hover)}.app-nav{display:flex;gap:var(--space-2)}.app-nav-link{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:999px;color:var(--color-text-sub);text-decoration:none;font-size:.95rem;white-space:nowrap}.app-nav-link:hover{text-decoration:none;color:var(--color-text);background:var(--color-surface-muted)}.app-nav-link--active{color:var(--color-primary);background:var(--color-surface-muted);font-weight:700}.app-menu{position:relative}.app-menu-btn{font:inherit;font-size:.95rem;min-height:40px;max-width:16em;padding:0 var(--space-3);display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);cursor:pointer}.app-menu-btn:hover,.app-menu-btn[aria-expanded=true]{background:var(--color-surface-muted)}.app-menu-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-menu-caret{color:var(--color-text-sub)}.app-menu-list{position:absolute;right:0;top:calc(100% + 6px);min-width:14em;max-width:min(22em,calc(100vw - 2 * var(--space-4)));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 8px 24px #1f24181f;padding:var(--space-2);z-index:50;display:grid;gap:2px}.app-menu-head{display:grid;gap:2px;padding:var(--space-2) var(--space-3) var(--space-3);border-bottom:1px solid var(--color-surface-muted);margin-bottom:var(--space-1);font-size:.9rem;color:var(--color-text-sub);overflow-wrap:anywhere}.app-menu-head strong{color:var(--color-text)}.app-menu-sub{font-size:.8rem}.app-menu-item{font:inherit;font-size:.95rem;text-align:left;width:100%;min-height:40px;padding:0 var(--space-3);display:flex;align-items:center;border:0;border-radius:var(--radius-sm);background:none;color:var(--color-text);text-decoration:none;cursor:pointer}.app-menu-item:hover{background:var(--color-surface-muted);text-decoration:none;color:var(--color-text)}.app-menu-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.app-main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:var(--space-5)}.app-main--wide{max-width:none;padding:var(--space-4) var(--space-5)}@media(max-width:640px){.app-header{padding:var(--space-2) var(--space-3)}.app-main,.app-main--wide{padding:var(--space-4) var(--space-3)}}.app-footer{padding:var(--space-4) var(--space-5);color:var(--color-text-sub);font-size:.85rem;text-align:center}.study-scope{--color-primary: #1c5cab;--color-primary-hover: #104281;--color-bg: #eef4fc;--color-surface: #ffffff;--color-surface-muted: #e3edfa;--color-border: #cfdcef;--color-text: #1d2a3e;--color-text-sub: #5a6b85;--color-accent: #b04330;--study-primary-bright: #2a78d6;--study-tint: #f0f6ff;--study-level-1-bg: #ffffff;--study-level-1-border: #9ec5f4;--study-level-1-text: #1c5cab;--study-level-2-bg: #cde2fb;--study-level-2-text: #104281;--study-level-3-bg: #9ec5f4;--study-level-3-text: #0d366b;--study-level-4-bg: #1c5cab;--study-level-4-text: #ffffff;--study-doing-bg: #fff3e0;--study-doing-border: #f0b465;--study-doing-text: #a05a00;--study-done-bg: #1e7d3c;--study-done-border: #1e7d3c;--study-done-text: #ffffff;color:var(--color-text)}body.study-bg{background-color:#eef4fc}.study-page h1{margin-top:0}.study-page--with-bar{padding-bottom:88px}.study-muted{color:var(--color-text-sub)}.study-error{color:var(--color-accent)}.study-family-list{list-style:none;padding:0;margin:var(--space-4) 0 0;display:grid;gap:var(--space-3);max-width:480px}.study-family-card{display:block;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);text-decoration:none}.study-family-card:hover{border-color:var(--study-primary-bright);background:var(--study-tint);text-decoration:none}.study-family-card .study-family-name{font-weight:700}.study-family-card .study-family-meta{color:var(--color-text-sub);font-size:.85rem;margin-top:var(--space-1)}.study-learner-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-4)}.study-learner-row-label{color:var(--color-text-sub);font-size:.9rem}.study-learners{display:flex;flex-wrap:wrap;gap:var(--space-2)}.study-learner-tab{font:inherit;font-size:.95rem;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);cursor:pointer}.study-learner-tab:hover{border-color:var(--study-primary-bright)}.study-learner-tab[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.study-step-tabs-and-panel{display:grid}.study-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1);margin-bottom:-1px;position:relative;z-index:1;padding:0 var(--space-2)}.study-step-tab{font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:12px 12px 0 0;background:var(--study-tint);color:var(--color-text);text-align:left;cursor:pointer;min-width:0}.study-step-tab:hover{border-color:var(--study-primary-bright)}.study-step-tab[aria-selected=true]{background:var(--color-surface);border-color:var(--color-border);border-top:3px solid var(--study-primary-bright);border-bottom-color:var(--color-surface);padding-top:calc(var(--space-3) - 2px)}.study-step-tab-period{font-weight:700;font-size:.95rem}.study-step-tab[aria-selected=true] .study-step-tab-period{color:var(--color-primary)}.study-step-tab-sub{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:.78rem;color:var(--color-text-sub)}@media(max-width:640px){.study-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-2);padding:0}.study-step-tab{border-radius:var(--radius)}.study-step-tab[aria-selected=true]{border-bottom-color:var(--color-border);box-shadow:inset 0 -3px 0 var(--study-primary-bright);border-top:1px solid var(--study-primary-bright);padding-top:var(--space-3)}}.study-now-badge{display:inline-block;padding:0 var(--space-2);border-radius:999px;background:var(--color-accent);color:#fff;font-size:.7rem;font-weight:700;line-height:1.6}.study-now-badge--lg{font-size:.8rem;padding:2px var(--space-3)}.study-step-surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:0 0 var(--radius) var(--radius);padding:var(--space-5);display:grid;gap:var(--space-5)}.study-step-surface>*+*{border-top:1px dashed var(--color-border);padding-top:var(--space-4)}.study-step-intro{display:grid;gap:var(--space-3)}.study-subsection-title{margin:0 0 var(--space-3);font-size:1rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4)}.study-step-title-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4)}.study-step-title{margin:0;font-size:1.25rem}.study-step-title-sub{font-size:.85rem;font-weight:400;color:var(--color-text-sub);margin-left:var(--space-2)}.study-step-focus{margin:0;line-height:1.7}.study-step-focus-label,.study-step-goals-label{display:block;font-size:.8rem;font-weight:700;color:var(--color-primary);margin-bottom:2px}.study-step-goals ul{margin:0;padding-left:1.3em;line-height:1.7}.study-checkpoint{font-size:.9rem}.study-checkpoint summary{cursor:pointer}.study-checkpoint ul{margin:var(--space-2) 0 0;padding-left:1.3em;color:var(--color-text-sub);line-height:1.7}.study-checkpoint-badge{display:inline-block;padding:0 var(--space-2);border-radius:var(--radius-sm);background:#fbe9e5;color:var(--color-accent);font-weight:700;font-size:.8rem}.study-ghost-btn{font:inherit;font-size:.9rem;padding:var(--space-2) var(--space-4);border:1px solid var(--color-primary);border-radius:999px;background:transparent;color:var(--color-primary);cursor:pointer}.study-ghost-btn:hover{background:var(--study-tint)}.study-domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}@media(max-width:800px){.study-domains{grid-template-columns:1fr}}.study-domain-card{padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--study-domain-color, var(--color-border));border-radius:var(--radius)}.study-domain-title{margin:0;font-size:1.05rem;display:flex;align-items:center;gap:var(--space-2)}.study-domain-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--study-domain-color, var(--color-border))}.study-domain-aim{margin:2px 0 var(--space-3);font-size:.85rem;color:var(--color-text-sub)}.study-unit-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.study-unit-row{padding-top:var(--space-3);border-top:1px solid var(--color-surface-muted)}.study-unit-row:first-child{padding-top:0;border-top:none}.study-unit-main{display:flex;align-items:flex-start;gap:var(--space-3)}.study-unit-label{flex:1 1 auto;min-width:0;line-height:1.7}.study-unit-label .study-level{vertical-align:middle;margin-left:var(--space-1)}.study-unit-row--reached .study-unit-label{color:var(--color-text-sub)}.study-unit-note,.study-unit-memo{margin-top:var(--space-1);font-size:.85rem;color:var(--color-text-sub);line-height:1.6}.study-unit-memo{color:var(--color-primary)}.study-status-btn{font:inherit;font-size:.8rem;line-height:1.6;min-height:32px;padding:0 var(--space-3);border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-sub);cursor:pointer;white-space:nowrap;min-width:5.5em;flex:none;margin-top:2px}.study-status-btn:hover{border-color:var(--study-primary-bright)}@media(pointer:coarse){.study-status-btn{min-height:44px;padding:0 var(--space-4)}}.study-status-btn--in_progress{background:var(--study-doing-bg);border-color:var(--study-doing-border);color:var(--study-doing-text)}.study-status-btn--reached{background:var(--study-done-bg);border-color:var(--study-done-border);color:var(--study-done-text)}.study-level{font-size:.72rem;line-height:1.6;padding:0 var(--space-2);border-radius:var(--radius-sm);border:1px solid transparent;white-space:nowrap;cursor:help}.study-level--experience{background:var(--study-level-1-bg);border:1px dashed var(--study-level-1-border);color:var(--study-level-1-text)}.study-level--introduce{background:var(--study-level-2-bg);color:var(--study-level-2-text)}.study-level--practice{background:var(--study-level-3-bg);color:var(--study-level-3-text)}.study-level--consolidate{background:var(--study-level-4-bg);color:var(--study-level-4-text);font-weight:700}.study-units-block{display:grid}.study-legend{margin-top:var(--space-2);font-size:.85rem;color:var(--color-text-sub)}.study-legend--inline{margin:0;font-weight:400;font-size:.8rem}.study-legend summary{cursor:pointer}.study-legend ul{margin:var(--space-2) 0 0;padding-left:1.3em;line-height:1.8}.study-legend .study-level{margin-right:var(--space-2)}.study-memo-card{padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.study-memo-title{margin:0;font-size:1.05rem}.study-memo-help{margin:2px 0 var(--space-3);font-size:.85rem;color:var(--color-text-sub)}.study-memo-card textarea{font:inherit;font-size:.95rem;width:100%;min-height:80px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);resize:vertical}.study-memo-card textarea:focus-visible{outline:2px solid var(--study-primary-bright);outline-offset:1px}.study-save-bar{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -4px 16px #172b4d1a}.study-save-bar-inner{max-width:1200px;margin:0 auto;padding:var(--space-3) var(--space-5);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4)}.study-save-btn{font:inherit;padding:var(--space-2) var(--space-5);border-radius:var(--radius);border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-text-on-primary);cursor:pointer}.study-save-btn:hover:not(:disabled){background:var(--color-primary-hover)}.study-save-btn:disabled{opacity:.5;cursor:default}.study-save-status{font-size:.9rem;color:var(--color-text-sub)}.study-save-error{font-size:.9rem;color:var(--color-accent)}.study-section{margin-top:var(--space-6);display:grid;gap:var(--space-3)}.study-section-title{margin:0;font-size:1.15rem;display:flex;align-items:center;gap:var(--space-2)}.study-section-title:after{content:"";flex:1 1 auto;height:1px;background:var(--color-border);margin-left:var(--space-2)}.study-section-help{margin:calc(-1 * var(--space-2)) 0 0;font-size:.85rem;color:var(--color-text-sub)}.study-prep-block{display:grid;gap:var(--space-3)}.study-materials-card{padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);display:grid;gap:var(--space-3)}.study-card-title{margin:0;font-size:1.05rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3)}.study-card-title-sub{font-size:.8rem;font-weight:400;color:var(--color-primary)}.study-card-help{margin:0;font-size:.85rem;color:var(--color-text-sub)}.study-prep-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}@media(max-width:800px){.study-prep-groups{grid-template-columns:1fr}}.study-prep-group-title{font-size:.8rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-2)}.study-prep-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.study-prep-item{line-height:1.6}.study-prep-label{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer}.study-prep-label input[type=checkbox]{margin-top:5px;accent-color:var(--color-primary)}.study-prep-item--done>.study-prep-label>span{color:var(--color-text-sub);text-decoration:line-through;text-decoration-thickness:1px}.study-prep-note{margin-left:22px;font-size:.8rem;color:var(--color-text-sub);line-height:1.5}.study-material-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.study-material-row{padding-top:var(--space-3);border-top:1px solid var(--color-surface-muted);display:grid;gap:var(--space-2)}.study-material-row:first-child{padding-top:0;border-top:none}.study-material-main{display:flex;align-items:center;gap:var(--space-3)}.study-material-title{flex:1 1 auto;min-width:0;font-weight:700;line-height:1.6}.study-material-status{font:inherit;font-size:.8rem;line-height:1.6;min-height:32px;padding:0 var(--space-3);border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-sub);cursor:pointer;white-space:nowrap;min-width:6.5em;flex:none}.study-material-status:hover{border-color:var(--study-primary-bright)}@media(pointer:coarse){.study-material-status{min-height:44px}}.study-material-status--considering{border-style:dashed}.study-material-status--ready{background:var(--study-level-2-bg);border-color:var(--study-level-3-bg);color:var(--study-level-2-text)}.study-material-status--in_use{background:var(--study-doing-bg);border-color:var(--study-doing-border);color:var(--study-doing-text)}.study-material-status--finished{background:var(--study-done-bg);border-color:var(--study-done-border);color:var(--study-done-text)}.study-material-del{font:inherit;font-size:.8rem;padding:2px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-sub);cursor:pointer;flex:none}.study-material-del:hover{border-color:var(--color-accent);color:var(--color-accent)}.study-material-units{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.study-material-unit-chip{font-size:.78rem;line-height:1.6;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--study-tint);border:1px solid var(--color-border);color:var(--color-text-sub)}.study-unit-picker{font-size:.85rem}.study-unit-picker summary{cursor:pointer;color:var(--color-primary)}.study-unit-picker-groups{margin-top:var(--space-2);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}@media(max-width:640px){.study-unit-picker-groups{grid-template-columns:1fr}}.study-unit-picker-item{display:flex;align-items:flex-start;gap:var(--space-2);line-height:1.7;cursor:pointer}.study-unit-picker-item input[type=checkbox]{margin-top:5px;accent-color:var(--color-primary)}.study-material-memo{font:inherit;font-size:.85rem;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);width:100%}.study-material-add{display:flex;gap:var(--space-2)}.study-material-add input{font:inherit;font-size:.95rem;flex:1 1 auto;min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.study-gap-line{margin:0;font-size:.85rem;color:var(--study-doing-text);background:var(--study-doing-bg);border:1px solid var(--study-doing-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);line-height:1.6}.study-unit-materials{margin-top:var(--space-1);display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.study-material-chip{font-size:.75rem;line-height:1.6;padding:0 var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-sub)}.study-material-chip--considering{border-style:dashed}.study-material-chip--ready{background:var(--study-level-2-bg);border-color:var(--study-level-3-bg);color:var(--study-level-2-text)}.study-material-chip--in_use{background:var(--study-doing-bg);border-color:var(--study-doing-border);color:var(--study-doing-text)}.study-material-chip--finished{background:#e3f2e7;border-color:#b5d9c0;color:#1e6031}.study-log-card{padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);display:grid;gap:var(--space-3)}.study-log-form{display:grid;gap:var(--space-3)}.study-log-form-row{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4)}.study-log-field{display:grid;gap:2px;font-size:.8rem;color:var(--color-text-sub)}.study-log-field input,.study-log-field select{font:inherit;font-size:.95rem;color:var(--color-text);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:36px}.study-log-pages{display:flex;align-items:center;gap:var(--space-1)}.study-log-pages input{width:5.5em}.study-log-form-actions{display:flex;align-items:center;gap:var(--space-3)}.study-log-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.study-log-row{display:flex;align-items:baseline;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-surface-muted);line-height:1.7}.study-log-row:first-child{padding-top:0;border-top:none}.study-log-date{flex:none;min-width:3.2em;font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums}.study-log-body{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.study-log-material{font-size:.85rem;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--study-tint);border:1px solid var(--color-border);color:var(--color-text-sub)}.study-log-pages-label{color:var(--color-text-sub);font-variant-numeric:tabular-nums}.study-material-pages{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);font-size:.85rem;color:var(--color-text-sub)}.study-material-pages input{font:inherit;font-size:.85rem;width:5em;padding:2px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.study-low-chip{font-size:.78rem;font-weight:700;padding:0 var(--space-2);border-radius:999px;background:var(--study-doing-bg);border:1px solid var(--study-doing-border);color:var(--study-doing-text);line-height:1.7}.study-reader-header{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.study-reader-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.study-reader{display:grid;gap:var(--space-3)}.study-reader-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4)}.study-reader-nav{display:flex;align-items:center;gap:var(--space-3)}.study-reader-pos{font-variant-numeric:tabular-nums;font-weight:700;color:var(--color-primary)}.study-reader-counts{font-size:.9rem;color:var(--color-text-sub)}.study-reader-main{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-4);align-items:start}@media(max-width:900px){.study-reader-main{grid-template-columns:1fr}}.study-reader-image{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);min-height:240px;display:flex;align-items:center;justify-content:center}.study-reader-image img{max-width:100%;height:auto;border-radius:var(--radius-sm)}.study-reader-panel{background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--study-primary-bright);border-radius:var(--radius);padding:var(--space-4) var(--space-5);display:grid;gap:var(--space-3)}.study-reader-item-head{display:flex;align-items:center;gap:var(--space-3)}.study-reader-item-id{font-weight:700;font-variant-numeric:tabular-nums}.study-review-badge{font-size:.78rem;font-weight:700;padding:0 var(--space-2);border-radius:999px;border:1px solid var(--color-border);color:var(--color-text-sub);line-height:1.7}.study-review-badge--ok{background:#e3f2e7;border-color:#b5d9c0;color:#1e6031}.study-review-badge--wrong{background:#fbe9e5;border-color:#eab5ab;color:var(--color-accent)}.study-reader-index{margin:0;display:grid;gap:var(--space-2)}.study-reader-index-row{display:grid;grid-template-columns:6em minmax(0,1fr);gap:var(--space-3)}.study-reader-index-row dt{font-size:.85rem;color:var(--color-text-sub)}.study-reader-index-row dd{margin:0;line-height:1.7;overflow-wrap:anywhere}.study-reader-review{border-top:1px solid var(--color-surface-muted);padding-top:var(--space-3);display:grid;gap:var(--space-2)}.study-reader-review-title{font-size:.8rem;font-weight:700;color:var(--color-primary)}.study-reader-review input{font:inherit;font-size:.9rem;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);width:100%}.study-reader-review-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.study-review-btn{font:inherit;font-size:.9rem;min-height:36px;padding:0 var(--space-4);border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer}.study-review-btn--ok{border-color:#b5d9c0;color:#1e6031}.study-review-btn--ok:hover:not(:disabled){background:#e3f2e7}.study-review-btn--wrong{border-color:#eab5ab;color:var(--color-accent)}.study-review-btn--wrong:hover:not(:disabled){background:#fbe9e5}.study-review-btn:disabled{opacity:.5;cursor:default}.study-assessment-balance{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.study-assessment-balance-label{font-size:.8rem;font-weight:700;color:var(--color-primary)}.study-assessment-chip{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;line-height:1.7;padding:0 var(--space-2);border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-sub);cursor:help}.study-assessment-chip-count{font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}@media(max-width:640px){.study-assessment-chip-label{display:none}}.study-assessment-icon{margin-left:var(--space-1);font-size:.85em;cursor:help;opacity:.85}.study-exploration-card{padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);display:grid;gap:var(--space-4)}.study-exploration-list{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;gap:var(--space-3)}.study-exploration-row{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:var(--space-2) var(--space-3);align-items:baseline}.study-exploration-cluster{font-size:.9rem;color:var(--color-text-sub)}.study-exploration-items{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1)}.study-exploration-item-label{font-weight:700}.study-exploration-item-detail{display:block;font-size:.85rem;color:var(--color-text-sub)}.study-exploration-actions{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;gap:var(--space-2)}.study-exploration-actions li{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.study-exploration-tag{flex:none;font-size:.78rem;line-height:1.6;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--study-tint);border:1px solid var(--color-border);color:var(--color-text-sub)}.study-exploration-footer{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4);font-size:.85rem}@media(max-width:640px){.study-exploration-row{grid-template-columns:1fr}}.study-timeplan-card{padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);display:grid;gap:var(--space-4)}.study-timeplan-total{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3)}.study-timeplan-total strong{font-size:1.15rem}.study-timeplan-kinds{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.study-timeplan-kind-chip{font-size:.78rem;line-height:1.7;padding:0 var(--space-2);border-radius:999px;background:var(--study-tint);border:1px solid var(--color-border);color:var(--color-text-sub)}.study-timeplan-bars{list-style:none;margin:var(--space-3) 0 var(--space-2);padding:0;display:grid;gap:var(--space-2)}.study-timeplan-bar-row{display:grid;grid-template-columns:10.5rem minmax(0,1fr) 5.5rem;gap:var(--space-2) var(--space-3);align-items:center}.study-timeplan-bar-label{font-size:.9rem}.study-timeplan-bar-track{display:block;height:10px;border-radius:999px;background:var(--study-tint);overflow:hidden}.study-timeplan-bar{display:block;height:100%;border-radius:999px;background:var(--study-domain-color, var(--color-border))}.study-timeplan-bar-minutes{font-size:.85rem;color:var(--color-text-sub);font-variant-numeric:tabular-nums;text-align:right}.study-timeplan-uncovered{margin:var(--space-3) 0 var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.study-timeplan-uncovered-chip{font-size:.85rem;line-height:1.8;padding:0 var(--space-2);border-radius:var(--radius-sm);border:1px dashed var(--color-border);color:var(--color-text-sub)}.study-timeplan-unmapped{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;gap:var(--space-1)}.study-timeplan-unmapped li{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.study-timeplan-footer{margin:0;font-size:.85rem}@media(max-width:640px){.study-timeplan-bar-row{grid-template-columns:minmax(0,1fr) 5.5rem}.study-timeplan-bar-label{grid-column:1 / -1}}.study-views{display:flex;flex-wrap:wrap;gap:var(--space-1);border-bottom:2px solid var(--color-border);margin-bottom:var(--space-5)}.study-view-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;padding:var(--space-3) var(--space-4);font:inherit;font-weight:600;color:var(--color-text-sub);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius) var(--radius) 0 0}.study-view-tab:hover{background:var(--study-tint);color:var(--color-text)}.study-view-tab[aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--study-primary-bright);background:var(--study-tint)}.study-view-tab:focus-visible{outline:2px solid var(--study-primary-bright);outline-offset:-2px}@media(max-width:640px){.study-view-tab{padding:var(--space-2) var(--space-3);font-size:.9rem}}.study-kind-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:700;line-height:1.6;border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-sub);white-space:nowrap}.study-kind-badge--material{background:var(--study-level-2-bg);border-color:var(--study-level-1-border);color:var(--study-level-2-text)}.study-kind-badge--reference{background:#fdeee9;border-color:#e6b3a6;color:var(--color-accent)}.study-kind-badge--company{background:var(--study-doing-bg);border-color:var(--study-doing-border);color:var(--study-doing-text)}.study-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.study-shelf-card{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);border-top:4px solid var(--study-primary-bright);padding:var(--space-4)}.study-shelf-card--reference{border-top-color:var(--color-accent)}.study-shelf-card-head{display:flex;flex-wrap:wrap;gap:var(--space-2)}.study-shelf-card-title{margin:0;font-size:1.05rem;line-height:1.5}.study-shelf-card-role{margin:0;font-size:.85rem;color:var(--color-text-sub)}.study-shelf-card-facts{margin:0;font-size:.85rem;color:var(--color-text-sub);font-variant-numeric:tabular-nums}.study-shelf-card-note{margin:0;font-size:.85rem;line-height:1.7}.study-shelf-card-open{margin-top:auto;align-self:flex-start;padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:var(--color-primary);color:#fff;font-weight:700;font-size:.9rem;text-decoration:none}.study-shelf-card-open:hover{background:var(--color-primary-hover)}.study-unit-corpus{margin-top:var(--space-1)}.study-unit-corpus-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;font-size:.82rem;color:var(--color-primary);cursor:pointer;text-align:left}.study-unit-corpus-toggle:hover{text-decoration:underline}.study-corpus-list{list-style:none;margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);display:grid;gap:var(--space-2);background:var(--study-tint);border:1px solid var(--color-border);border-radius:var(--radius)}.study-corpus-basis{font-size:.82rem;line-height:1.7;padding-bottom:var(--space-2);border-bottom:1px dashed var(--color-border)}.study-corpus-basis-label{display:block;font-weight:700;color:var(--color-text-sub);font-size:.75rem;letter-spacing:.04em}.study-corpus-row{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;align-items:baseline;gap:var(--space-2);font-size:.82rem;line-height:1.6}.study-corpus-school{font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:10em}.study-corpus-summary{color:var(--color-text-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-corpus-open{white-space:nowrap}.study-corpus-more{font-size:.82rem;padding-top:var(--space-1);border-top:1px dashed var(--color-border)}.study-reader-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.study-reader-filter{display:grid;gap:2px;font-size:.82rem;color:var(--color-text-sub);min-width:0}.study-reader-filter select{font:inherit;font-size:.9rem;color:var(--color-text);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);max-width:18em}.study-reader-modes{display:inline-flex;gap:var(--space-1);padding:3px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);margin-bottom:var(--space-3)}.study-reader-mode-btn{font:inherit;font-size:.9rem;font-weight:600;min-height:32px;padding:0 var(--space-4);border:0;border-radius:999px;background:none;color:var(--color-text-sub);cursor:pointer}.study-reader-mode-btn[aria-pressed=true]{background:var(--study-tint);color:var(--color-primary)}.study-reader-mode-btn:focus-visible{outline:2px solid var(--study-primary-bright);outline-offset:1px}.study-page-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.study-page-form label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--color-text-sub)}.study-page-form input{font:inherit;font-size:.9rem;width:5em;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-variant-numeric:tabular-nums}.study-page-image{align-items:flex-start}.study-page-headings{display:flex;flex-wrap:wrap;gap:var(--space-2)}.study-page-heading{font-weight:700;color:var(--color-primary)}.study-reader-links{border-top:1px solid var(--color-surface-muted);padding-top:var(--space-3);display:grid;gap:var(--space-2)}.study-link-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1)}.study-link-list a{color:var(--color-primary);overflow-wrap:anywhere}.study-link-btn{font:inherit;font-size:.95rem;padding:0;border:0;background:none;color:var(--color-primary);text-align:left;text-decoration:underline;cursor:pointer;overflow-wrap:anywhere}.study-link-btn:focus-visible{outline:2px solid var(--study-primary-bright);outline-offset:2px}.study-toc{border-top:1px solid var(--color-surface-muted);padding-top:var(--space-3);display:grid;gap:var(--space-2)}.study-toc-list{list-style:none;margin:0;padding:0;max-height:24rem;overflow-y:auto;display:grid;gap:2px}.study-toc-item{font:inherit;font-size:.9rem;width:100%;display:grid;grid-template-columns:3.5em minmax(0,1fr);gap:var(--space-2);align-items:baseline;padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-sm);background:none;color:var(--color-text);text-align:left;cursor:pointer}.study-toc-item:hover{background:var(--study-tint)}.study-toc-item[aria-current=true]{background:var(--study-tint);color:var(--color-primary);font-weight:700}.study-toc-item:focus-visible{outline:2px solid var(--study-primary-bright);outline-offset:-2px}.study-toc-page{font-size:.8rem;color:var(--color-text-sub);font-variant-numeric:tabular-nums}.study-reader-image-btn{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:var(--radius-sm)}.study-reader-image-btn:focus-visible{outline:2px solid var(--study-primary-bright);outline-offset:2px}.study-reader-image-btn img{display:block;margin:0 auto}.study-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;height:100dvh;background:#080c14f0;color:#fff}.study-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-4) var(--space-2)}.study-viewer-label{font-weight:700;font-variant-numeric:tabular-nums}.study-viewer-btn{font:inherit;font-size:.95rem;min-height:44px;min-width:44px;padding:0 var(--space-4);border-radius:999px;border:1px solid rgba(255,255,255,.55);background:#ffffff1a;color:#fff;cursor:pointer}.study-viewer-btn:disabled{opacity:.35;cursor:default}.study-viewer-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.study-viewer-stage{min-height:0;display:flex;align-items:center;justify-content:center;padding:0 var(--space-2)}.study-viewer-img{height:100%;max-width:100%;object-fit:contain;background:#fff}.study-viewer-msg{color:#ffffffd9}.study-viewer-nav{display:flex;justify-content:center;gap:var(--space-4);padding:var(--space-2) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom))}.study-roadmap{display:grid;gap:var(--space-4)}.study-roadmap-now{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius);padding:var(--space-3) var(--space-4);display:grid;gap:var(--space-3)}.study-roadmap-now-title{margin:0;font-size:1rem;color:var(--color-primary)}.study-roadmap-now-sub{font-weight:400;color:var(--color-text-sub);font-size:.9rem}.study-roadmap-now-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(16em,1fr));gap:var(--space-3) var(--space-5)}.study-roadmap-now-group-title{font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:var(--space-2)}.study-roadmap-now-count{font-size:.75rem;font-weight:700;padding:0 var(--space-2);border-radius:999px;background:var(--study-tint);color:var(--color-primary)}.study-roadmap-now-list{margin:var(--space-1) 0 0;padding-left:1.2em;font-size:.9rem;line-height:1.7}.study-roadmap-scroll{overflow-x:auto;padding-bottom:var(--space-2)}.study-roadmap-table{--study-roadmap-head-w: 15em;--study-roadmap-col-w: 23em;--study-roadmap-col-current-w: 31em;border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9rem}.study-roadmap-col-head{width:var(--study-roadmap-head-w)}.study-roadmap-col{width:var(--study-roadmap-col-w)}.study-roadmap-col--current{width:var(--study-roadmap-col-current-w)}.study-roadmap-jump{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.study-roadmap-jump-label{font-size:.8rem;color:var(--color-text-sub)}.study-roadmap-jump-btn{font:inherit;font-size:.82rem;min-height:30px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill, 999px);background:var(--color-surface);color:var(--color-text);cursor:pointer}.study-roadmap-jump-btn--current{border-color:var(--color-primary);color:var(--color-primary);font-weight:700}@media(max-width:640px){.study-roadmap-table{--study-roadmap-head-w: 8em;--study-roadmap-col-w: 13em;--study-roadmap-col-current-w: 16em}}.study-roadmap-table th,.study-roadmap-table td{vertical-align:top;text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-surface-muted);border-right:1px solid var(--color-surface-muted)}.study-roadmap-table tr>:last-child{border-right:0}.study-roadmap-table th[scope=row],.study-roadmap-corner{position:sticky;left:0;z-index:3;background:var(--color-surface);box-shadow:1px 0 0 var(--color-border)}.study-roadmap-corner{font-size:.8rem;color:var(--color-text-sub);vertical-align:bottom}.study-roadmap-head{background:var(--color-surface-muted);display:table-cell}.study-roadmap-head-period{display:block;font-weight:700;color:var(--color-primary)}.study-roadmap-head-sub{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--color-text-sub);margin-top:2px}.study-roadmap-head--current,.study-roadmap-cell--current{background:var(--study-tint)}.study-roadmap-rowhead{font-weight:700;color:var(--color-primary);font-size:.9rem}.study-roadmap-overview .study-roadmap-cell{font-size:.85rem}.study-roadmap-focus{margin:0;line-height:1.7}.study-roadmap-preps{list-style:none;margin:0;padding:0;display:grid;gap:2px}.study-roadmap-prep{display:flex;align-items:flex-start;gap:var(--space-2);line-height:1.6}.study-roadmap-prep input{margin-top:4px}.study-roadmap-domain-row th{background:var(--color-surface-muted);border-top:2px solid var(--color-border);font-weight:700;position:sticky;left:0;z-index:3}.study-roadmap-domain-row th>.study-roadmap-domain-sticky{position:sticky;left:var(--space-3);display:inline-flex;align-items:center;gap:var(--space-2)}.study-roadmap-domain-row th>*+*{margin-left:var(--space-2)}.study-roadmap-domain-aim{font-weight:400;font-size:.82rem;color:var(--color-text-sub)}.study-roadmap-unit-head{font-weight:400}.study-roadmap-unit-head-inner{display:grid;gap:var(--space-1);align-content:start}.study-roadmap-unit-label{font-weight:600;line-height:1.5}.study-roadmap-unit--reached .study-roadmap-unit-label{color:var(--color-text-sub);text-decoration:line-through;text-decoration-color:var(--study-done-border)}.study-roadmap-unit-head .study-status-btn{justify-self:start}.study-roadmap-cell--none{background:repeating-linear-gradient(45deg,transparent,transparent 6px,var(--color-surface-muted) 6px,var(--color-surface-muted) 7px)}.study-roadmap-cell--current.study-roadmap-cell--none{background-color:var(--study-tint)}.study-roadmap-cell .study-level{cursor:default}.study-roadmap-level-desc,.study-roadmap-note{display:block;font-size:.8rem;line-height:1.6;margin-top:2px}.study-roadmap-level-desc{color:var(--color-text-sub)}.study-roadmap-note{color:var(--color-text)}.study-ghost-btn--sm{font-size:.78rem;min-height:28px;padding:0 var(--space-3)}.study-roadmap-materials-title{margin-top:var(--space-5)}.study-map-track{position:relative;z-index:0;height:92px}.study-map-track-line{position:absolute;left:0;right:0;top:22px;border-top:2px solid var(--color-border)}.study-map-mark{position:absolute;top:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.study-map-mark-dot{width:28px;height:28px;border-radius:50%;background:var(--study-primary-bright);color:#fff;font-weight:700;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--color-surface);box-shadow:0 0 0 1px var(--study-primary-bright);cursor:help}.study-map-mark-label{position:absolute;top:44px;left:0;font-size:.72rem;white-space:nowrap;color:var(--color-text-sub)}.study-map-mark--late .study-map-mark-label{left:auto;right:0;text-align:right}.study-map-band{position:absolute;left:0;right:0;bottom:0;padding:2px var(--space-2);border:1px dashed var(--color-border);border-radius:var(--radius-sm);font-size:.72rem;color:var(--color-text-sub);display:flex;gap:var(--space-2);align-items:baseline;cursor:help}.study-map-band-sub{color:var(--color-text-sub);opacity:.8}.study-map-rowhead-sub{display:block;font-weight:400;font-size:.78rem;line-height:1.6;color:var(--color-text-sub)}.study-map-checks{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1);font-size:.82rem;line-height:1.6}.study-map-checks li{display:grid;gap:1px}.study-map-check-name{font-weight:700}.study-map-check-when{color:var(--color-text-sub)}.study-map-check-crit{color:var(--color-text)}.study-map-goals{margin:0;padding-left:1.2em;font-size:.85rem;line-height:1.7;display:grid;gap:2px}.study-map-empty{margin:0;font-size:.82rem;color:var(--color-text-sub)}.study-map-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);font-size:.82rem;color:var(--color-text-sub)}.study-map-legend li{display:inline-flex;align-items:center;gap:var(--space-2)}.study-map-legend-desc{color:var(--color-text-sub)}.study-analysis{display:grid;gap:var(--space-6)}.study-analysis-lede{margin:0;padding:var(--space-3) var(--space-4);background:var(--study-tint);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9rem;line-height:1.8}.study-analysis-block{display:grid;gap:var(--space-2)}.study-analysis-note{margin:0;font-size:.85rem;line-height:1.8;color:var(--color-text-sub)}.study-bars{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.study-bar-row{display:grid;grid-template-columns:minmax(7em,12em) minmax(0,1fr) 3em;align-items:center;gap:var(--space-3);font-size:.9rem}.study-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-bar-track{background:var(--color-surface-muted);border-radius:999px;height:12px;overflow:hidden}.study-bar-track--inline{display:inline-block;width:4em;vertical-align:middle;margin-right:var(--space-2);height:8px}.study-bar{display:block;height:100%;border-radius:999px;background:var(--study-primary-bright)}.study-bar--plain{background:var(--color-primary)}.study-bar-value{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.study-table-scroll{overflow-x:auto}.study-analysis-table{width:100%;border-collapse:collapse;font-size:.88rem}.study-analysis-table th,.study-analysis-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle}.study-analysis-table thead th{font-size:.78rem;color:var(--color-text-sub);white-space:nowrap;border-bottom-width:2px}.study-analysis-table tbody th{font-weight:600}.study-place-badge{font-size:.72rem;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text-sub);white-space:nowrap}.study-analysis-table td:last-child{white-space:nowrap}.study-analysis-table .study-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.study-analysis-unit{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.study-analysis-field{font-size:.72rem;font-weight:400;color:var(--color-text-sub);padding:1px 6px;border-radius:999px;background:var(--color-surface-muted);white-space:nowrap}.study-analysis-units{display:block;font-size:.75rem;font-weight:400;color:var(--color-text-sub);line-height:1.6;margin-top:2px}.study-gap-badge{font-size:.72rem;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--study-doing-bg);border:1px solid var(--study-doing-border);color:var(--study-doing-text);white-space:nowrap}.study-level-track{display:inline-flex;gap:3px}.study-level-cell{width:22px;height:14px;border-radius:3px;border:1px solid var(--color-border);background:repeating-linear-gradient(45deg,var(--color-surface-muted),var(--color-surface-muted) 3px,var(--color-surface) 3px,var(--color-surface) 6px)}.study-level-cell--experience{background:var(--study-level-1-bg);border-color:var(--study-level-1-border)}.study-level-cell--introduce{background:var(--study-level-2-bg);border-color:var(--study-level-2-bg)}.study-level-cell--practice{background:var(--study-level-3-bg);border-color:var(--study-level-3-bg)}.study-level-cell--consolidate{background:var(--study-level-4-bg);border-color:var(--study-level-4-bg)}.study-split-bar{display:inline-flex;width:7em;height:10px;border-radius:999px;overflow:hidden;background:var(--color-surface-muted);vertical-align:middle}.study-split-bar-paper{background:var(--color-primary)}.study-split-bar-other{background:#eb6834}.study-split-bar-legend{margin-left:var(--space-2);font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--color-text-sub)}.study-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.study-roadmap-cell-materials{list-style:none;margin:var(--space-1) 0 0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.study-roadmap-cell-materials .study-material-chip{display:inline-block;white-space:normal;line-height:1.5;padding-top:1px;padding-bottom:1px}.study-roadmap-cell-empty{display:block;margin-top:2px;font-size:.75rem;line-height:1.6;color:var(--color-text-sub)}.study-roadmap-exit-count{margin-left:var(--space-1);font-size:.72rem;color:var(--color-text-sub);white-space:nowrap}.study-material-book{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);font-size:.78rem;line-height:1.6;color:var(--color-text-sub)}.study-material-stage select{font:inherit;font-size:.85rem;min-height:32px;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.study-material-lookup{margin-top:var(--space-2)}.study-material-lookup-error{margin:var(--space-1) 0 0;font-size:.82rem;line-height:1.6;color:var(--color-danger, #b3261e)}.study-prep-done{margin-top:var(--space-2)}.study-prep-done>summary{cursor:pointer;font-size:.82rem;color:var(--color-text-sub);list-style:none;display:inline-flex;align-items:center;gap:var(--space-1);min-height:28px}.study-prep-done>summary::-webkit-details-marker{display:none}.study-prep-done>summary:before{content:"▸";font-size:.8em}.study-prep-done[open]>summary:before{content:"▾"}.study-prep-done>ul{margin-top:var(--space-1)}.study-section-title{padding-left:var(--space-3);border-left:4px solid var(--color-primary);line-height:1.3}.study-howto{margin-top:calc(-1 * var(--space-1));font-size:.85rem;color:var(--color-text-sub)}.study-howto>summary{cursor:pointer;min-height:28px;display:inline-flex;align-items:center;color:var(--color-primary)}.study-howto>ul{margin:var(--space-1) 0 0;padding-left:1.4em;line-height:1.7}.study-crosslink{margin:var(--space-3) 0 0;font-size:.88rem;color:var(--color-text-sub)}.study-link-btn{font:inherit;background:none;border:0;padding:0 2px;color:var(--color-primary);text-decoration:underline;cursor:pointer;min-height:28px}.study-materials-panel{display:grid;gap:var(--space-5)}.study-material-toolbar{display:grid;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.study-material-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.study-filter-chip{font:inherit;font-size:.85rem;min-height:32px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1)}.study-filter-chip--on{border-color:var(--color-primary);background:var(--study-tint);color:var(--color-primary);font-weight:700}.study-filter-count{font-size:.78rem;padding:0 6px;border-radius:999px;background:var(--color-surface-muted);color:var(--color-text-sub);font-variant-numeric:tabular-nums}.study-material-add-details>summary{cursor:pointer;font-size:.9rem;color:var(--color-primary);min-height:32px;display:inline-flex;align-items:center}.study-material-add-block{display:grid;gap:var(--space-2);margin-top:var(--space-2)}.study-material-section{display:grid;gap:var(--space-3)}.study-material-section-title{margin:0;font-size:1.05rem;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-border)}.study-material-section--current .study-material-section-title{border-bottom-color:var(--color-primary)}.study-material-section-sub,.study-material-section-count{font-size:.82rem;font-weight:400;color:var(--color-text-sub)}.study-material-section-count{margin-left:auto}.study-material-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-3)}.study-material-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius)}.study-material-card--considering{border-left-color:var(--color-border)}.study-material-card--ready{border-left-color:var(--study-level-3-bg)}.study-material-card--in_use{border-left-color:var(--study-doing-border)}.study-material-card--finished{border-left-color:#b5d9c0}.study-material-cover{width:72px;height:100px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-muted);display:flex;align-items:center;justify-content:center}.study-material-cover img{width:100%;height:100%;object-fit:contain;display:block}.study-material-cover--empty span{font-size:1.1rem;font-weight:700;color:var(--color-text-sub)}.study-material-card-body{display:grid;gap:var(--space-2);min-width:0}.study-material-card-head{display:grid;gap:2px}.study-material-card-head .study-material-title{font-weight:700;line-height:1.4}.study-material-card-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.study-material-buy{font-size:.82rem;min-height:30px;padding:0 var(--space-3);border:1px solid var(--color-primary);border-radius:999px;color:var(--color-primary);text-decoration:none;display:inline-flex;align-items:center}.study-material-units-empty{font-size:.8rem}.study-material-card-foot{display:flex;gap:var(--space-2);align-items:center}.study-material-card-foot .study-material-memo{flex:1 1 auto;min-width:0}@media(max-width:640px){.study-material-grid{grid-template-columns:1fr}}.study-material-card--new{animation:study-material-flash 2.4s ease-out}@keyframes study-material-flash{0%{box-shadow:0 0 0 4px var(--study-tint);background:var(--study-tint)}to{box-shadow:0 0 0 0 transparent;background:var(--color-surface)}}.study-focus-list{margin:0;padding-left:1.2em;display:grid;gap:4px;line-height:1.6}.study-step-focus .study-focus-list{margin-top:var(--space-1);color:var(--color-text)}.study-focus-list b,.study-focus-lead{color:var(--color-primary);font-weight:700;margin-right:var(--space-2)}.study-focus-items{display:inline-flex;flex-wrap:wrap;gap:4px 6px;vertical-align:baseline}.study-focus-item{display:inline-block;padding:0 8px;border-radius:999px;background:var(--color-surface-muted);border:1px solid var(--color-border);font-size:.85em;line-height:1.7;white-space:nowrap}.study-kv{border-collapse:collapse;font-size:.88rem;margin-top:var(--space-2)}.study-kv th{text-align:left;vertical-align:top;white-space:nowrap;padding:4px var(--space-3) 4px 0;color:var(--color-text-sub);font-weight:700}.study-kv td{padding:4px 0;line-height:1.6}.study-kv-notes{margin:0;padding-left:1.2em}.study-material-notes{display:grid;gap:var(--space-1)}.study-material-note-list{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:.85rem}.study-material-note-list li{display:flex;gap:var(--space-2);align-items:baseline;line-height:1.5}.study-material-note-date{flex:0 0 auto;font-variant-numeric:tabular-nums;color:var(--color-text-sub);font-size:.8rem}.study-material-note-pages{margin-left:var(--space-2);color:var(--color-text-sub);font-size:.78rem}.study-material-note-add{display:flex;gap:var(--space-2);align-items:center}.study-material-note-add input{flex:1 1 auto;min-width:0;font:inherit;font-size:.88rem;min-height:32px;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.study-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#172b4d73;display:flex;align-items:flex-start;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom));overflow-y:auto}.study-dialog{width:min(720px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--color-surface);border-radius:var(--radius);box-shadow:0 12px 40px #172b4d40;display:grid;grid-template-rows:auto 1fr}.study-dialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.study-dialog-title{margin:0;font-size:1.05rem;line-height:1.4}.study-dialog-close{font:inherit;font-size:1.3rem;line-height:1;width:40px;height:40px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-text);cursor:pointer;flex:0 0 auto}.study-dialog-body{padding:var(--space-4)}.study-dialog-grid{display:grid;gap:var(--space-4)}.study-dialog-sub{margin:calc(-1 * var(--space-2)) 0 0;font-size:.85rem;color:var(--color-text-sub)}.study-dialog-section{display:grid;gap:var(--space-2);padding-top:var(--space-3);border-top:1px dashed var(--color-border)}.study-dialog-h{margin:0;font-size:.9rem;color:var(--color-primary)}.study-dialog-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.study-dialog-stamps{display:inline-flex;gap:var(--space-3);font-size:.85rem;color:var(--color-text-sub);font-variant-numeric:tabular-nums}.study-dialog-hint{margin:0;font-size:.8rem;color:var(--color-text-sub)}.study-dialog-levels{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:.88rem}.study-dialog-levels li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.study-dialog-level-stage{min-width:7em;color:var(--color-text-sub)}.study-dialog-level-note{color:var(--color-text)}.study-dialog-materials{list-style:none;margin:0;padding:0;display:grid;gap:4px}.study-dialog-materials li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.study-dialog-material-stage{font-size:.8rem;color:var(--color-text-sub)}.study-dialog-material{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-3)}.study-dialog-material-main{display:grid;gap:var(--space-2);min-width:0}.study-dialog-material-main .study-material-book{margin:0}.study-roadmap-unit-name{font:inherit;font-weight:700;text-align:left;padding:0;border:0;background:none;color:var(--color-text);cursor:pointer;text-decoration:underline dotted var(--color-border);text-underline-offset:3px}.study-roadmap-unit-name:hover{color:var(--color-primary)}.study-material-chip--btn{font:inherit;font-size:.75rem;cursor:pointer;text-align:left}.study-material-chip--btn:hover{border-color:var(--color-primary)}.study-material-chip--muted{opacity:.65}.study-roadmap-cell-hint{display:block;margin-top:2px;font-size:.75rem;line-height:1.6;color:var(--color-text-sub)}.study-roadmap-cell-earlier{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px}.study-roadmap-cell-find{font-size:.78rem;margin-top:2px}@media(max-width:640px){.study-dialog-backdrop{padding:8px;align-items:stretch}.study-dialog{max-height:calc(100dvh - 16px)}}.study-material-card-main{display:grid;gap:var(--space-2);min-width:0}.study-material-chip--excluded,.study-material-status--excluded{border-style:dotted;color:var(--color-text-sub);background:var(--color-surface-muted);text-decoration:line-through}.study-material-card--excluded{border-left-color:var(--color-border);opacity:.75}.study-filter-chip--excluded.study-filter-chip--on{border-color:var(--color-text-sub);color:var(--color-text-sub)}.study-material-exclude,.study-material-excluded-hint{font-size:.8rem;color:var(--color-text-sub)}.study-roadmap-cell-materials--stage{gap:var(--space-2)}.study-roadmap-stage-memo{display:block;margin-top:2px;font-size:.78rem;line-height:1.6;color:var(--color-text);white-space:pre-line}:root{--color-primary: #6b8e5a;--color-primary-hover: #5d7d4d;--color-accent: #c9533f;--color-accent-hover: #b54734;--color-bg: #f5f2eb;--color-surface: #ffffff;--color-surface-muted: #efeadf;--color-text: #1f2418;--color-text-sub: #6f715e;--color-text-on-primary: #ffffff;--color-border: #d8d3c4;--radius: 14px;--radius-sm: 8px;--font-family-base: "Noto Sans JP", system-ui, -apple-system, "Hiragino Sans", "Yu Gothic", sans-serif;--font-size-base: 16px;--line-height-base: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}button{font-family:inherit}