.jp-root{--jp-blue:#168b9b;--jp-green:#c5d238;--jp-teal:#0c4a52;--jp-ink:#16323a;--jp-mut:#5b7177;--jp-bg:#f4f7f7;--jp-card:#fff;--jp-line:#dbe5e5;--jp-danger:#c0392b;--jp-ok:#1f8a5b;background:var(--jp-bg);min-height:100vh;color:var(--jp-ink);font-family:var(--font-inter), system-ui, -apple-system, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased}.jp-root *{box-sizing:border-box}.jp-topbar{z-index:20;background:var(--jp-teal);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.jp-brand{flex-direction:column;line-height:1.15;display:flex}.jp-brand strong{font-size:14px;font-weight:700}.jp-brand span{opacity:.8;font-size:11px}.jp-topbar-right{align-items:center;gap:12px;display:flex}.jp-judge{opacity:.9;text-align:right;font-size:12px}.jp-save{white-space:nowrap;background:#ffffff26;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.jp-save .dot{background:#9fe0c4;border-radius:50%;width:8px;height:8px}.jp-save.saving .dot{background:var(--jp-green);animation:1s infinite jp-pulse}.jp-save.offline .dot{background:#f0b429}.jp-save.error .dot{background:#ff8a80}@keyframes jp-pulse{50%{opacity:.35}}.jp-shell{grid-template-columns:300px 1fr;align-items:start;gap:0;display:grid}.jp-sidebar{border-right:1px solid var(--jp-line);background:#fff;min-height:calc(100vh - 52px);max-height:calc(100vh - 52px);position:sticky;top:52px;overflow-y:auto}.jp-main{max-width:900px;padding:20px clamp(16px,4vw,40px) 80px}.jp-progress{border-bottom:1px solid var(--jp-line);padding:14px 16px}.jp-progress-bar{background:var(--jp-line);border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.jp-progress-bar>span{background:var(--jp-blue);height:100%;transition:width .3s;display:block}.jp-vlist{margin:0;padding:6px;list-style:none}.jp-vitem{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--jp-ink);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.jp-vitem:hover{background:#eef4f4}.jp-vitem.active{background:#e2eef0;font-weight:600}.jp-vnum{height:26px;color:var(--jp-mut);background:#eef2f2;border-radius:50%;flex:0 0 26px;place-items:center;font-size:12px;font-weight:700;display:grid}.jp-vname{flex:1;font-size:14px}.jp-badge{border:2px solid var(--jp-line);border-radius:50%;flex:none;width:12px;height:12px}.jp-badge.in_progress{background:var(--jp-green);border-color:var(--jp-green)}.jp-badge.scored{background:var(--jp-blue);border-color:var(--jp-blue)}.jp-vhead{margin-bottom:16px}.jp-vhead h1{margin:0 0 2px;font-size:22px}.jp-vhead .sub{color:var(--jp-mut);font-size:13px}.jp-overall{background:#eaf2f2;border-radius:8px;align-items:baseline;gap:6px;margin-top:8px;padding:6px 12px;font-size:13px;display:inline-flex}.jp-overall b{color:var(--jp-teal);font-size:18px}.jp-notes{border:1px solid var(--jp-line);border-left:4px solid var(--jp-green);background:#fffef6;border-radius:8px;margin:0 0 20px;padding:12px 14px}.jp-notes label{color:var(--jp-mut);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.jp-notes textarea{min-height:56px}.jp-dim{background:var(--jp-card);border:1px solid var(--jp-line);border-radius:12px;margin-bottom:18px;padding:16px 18px}.jp-dim-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.jp-dim-head h2{color:var(--jp-teal);margin:0;font-size:17px}.jp-dim-head .desc{color:var(--jp-mut);margin:4px 0 0;font-size:13px}.jp-dim-score{text-align:center;background:#eef4f4;border-radius:8px;flex:none;min-width:64px;padding:6px 8px}.jp-dim-score b{color:var(--jp-teal);font-size:20px;display:block}.jp-dim-score span{text-transform:uppercase;letter-spacing:.04em;color:var(--jp-mut);font-size:10px}.jp-dim-score.na b{color:var(--jp-mut);font-size:13px}.jp-question{color:var(--jp-blue);background:#f0f7f8;border-radius:6px;margin:10px 0 14px;padding:8px 10px;font-size:12.5px;font-style:italic}.jp-sub{border-top:1px solid #eef2f2;grid-template-columns:1fr auto;align-items:start;gap:10px 14px;padding:12px 0;display:grid}.jp-sub.skipped{opacity:.55}.jp-sub-label{font-size:14px;font-weight:600}.jp-sub-desc{color:var(--jp-mut);margin-top:2px;font-size:12px}.jp-sub-controls{align-items:center;gap:8px;display:flex}.jp-select{font:inherit;border:1px solid var(--jp-line);background:#fff;border-radius:8px;min-width:74px;padding:7px 8px;font-size:14px}.jp-select:focus{outline:2px solid var(--jp-blue);outline-offset:1px}.jp-anchor{color:var(--jp-mut);min-width:78px;font-size:11px}.jp-skip{font:inherit;border:1px solid var(--jp-line);color:var(--jp-mut);cursor:pointer;background:#fff;border-radius:8px;padding:6px 10px;font-size:12px}.jp-skip.on{background:var(--jp-teal);color:#fff;border-color:var(--jp-teal)}.jp-subnote-row{grid-column:1/-1}.jp-subnote-toggle{font:inherit;color:var(--jp-blue);cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:12px}textarea.jp-input,input.jp-input{width:100%;font:inherit;border:1px solid var(--jp-line);resize:vertical;background:#fff;border-radius:8px;padding:8px 10px;font-size:13.5px}textarea.jp-input:focus,input.jp-input:focus{outline:2px solid var(--jp-blue);outline-offset:1px}.jp-sentence{grid-column:1/-1;margin-top:12px}.jp-sentence label{margin-bottom:6px;font-size:12px;font-weight:600;display:block}.jp-sentence .req{color:var(--jp-danger)}.jp-sentence.missing textarea{border-color:var(--jp-danger);background:#fff7f6}.jp-hint{color:var(--jp-danger);margin-top:4px;font-size:11.5px}.jp-login-wrap{background:var(--jp-teal);place-items:center;min-height:100vh;padding:20px;display:grid}.jp-login{background:#fff;border-radius:14px;width:100%;max-width:360px;padding:28px 26px;box-shadow:0 20px 50px #00000040}.jp-login h1{color:var(--jp-teal);margin:0 0 2px;font-size:18px}.jp-login .sub{color:var(--jp-mut);margin:0 0 20px;font-size:12.5px}.jp-field{margin-bottom:14px}.jp-field label{margin-bottom:6px;font-size:12px;font-weight:600;display:block}.jp-btn{width:100%;font:inherit;background:var(--jp-blue);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:11px;font-weight:600}.jp-btn:disabled{opacity:.6;cursor:default}.jp-btn.secondary{color:var(--jp-teal);border:1px solid var(--jp-line);background:#fff}.jp-error{color:var(--jp-danger);margin-bottom:12px;font-size:12.5px}.jp-offline-banner{color:#8a6d0b;text-align:center;background:#fff4d6;padding:6px 12px;font-size:12.5px}@media (max-width:760px){.jp-shell{grid-template-columns:1fr}.jp-sidebar{border-right:0;border-bottom:1px solid var(--jp-line);min-height:0;max-height:none;position:static}.jp-vlist{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.jp-main{padding:16px}.jp-sub{grid-template-columns:1fr}.jp-sub-controls{flex-wrap:wrap}}