@import url('baseline.css');
a{color:inherit;text-decoration:none}.version{font-weight:500;color:#929bad}.nav a{display:flex;gap:11px;align-items:center;padding:12px 13px;border-radius:12px;font-weight:750;color:#68758c}.nav a.on{background:#fff;color:var(--accent);box-shadow:var(--shadow)}.nav a .nav-icon{width:23px;text-align:center}.age10 .nav a.on{color:#258c70;background:#e8f8f1}.age14 .nav a.on{color:#2d466a;background:#e9edf5;box-shadow:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;text-align:center}.btn:disabled{opacity:.45}.intro h1:focus{outline:none}.intro>.btn{align-self:center}.back{display:inline-block;color:var(--accent);font-weight:700;font-size:13px;margin:0 0 16px}.spaced{margin-bottom:15px}.task.spaced{margin-top:16px}.two-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.denominator{font-size:14px;color:#8b96a9}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.form .field label{color:#55617a}.form .field input,.form .field textarea{border-color:#d9dfeb}.form textarea{min-height:100px}.form .checkline input{accent-color:#269b79}.form-actions{justify-content:flex-start}.error{padding:12px;background:#fff0ed;border-radius:10px;color:#a73529;font-size:13px;margin:12px 0}.error:empty{display:none}.success{padding:14px;background:#e8f8f1;border:1px solid #b8e8d5;border-radius:12px;margin-bottom:18px;font-size:14px}.success p{font-size:12px;color:var(--muted)}.upload-box{padding:16px;border:1px dashed #9cabd5;border-radius:14px;background:#f7f8ff;margin:16px 0}.upload-label{display:block;font-weight:750;margin-bottom:12px;font-size:14px}.upload-box input{max-width:100%;font-size:12px}.upload-box input::file-selector-button{border:0;border-radius:9px;padding:10px 14px;background:#e2e8ff;color:#4157c7;cursor:pointer;margin-right:10px}.attachment{display:flex;gap:15px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;margin:10px 0;background:#fafbff}.attachment img{width:100px;height:90px;object-fit:contain;background:white;border-radius:8px}.pdf-icon{width:100px;height:90px;display:grid;place-items:center;background:#fff0e7;color:#a25029;border-radius:8px;font-weight:800}.attachment-copy{min-width:0;flex:1}.attachment-copy b{display:block;overflow-wrap:anywhere;font-size:13px}.attachment-copy small{display:block;color:var(--muted);font-size:11px;margin:5px 0}.file-download{display:inline-block;font-size:12px;color:#5263c5;text-decoration:underline;margin-right:14px}.attachment-heading{margin-top:22px}.help{line-height:1.7}.taskbody{overflow-wrap:anywhere}.task .actions{max-width:46%}#notice:not(:empty){position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#202b42;color:white;padding:12px 16px;border-radius:12px;z-index:40;font-size:13px;max-width:90vw}.entry{cursor:pointer}a:focus-visible,summary:focus-visible{outline:3px solid #9caaff;outline-offset:3px}.entry .art{flex-shrink:0}.main>p{overflow-wrap:anywhere}summary{cursor:pointer}.card .section-title{font-size:17px}
@media(max-width:850px){.layout{grid-template-columns:165px minmax(0,1fr);gap:15px}.sidebar{width:auto}.profile{padding:12px;flex-wrap:wrap}.task .actions{max-width:100%;width:100%;padding-left:50px;justify-content:flex-start}.two{grid-template-columns:1fr}.date-chip{display:none}.intro{flex-wrap:wrap}.grid3{grid-template-columns:1fr}.intro>.btn{align-self:flex-start}.stats{gap:8px}.card .value{font-size:24px}}
@media(max-width:590px){.layout{grid-template-columns:94px minmax(0,1fr);gap:10px;padding:16px 9px}.profile{flex-direction:column;text-align:center;padding:10px 3px;gap:6px}.profile small{font-size:10px}.nav a{padding:12px 6px;font-size:12px;gap:5px}.nav a .nav-icon{width:13px}.sidehint{padding:8px;font-size:10px}.stats{grid-template-columns:1fr}.card .value{font-size:26px}.intro h1{font-size:23px}.intro p{font-size:12px}.head{flex-wrap:wrap}.head>.btn{width:100%}.task{padding:10px;gap:8px}.task .actions{padding-left:0}.task .emoji{width:30px;height:30px;font-size:17px}.task .taskbody{min-width:110px}.task .points{width:100%}.task .actions .btn{flex:1}.form-actions>*{flex:1}.attachment{flex-direction:column;align-items:stretch;gap:8px}.attachment img,.pdf-icon{width:100%;height:120px}.upload-box{padding:12px}.upload-box input{width:100%}.top .demo{display:inline-block;font-size:9px;padding:5px}.top{align-items:center}.top .brand{gap:6px}.top .logo{width:30px;height:30px}.intro .eyebrow{font-size:9px}.main{overflow-wrap:anywhere}.two-stats{grid-template-columns:1fr}}

.image-preview{position:relative;border:0;padding:0;background:white;border-radius:8px;cursor:zoom-in;flex-shrink:0}.image-preview img{display:block}.image-preview span{display:block;font-size:11px;color:#5263c5;padding:4px}.preview-dialog{border:0;border-radius:18px;padding:20px;max-width:min(900px,94vw);width:max-content;max-height:90vh;box-shadow:0 24px 80px #17213a55}.preview-dialog::backdrop{background:#17213ab8}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.preview-head h2{font-size:16px;margin:0;overflow-wrap:anywhere}.preview-head .btn{flex-shrink:0}.preview-dialog>img{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto;min-width:min(500px,75vw)}.preview-dialog .help{margin-bottom:0;text-align:center}button:focus-visible{outline:3px solid #9caaff;outline-offset:3px}@media(max-width:590px){.preview-dialog{padding:14px}.preview-head{align-items:flex-start;gap:8px}.preview-head h2{font-size:13px}.preview-head .btn{font-size:12px;padding:8px}.image-preview{width:100%}}

.return-note{background:#fff6df;border:1px solid #ecd5a2;border-radius:12px;padding:16px;margin-bottom:18px}.status-pending{color:#9d6b17}.status-returned{color:#ac4934}.status-done{color:#258c70}.parent .nav a{font-size:14px}.parent .sidehint{display:none}@media(max-width:590px){.parent .nav a{font-size:12px}.profile h2{font-size:18px}.preview-head h2{max-width:70%}}

.header-actions{display:flex;align-items:center;gap:8px}.header-actions .btn{font-size:12px;min-height:32px;padding:6px 10px}.auth-card{max-width:520px;margin:30px auto}.auth-card h1{font-size:26px}.auth-card label{display:block;margin:16px 0 8px}.auth-card input,.auth-card select{width:100%}.auth-card .btn{margin-top:18px}.auth-card .checkline input{width:auto}.auth-card .checkline{font-size:13px}.auth-card .error{white-space:pre-wrap}@media(max-width:590px){.header-actions{gap:3px;flex-wrap:wrap;justify-content:flex-end}.header-actions .demo{width:100%;text-align:right}.auth-card{margin:20px 10px}.top .brand{font-size:14px}.parent .nav a{padding-left:4px;padding-right:4px}}