:root{color:#222;font-family:system-ui,Noto Sans SC,Noto Sans TC,sans-serif}body{background:#fafafa;margin:0}.app{max-width:720px;margin:0 auto;padding:1rem}header{border-bottom:1px solid #ddd;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.spacer{flex:1}button{cursor:pointer}button.link{color:#1a5fb4;background:0 0;border:none;padding:0;font-size:1rem}.panel{background:#fff;border:1px solid #ddd;border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem}.panel input,.panel textarea{box-sizing:border-box;width:100%;margin:.5rem 0;padding:.4rem;font-size:1rem;display:block}.toolbar{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.text{background:#fff;border:1px solid #ddd;border-radius:6px;padding:1rem;font-size:1.5rem;line-height:2.6}.tok{font:inherit;color:inherit;background:0 0;border:none;border-radius:3px;padding:0 1px}.tok.learning{background:#fff3c4}.tok.unknown{border-bottom:2px dotted #bbb}.tok.sel{background:#cfe3ff}.tok:hover{background:#e8f0fe}rt{color:#666;font-size:.55em}.popover{background:#fff;border:1px solid #999;border-radius:6px;margin-top:.75rem;padding:.75rem 1rem;position:sticky;bottom:1rem;box-shadow:0 2px 10px #00000026}.popover-head .close{float:right;background:0 0;border:none;font-size:1.1rem}.popover ul{margin:.5rem 0;padding-left:1.2rem}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.actions button{padding:.35rem .6rem}.ask{margin-top:.5rem}.ask-row{gap:.5rem;display:flex}.ask-row input{flex:1;padding:.35rem;font-size:1rem}.ask-answer{white-space:pre-wrap;max-height:40vh;margin-top:.5rem;font-size:.95rem;overflow-y:auto}.preteach{flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;font-size:1.2rem;display:flex}.preteach span{background:#fff;border:1px solid #ddd;border-radius:4px;padding:.1rem .4rem}.meta{color:#888;font-size:.85rem}.error{color:#b00}.login{text-align:center;flex-direction:column;gap:.6rem;max-width:280px;margin:15vh auto 0;display:flex}.settings{flex-direction:column;gap:.8rem;max-width:560px;display:flex}.settings label{color:#555;flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.settings .actions{display:flex}.good{color:#157347}.bad{color:#b00}.quiz-open{margin-top:1rem}.quiz{background:#fff;border:1px solid #ddd;border-radius:6px;margin-top:1rem;padding:.75rem 1rem}.question textarea{box-sizing:border-box;width:100%}.option{display:block}table{border-collapse:collapse}td,th{text-align:left;padding:.15rem 1rem .15rem 0}.article-list{padding:0;list-style:none}.article-list li{margin:.3rem 0}@media (width<=600px){.app{padding:.5rem}header,.toolbar{flex-wrap:wrap;gap:.5rem}.text{padding:.6rem;font-size:1.3rem}.popover{border-radius:10px 10px 0 0;max-height:60vh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}button,select,input{min-height:2.2rem}td,th{padding-right:.5rem}}