:root{--ink:#202c31;--muted:#77858c;--paper:#f7fafc;--line:#e2e9ec;--green:#168bca;--mint:#e7f5fd;--blue:#168bca;--orange:#eaa934;--shadow:none}
body{background:var(--paper)}#app{max-width:720px}.top{background:#fff;border-bottom:1px solid var(--line);padding-top:16px;padding-bottom:16px}.eyebrow{display:none}.title{font-size:20px;font-weight:750;margin:0}.avatar{background:#e4f5fd;color:#168bca;border-radius:50%;width:36px;height:36px}.view{padding:0 16px}.tabs{background:#edf4f8;border-radius:8px}.tabs button{border-radius:6px}.tabs button.active{color:var(--green)}.section-head{margin:20px 0 12px}.section-head h3{font-size:18px;font-weight:700}.card,.row,.stat{border-radius:8px;box-shadow:none}.card{padding:16px}.row{padding:13px}.hero{background:#e9f7ff;color:var(--ink);border:1px solid #cfeaf8;border-radius:8px;box-shadow:none}.hero p{color:#527080}.pill{background:#d8effa;color:#2a6687}.primary{background:#168bca}.secondary{background:#eaf5fb;color:#187bad}.danger{color:#c95e58}.primary,.secondary,.danger,.field,textarea,select{border-radius:7px}.mode.active{background:#e6f5fc;color:#1279ab;border-color:#8fcde9}.bottom{height:66px;max-width:720px}.nav.active{color:#168bca}.link{color:#168bca}.tag{background:#e5f5fc;color:#167fb0}
.auth-view{min-height:calc(100vh - 82px);padding:24px 20px;background:#fff}.auth-title{font-size:27px;font-weight:760;margin:16px 0 4px}.auth-sub{font-size:14px;color:var(--muted);margin:0 0 24px}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:22px}.auth-tabs button{flex:1;background:none;padding:14px 6px;color:var(--muted);border-bottom:3px solid transparent;font-weight:650}.auth-tabs button.active{color:#168bca;border-color:#168bca}.auth-form .label{font-size:14px;color:var(--ink);margin:17px 0 7px}.auth-form .field{font-size:16px;min-height:48px}.auth-form .primary{width:100%;margin-top:26px;min-height:49px}.auth-form .auth-secondary{background:none;color:#168bca;width:100%;margin-top:12px;padding:12px;font-weight:650}.page-title{font-size:20px;font-weight:700;margin:18px 0 14px}.plain-list{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.plain-row{display:flex;align-items:center;gap:12px;min-height:62px;padding:12px 4px;border-bottom:1px solid var(--line);background:none;width:100%;text-align:left;color:var(--ink)}.plain-row:last-child{border-bottom:0}.plain-row-main{flex:1;min-width:0}.plain-row-main b{display:block;font-size:15px}.plain-row-main small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.plain-row .arrow{color:#9aa9b0;font-size:20px}.subtle{color:var(--muted);font-size:13px;line-height:1.5}.toolbar{display:flex;align-items:center;gap:8px;margin:14px 0}.toolbar .field{flex:1}.toolbar button{flex:none}.content-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;margin:12px 0}.search-result{width:100%;display:flex;align-items:center;text-align:left;gap:10px;background:#fff;border-bottom:1px solid var(--line);padding:11px 2px;color:var(--ink)}.search-result:last-child{border-bottom:0}.search-result b{display:block;font-size:15px}.search-result small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.search-result .add-mark{margin-left:auto;color:#168bca;font-size:23px;width:26px;text-align:center}.selected-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.selected-word{background:#e7f5fd;color:#246683;border:1px solid #acd9ed;border-radius:6px;padding:7px 9px;font-size:13px;text-align:left}.selected-word small{display:block;color:#718f9d;margin-top:2px}.selected-word i{font-style:normal;margin-left:6px;color:#168bca}.import-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.import-actions button{min-height:48px;text-align:center}.sticky-action{position:sticky;bottom:72px;background:var(--paper);padding:10px 0 12px;border-top:1px solid var(--line);z-index:2}.sticky-action .primary{width:100%;min-height:48px}.draft-row{display:grid;grid-template-columns:24px minmax(80px,1fr) minmax(100px,1.3fr);gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:9px 0}.draft-row .field{min-width:0;padding:8px;font-size:13px}.draft-row b{overflow-wrap:anywhere}.status-text{font-size:12px;color:var(--muted);min-height:18px;margin-top:6px}.teacher-actions{display:flex;gap:8px;margin:16px 0}.teacher-actions button{flex:1}.teacher-group{background:#fff;border-bottom:1px solid var(--line);padding:14px 0}.teacher-group:last-child{border-bottom:0}.teacher-group b{display:block}.teacher-group small{display:block;color:var(--muted);margin:5px 0 12px}.teacher-group button{min-width:88px}.empty-inline{font-size:13px;color:var(--muted);padding:18px 0}.login-loading{padding:26px 20px;color:var(--muted)}
@media(max-width:370px){.view{padding:0 12px}.import-actions button{font-size:13px}.draft-row{grid-template-columns:22px minmax(70px,1fr) minmax(88px,1.2fr)}}
.auth-brand{text-align:center;padding:6px 0 12px}.auth-brand img{display:block;width:106px;height:106px;object-fit:cover;margin:0 auto 12px;border-radius:8px}.auth-slogan{font-size:16px;font-weight:700;color:#16356b;line-height:1.4}.sentence-text{font-size:26px;font-weight:760;line-height:1.45;word-break:break-word}.speech-status{min-height:42px;margin:16px 0 0;padding:11px;border-radius:7px;background:#f1f7fa;color:#55717e;font-size:14px;line-height:1.5}.draft-entry{border-bottom:1px solid var(--line);padding:5px 0 10px}.draft-entry:last-child{border-bottom:0}
.lesson-next{display:block;width:100%;min-height:48px;margin-top:10px}
.crop-modal{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(12,28,48,.72)}.crop-dialog{width:min(430px,100%);padding:18px;border-radius:16px;background:#fff;box-shadow:0 16px 44px rgba(0,0,0,.28)}.crop-dialog canvas{display:block;width:100%;aspect-ratio:4/3;margin:12px 0;border-radius:10px;background:#13283b;touch-action:none}.draft-sentence{flex:1;min-width:0;line-height:1.45}