:root{--green:#176b58;--ink:#183b35;--muted:#71867e;--line:#dce7e1;--soft:#eef5ef}*{box-sizing:border-box}body{margin:0;background:#f6f8f4;color:var(--ink);font:15px system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #81bca7;outline-offset:2px}header{display:flex;align-items:center;gap:24px;padding:20px 4%;background:white;border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:800;font-size:23px}.brand small{display:block;color:var(--muted);font-weight:400;font-size:12px;margin-top:3px}.logo{background:var(--green);color:white;border-radius:12px;padding:6px 12px}.contact{font-size:13px;color:var(--green)}#accountbar{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}main{display:grid;grid-template-columns:275px minmax(0,1fr);gap:24px;max-width:1260px;margin:32px auto;padding:0 22px}aside,.workspace{background:white;border:1px solid var(--line);border-radius:20px;padding:22px}aside{align-self:start;position:sticky;top:16px;max-height:85vh;overflow:auto}aside h2{font-size:16px;margin:0 0 20px}.nav{width:100%;border:0;background:transparent;color:var(--ink);text-align:left;padding:12px;border-radius:10px;margin:3px 0;overflow-wrap:anywhere}.nav.active,.nav:hover{background:var(--soft)}.nav.active{color:var(--green);font-weight:700}.navrow{display:flex;align-items:center}.navrow .nav{flex:1;min-width:0}.dots{border:0;background:transparent;color:var(--green);padding:6px;font-size:24px}.tools{display:flex;gap:4px;margin:0 0 8px}.tools .btn{padding:6px 8px;font-size:12px}.folder{font-weight:700}.children{border-left:2px solid var(--line);padding-left:8px;margin-left:10px}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.workspace{min-height:550px}h1{font-size:28px;letter-spacing:-.6px;margin:5px 0 10px}h2{font-size:21px;margin:12px 0}h3{font-size:17px}.muted,small{color:var(--muted)}p{line-height:1.7}.btn{background:white;color:var(--ink);border:1px solid var(--line);padding:10px 15px;border-radius:10px;text-decoration:none;display:inline-block}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn.danger{color:#aa392d;background:#fff3ee;border-color:#e8bcb2}.actions,.tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0}.topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pill{background:var(--soft);padding:7px 11px;border-radius:30px;font-size:12px}.notice{border-radius:12px;background:var(--soft);padding:15px;margin:15px 0;line-height:1.65}.notice.error{background:#fff0eb;color:#a2392c}.notice.success{background:#e8f4e9;color:#236342}.loading{padding:60px 20px;text-align:center;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.box{border:1px solid var(--line);border-radius:14px;padding:18px;margin:14px 0;overflow-wrap:anywhere}.box.soft{background:var(--soft);border:0}.study{background:linear-gradient(135deg,#eef5ec,#f8faf4);padding:30px;border-radius:18px;text-align:center;min-height:320px}.jp{font-size:48px;font-weight:700;margin:20px 0;overflow-wrap:anywhere}.prompt{font-size:29px;line-height:1.8;margin:24px 0;overflow-wrap:anywhere}.reading{font-size:20px;color:var(--muted)}.meaning{font-size:25px}.options{display:grid;gap:12px;margin:20px 0}.option{border:1px solid var(--line);background:white;color:var(--ink);border-radius:12px;padding:17px;text-align:left}.option.selected{border:2px solid var(--green);background:var(--soft)}.option.correct{background:#e6f4e7;border-color:#74ab80}.option.wrong{background:#fff0e9;border-color:#dba38c}.score{font-size:62px;font-weight:800;color:var(--green)}input,textarea,select{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink)}label{display:block;font-size:13px;margin:14px 0 6px}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.media{display:block;max-width:100%;max-height:260px;object-fit:contain;border-radius:12px;margin:16px auto}audio{max-width:100%;display:block;margin:14px auto}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:13px 9px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:13px}.menuline{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:15px;margin:12px 0}.menuline .fields{flex:1}.checks{display:flex;gap:8px;align-items:center}.checks input{width:auto}footer{max-width:1216px;margin:20px auto;padding:0 22px;font-size:12px;color:var(--muted)}footer span{float:right}details{margin:12px 0}summary{cursor:pointer}#pagehead{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}@media(max-width:780px){header{padding:15px;gap:12px}#accountbar{width:100%;margin-left:0}.contact{margin-left:0}main{grid-template-columns:1fr;padding:0 12px;margin:18px auto;gap:14px}aside{position:static;max-height:260px;padding:16px}.workspace{padding:18px}.fields,.menuline .fields{grid-template-columns:1fr}.jp{font-size:40px}.prompt{font-size:24px}.study{padding:20px}.btn{padding:9px 12px}}

.pdfviewer{width:100%;height:75vh;min-height:420px;border:1px solid #dedee8;border-radius:12px;background:white;margin-top:16px}.actions a.btn{text-decoration:none;display:inline-flex;align-items:center}