: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:not(.link):not(.tok):not(.close),select,textarea,input:not([type=radio]):not([type=checkbox]){font:inherit;box-sizing:border-box;background:#fff;border:1px solid #bbb;border-radius:4px;padding:.3rem .6rem;font-size:1rem}button:not(.link):not(.tok):not(.close),select,input:not([type=radio]):not([type=checkbox]){height:2.2rem}button:not(.link):not(.tok):not(.close){background:#f2f2f2}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{width:100%;margin:.5rem 0;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{text-underline-offset:.25em;-webkit-text-decoration:underline dotted #c9c9c9;text-decoration:underline dotted #c9c9c9;text-decoration-thickness:1px}.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 .extend{white-space:nowrap;width:6rem;padding-left:0;padding-right:0}.ask{margin-top:.5rem}.ask-row{gap:.5rem;display:flex}.ask-row input{flex:1}.ask-answer{white-space:pre-wrap;max-height:40vh;margin-top:.5rem;font-size:.95rem;overflow-y:auto}.ask-history{margin-top:1rem}.ask-history summary{cursor:pointer;color:#555;margin-bottom:.5rem}.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}.generate-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.generate-row input{flex:1;width:auto;min-width:12rem;margin:0;display:inline-block}details.import summary{cursor:pointer;font-weight:600}.article-table{border-collapse:collapse;width:100%}.article-table th{color:#888;border-bottom:1px solid #ddd;font-size:.85rem;font-weight:600}.article-table td{border-bottom:1px solid #eee;padding:.35rem 1rem .35rem 0}.article-table button.link{text-align:left}@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}td,th{padding-right:.5rem}}