@charset "UTF-8";
:root{--blue:#2345cf;--blue-deep:#17349c;--ink:#1c2549;--muted:#5e6682;--paper:#fff;--bg:#f3f6fd;--line:#dce2f0;--light:#eaf0ff;--green:#12765d;--green-bg:#e8f6f0;--orange:#ef9c25;--purple:#7951bc;--radius:22px;--shadow:0 8px 26px #2038750a;font-family:ui-rounded,'Trebuchet MS',system-ui,-apple-system,sans-serif;font-size:16px;color:var(--ink);background:var(--bg);line-height:1.5}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,a{transition:background .15s,box-shadow .15s,transform .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e99b1a;outline-offset:4px}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:2.3rem;line-height:1.15;letter-spacing:-.05em;margin-bottom:14px}h2{font-size:1.45rem;line-height:1.3;letter-spacing:-.025em;margin-bottom:12px}h3{font-size:1.15rem;margin-bottom:6px}p{margin-bottom:12px}.small{font-size:.875rem}.muted{color:var(--muted)}.eyebrow{font-size:.78rem;letter-spacing:.1em;font-weight:800;text-transform:uppercase;color:var(--blue);margin-bottom:10px}.skip-link{position:absolute;top:-60px;left:10px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}
.topbar{max-width:1500px;margin:auto;min-height:96px;padding:16px 34px;display:flex;align-items:center;gap:32px;background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:1.45rem;font-weight:850;line-height:1.2}.brand-symbol{display:grid;place-items:center;background:var(--blue);color:white;border-radius:16px;transform:rotate(-7deg);font-size:2.1rem;width:46px;height:49px}.brand small{display:block;font-size:.57rem;letter-spacing:.1em;line-height:1.5;margin-top:5px;font-weight:700;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:6px;margin:auto}.main-nav a{padding:10px 14px;border-radius:12px;color:var(--muted);font-weight:700;font-size:.92rem;white-space:nowrap}.main-nav a:hover{background:var(--bg)}.main-nav a.active{background:var(--light);color:var(--blue)}.profile-button{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:24px;padding:7px 12px 7px 7px;background:white;max-width:220px;font-size:.875rem;font-weight:700}.profile-button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dot{display:grid;place-items:center;background:#fbe7c5;width:31px;height:31px;border-radius:50%;flex-shrink:0;color:#815109}
#main{max-width:1320px;min-height:70vh;padding:34px;margin:auto}.intro-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:26px}.intro-row p{color:var(--muted);max-width:640px;margin-bottom:0}.grade-picker{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:22px 0 26px}.grade-picker button{border:1px solid var(--line);background:white;padding:9px 18px;border-radius:13px;min-height:48px;color:var(--muted);font-weight:800}.grade-picker button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}.grade-picker .label{margin-right:8px;font-size:.88rem;color:var(--muted)}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:26px;align-items:start}.mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mission-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:23px;box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}.mission-card:hover{border-color:#a8b9ef;box-shadow:0 10px 28px #2345cf10}.mission-card-header{display:flex;justify-content:space-between;align-items:center}.mission-number{font-size:.76rem;font-weight:800;color:var(--muted)}.math-icon{height:60px;width:86px;display:flex;align-items:center;justify-content:center;background:var(--light);border-radius:15px;color:var(--blue);font-size:1.5rem;font-weight:850;letter-spacing:-.04em}.mission-card:nth-child(3n+2) .math-icon{background:#fff3dc;color:#87590c}.mission-card:nth-child(3n) .math-icon{background:#f1ebfd;color:#7145a9}.mission-card p{color:var(--muted);font-size:.92rem;min-height:44px;margin:0}.mission-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto}.mission-progress{font-size:.82rem;color:var(--muted)}.mission-progress.done{color:var(--green);font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid var(--line);border-radius:13px;padding:10px 17px;background:white;color:var(--ink);font-weight:750;line-height:1.3;text-align:center}.btn:hover{background:var(--bg)}.btn.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 4px 0 var(--blue-deep)}.btn.primary:hover{background:var(--blue-deep)}.btn.green{background:var(--green);border-color:var(--green);color:white}.btn.soft{background:var(--light);color:var(--blue);border-color:transparent}.btn.danger{color:#aa263f;border-color:#edc4cc}.btn.small{font-size:.85rem;min-height:40px;padding:8px 13px}.aside-card{background:#e9efff;border:1px solid #d6e0fc;border-radius:var(--radius);padding:23px;margin-bottom:20px}.aside-card.highlight{background:var(--blue);color:white;border-color:var(--blue);position:relative;overflow:hidden}.aside-card.highlight .eyebrow{color:#cdd7ff}.aside-card.highlight p{color:#e2e8ff;font-size:.92rem}.aside-card.highlight .btn{background:white;border-color:white;color:var(--blue);width:100%}.aside-card h2{font-size:1.3rem}.aside-card p{font-size:.91rem}.route-dots{display:flex;gap:9px;margin:20px 0}.route-dots span{width:25px;height:25px;border-radius:8px;background:white;border:2px solid #d0d9ef}.route-dots span.done{background:var(--green);border-color:var(--green);color:white;display:grid;place-items:center;font-size:13px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.text-button{background:none;border:0;padding:8px;color:var(--blue);text-decoration:underline;min-height:44px}.site-footer{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:.8rem;color:var(--muted);max-width:1320px;margin:auto;padding:24px 30px}.site-footer b{font-weight:600}.site-footer .text-button{font-size:.8rem}.notice{padding:15px 18px;border-radius:13px;background:var(--light);color:var(--ink);font-size:.91rem}.notice.warning{background:#fff4de;color:#6e4914}.paper{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);margin-bottom:22px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.section-title h2{margin:0}
/* Leiðangur og vinnuborð */
.lesson-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.breadcrumbs{font-size:.88rem;display:flex;flex-wrap:wrap;gap:9px;align-items:center;color:var(--muted)}.steps{display:flex;gap:7px}.steps button{border:1px solid var(--line);background:white;width:36px;height:36px;border-radius:11px;color:var(--muted);font-weight:700;padding:0}.steps button.current{background:var(--blue);color:white;border-color:var(--blue)}.steps button.finished{background:var(--green-bg);color:var(--green);border-color:#aadbc9}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:22px;align-items:start}.question-card{background:white;border:1px solid var(--line);border-radius:25px;padding:27px;box-shadow:var(--shadow);min-width:0}.question-card h1{font-size:1.7rem;letter-spacing:-.03em;line-height:1.3}.question-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:12px}.question-meta .eyebrow{margin:0}.task-visual{background:#f7f9ff;border-radius:18px;padding:23px;min-height:180px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;overflow:hidden}.answer-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:20px 0 8px}.answer-row label{font-weight:700;display:block;font-size:.9rem}.answer-row input{margin-top:7px;width:150px;text-align:center;font-size:1.8rem;font-weight:750;min-height:61px;padding:8px 12px}.input,input[type=text],input[type=number],select,textarea{border:1px solid #c9d2e8;border-radius:12px;color:var(--ink);padding:10px 13px;background:white;max-width:100%}textarea{width:100%;resize:vertical;min-height:80px;font-size:1rem}input[type=number]{width:110px}select{min-height:46px}.answer-unit{padding-bottom:15px}.choices{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.choices button{border:2px solid var(--line);border-radius:15px;min-height:62px;min-width:70px;background:white;font-size:1.55rem;color:var(--ink);padding:8px 14px}.choices button[aria-pressed=true]{border-color:var(--blue);background:var(--light);box-shadow:0 0 0 2px #2345cf19}.feedback{padding:15px 18px;border-radius:14px;background:var(--light);margin-top:14px}.feedback.success{background:var(--green-bg);color:#135d48}.feedback.try{background:#fff2dd;color:#75500f}.feedback:empty{display:none}.task-controls{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:22px;border-top:1px solid var(--line);padding-top:17px}.hint{background:#fff6e4;color:#715017;border-radius:14px;padding:14px 17px;margin-top:14px}.question-card .hint p{margin:0}.workspace{background:white;border:1px solid var(--line);border-radius:23px;min-width:0;overflow:hidden}.workspace-head{padding:19px 20px 0}.workspace-head h2{font-size:1.1rem;margin:0}.workspace-head p{font-size:.8rem;color:var(--muted);margin:4px 0 0}.tool-tabs{display:flex;gap:5px;padding:16px 15px 10px;flex-wrap:wrap}.tool-tabs button{flex:1;background:#f3f5fb;border:0;border-radius:10px;padding:10px 8px;font-size:.8rem;font-weight:800;color:var(--muted);min-height:42px}.tool-tabs button.active{background:var(--blue);color:white}.tool-body{padding:0 18px 20px}.tool-caption{font-size:.8rem;color:var(--muted);margin:8px 0 10px}.tool-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tool-actions button,.tool-actions label{font-size:.8rem}.color-buttons{display:flex;gap:7px}.color-buttons button{width:33px;height:33px;border-radius:50%;padding:3px;background:white;border:2px solid transparent}.color-buttons button span{display:block;border-radius:50%;width:100%;height:100%;background:var(--swatch)}.color-buttons button[aria-pressed=true]{border-color:var(--ink)}.draw-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.draw-svg{display:block;touch-action:none;width:100%;height:275px;border:1px solid var(--line);border-radius:13px;background:#fcfdff;background-image:radial-gradient(#cdd7ec 1px,transparent 1px);background-size:18px 18px}.draw-svg .stroke{fill:none;stroke-linecap:round;stroke-linejoin:round}.workspace-note{border-top:1px solid var(--line);padding:15px 18px}.workspace-note label{font-size:.85rem;font-weight:700}.workspace-note textarea{font-size:.88rem;margin-top:7px;min-height:70px}.free-board{max-width:1040px;margin:auto}.free-board .workspace{width:100%}.free-board .draw-svg{height:420px}.free-board .tool-tabs{max-width:600px}.free-board .base-playground{min-height:300px}.free-board .number-line{height:220px}
/* Stærðfræðileg myndmál */
.count-set{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px}.counter{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:var(--orange);border:2px solid #d88712;color:#583803;font-weight:800}.counter.blue{background:var(--blue);color:white;border-color:var(--blue-deep);border-radius:9px}.counter.marked{background:var(--green);color:white;border-color:var(--green)}button.counter{font-size:.9rem}.compare-sets{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;text-align:center;gap:8px}.big-value{font-size:2rem;font-weight:850}.expression{font-size:clamp(2rem,5vw,3.8rem);font-weight:850;letter-spacing:-.035em;text-align:center;padding:22px 0}.addition-sets{display:flex;gap:13px;justify-content:center;align-items:center;flex-wrap:wrap}.addition-sets .count-set{max-width:200px}.pattern-line{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center}.shape-svg{display:block;width:42px;height:42px}.large-shape{max-width:150px;height:145px;margin:auto}.shape-label{text-align:center;text-transform:capitalize;font-weight:700;margin-top:12px}.ten-frame{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:370px;width:100%;margin:auto}.ten-cell{border:1px solid #b9c7e4;border-radius:8px;aspect-ratio:1;background:white;display:grid;place-items:center;min-width:0;padding:6px}.ten-cell .counter{width:90%;height:90%;max-width:38px;max-height:38px;flex:none}.base-show{display:flex;flex-wrap:wrap;gap:11px;align-items:end;justify-content:center;padding:16px 0}.hundred{width:60px;height:60px;border:1px solid #2856ba;background-color:#dbe9ff;background-image:linear-gradient(#91b4e4 1px,transparent 1px),linear-gradient(90deg,#91b4e4 1px,transparent 1px);background-size:6px 6px;border-radius:2px}.ten{width:10px;height:60px;border:1px solid #257e72;background-color:#bbefdc;background-image:linear-gradient(#6aaf9c 1px,transparent 1px);background-size:6px 6px;border-radius:2px}.one{width:10px;height:10px;background:#f8bf5c;border:1px solid #bb861e;border-radius:2px}.base-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:.8rem;color:var(--muted);justify-content:center;margin:12px 0}.base-legend span{display:flex;align-items:center;gap:6px}.base-legend i{font-style:normal;font-weight:800}.base-playground{background:var(--bg);min-height:190px;padding:15px;border:1px solid var(--line);border-radius:13px;display:flex;gap:11px;flex-wrap:wrap;align-content:start;align-items:end}.base-piece{padding:8px;border:1px solid transparent;background:white;border-radius:8px;min-width:40px;min-height:44px;display:grid;place-items:center;touch-action:none}.base-piece:focus-visible{outline:3px solid var(--orange)}.base-total{font-size:1.3rem;font-weight:800;text-align:center;margin:12px 0}.base-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.base-tools button{border:1px solid var(--line);background:white;border-radius:9px;min-height:42px;padding:7px 10px;font-size:.85rem;font-weight:700}.number-line{width:100%;height:145px;display:block;touch-action:none;overflow:visible}.number-line text{font:14px system-ui;fill:var(--ink)}.line-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin:12px 0}.line-controls label{font-size:.8rem;display:flex;flex-direction:column;gap:4px}.line-controls input{width:80px!important;font-size:1rem;padding:7px!important}.clock-svg{width:210px;height:210px;display:block;margin:auto}.clock-svg text{font:17px system-ui;fill:var(--ink);text-anchor:middle;dominant-baseline:middle}.array-grid{display:grid;gap:10px;justify-content:center;margin:10px auto;width:max-content;max-width:100%}.array-grid .counter{width:28px;height:28px;flex-basis:28px}.group-bins{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:10px 0}.group-bin{background:white;border:2px solid #d2dced;border-radius:15px;min-width:82px;max-width:125px;min-height:100px;padding:9px;color:var(--ink);flex:1}.group-bin .count-set{gap:4px;padding:7px 0}.group-bin .counter{width:17px;height:17px;flex-basis:17px;border-width:1px}.group-bin b{display:block;font-size:.8rem}.pool-info{text-align:center;font-size:.875rem;margin-top:10px}.bar-chart{height:225px;display:flex;gap:24px;align-items:end;justify-content:center;padding:10px 20px 30px;background:repeating-linear-gradient(to top,transparent 0,transparent 19px,#e2e8f4 19px,#e2e8f4 20px);margin:10px 0 25px}.bar-col{width:65px;position:relative;display:flex;align-items:end;justify-content:center;background:var(--blue);border-radius:8px 8px 0 0}.bar-col:nth-child(2){background:var(--purple)}.bar-col:nth-child(3){background:#168472}.bar-col span{position:absolute;bottom:-32px;font-size:.85rem;white-space:nowrap}.bar-col b{position:absolute;top:-29px;color:var(--ink)}.measurement-svg{width:100%;height:125px;display:block}.measurement-svg text{font:13px system-ui;fill:var(--ink)}.price-list{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.price-tag{background:white;border:1px solid var(--line);border-radius:15px;padding:22px;min-width:130px;text-align:center}.price-tag b{font-size:1.55rem;display:block;color:var(--blue)}.mirror-board{display:grid;grid-template-columns:1fr 1fr;max-width:440px;margin:auto;gap:14px}.mirror-half{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.mirror-half:first-child{padding-right:13px;border-right:3px dashed var(--purple)}.grid-cell{min-width:0;aspect-ratio:1;border:1px solid #b6c6e5;background:white;border-radius:5px;display:block;padding:0;min-height:38px}.grid-cell.filled{background:var(--blue);border-color:var(--blue)}.mirror-half:first-child .grid-cell.filled{background:var(--orange);border-color:#d38b14}.fraction-grid{display:grid;gap:6px;max-width:420px;width:100%;margin:auto}.fraction-grid .grid-cell{min-height:65px}.fraction-value{text-align:center;font-size:2.3rem;font-weight:800;margin:0 0 18px}.fraction-value span{display:inline-block}.fraction-stack{display:inline-flex!important;flex-direction:column;line-height:1.15;text-align:center}.fraction-stack b:first-child{border-bottom:3px solid var(--ink)}.coord-grid{display:grid;grid-template-columns:32px repeat(6,minmax(0,1fr));gap:4px;max-width:450px;margin:auto;width:100%}.coord-grid .coord-dot{min-height:42px;aspect-ratio:1;border:1px solid var(--line);border-radius:7px;background:white;color:var(--muted);padding:0}.coord-grid .coord-dot[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}.coord-label{font-size:.8rem;display:grid;place-items:center}.coordinate-status{text-align:center;font-size:.87rem;margin:12px 0 0}.rect-grid{display:grid;width:max-content;max-width:100%;margin:auto;border:3px solid var(--green)}.rect-grid div{height:30px;width:30px;border:1px solid #a6cec1;background:#ddf1e7}.rect-labels{text-align:center;font-weight:700;margin:14px 0}.temperature-value{text-align:center;font-size:3.2rem;font-weight:850;color:var(--blue)}
/* Mappa og kennari */
.empty-state{text-align:center;max-width:570px;padding:50px 20px;margin:auto}.empty-state .math-icon{margin:0 auto 18px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portfolio-item{background:white;border:1px solid var(--line);border-radius:18px;padding:20px}.portfolio-item h3{margin:8px 0}.portfolio-item .btn{margin-top:14px}.mini-progress{height:7px;border-radius:8px;background:var(--line);overflow:hidden;margin:13px 0}.mini-progress span{display:block;height:100%;background:var(--green)}.teacher-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.teacher-grid .paper{margin:0}.teacher-table{width:100%;border-collapse:collapse;font-size:.91rem}.teacher-table td,.teacher-table th{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 8px}.teacher-table th{color:var(--muted);font-size:.82rem}.teacher-table .btn{min-height:37px;padding:7px 10px;white-space:nowrap}.table-scroll{overflow:auto}.settings-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.settings-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--blue);flex-shrink:0}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field label{font-size:.91rem;font-weight:700}.completion{max-width:700px;margin:auto;text-align:center;background:white;border:1px solid var(--line);border-radius:27px;padding:45px 30px}.completion .badge{background:var(--green-bg);color:var(--green);width:88px;height:88px;border-radius:30px;display:grid;place-items:center;font-size:3rem;font-weight:800;margin:0 auto 22px;transform:rotate(-6deg)}.completion p{color:var(--muted)}.completion .actions{justify-content:center;margin-top:22px}.completion .selfcheck{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.selfcheck button[aria-pressed=true]{background:var(--light);border-color:var(--blue);color:var(--blue)}dialog{border:1px solid var(--line);border-radius:24px;width:min(560px,calc(100% - 28px));padding:27px;color:var(--ink);box-shadow:0 25px 90px #132f7033;max-height:88vh}dialog::backdrop{background:#14295a66;backdrop-filter:blur(3px)}dialog h2{padding-right:30px}.dialog-close{position:absolute;right:17px;top:13px;font-size:1.6rem;background:none;border:0;color:var(--muted);min-width:40px;min-height:40px}.profile-list{display:grid;gap:9px;margin:18px 0}.profile-list button{justify-content:space-between}.profile-list button[aria-pressed=true]{background:var(--light);border-color:var(--blue)}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#202b50;color:white;padding:13px 22px;border-radius:14px;max-width:calc(100% - 30px);z-index:100;box-shadow:0 6px 30px #0002;font-size:.9rem}.print-sheet{display:none}.quiet .task-visual{background:#fafbfc}.quiet .mission-card{box-shadow:none}.quiet *{transition:none!important;animation:none!important}.large-text{font-size:19px}
@media(min-width:1500px){.topbar{border-left:1px solid var(--line);border-right:1px solid var(--line)}}
@media(max-width:1100px){.topbar{gap:18px;padding:16px 23px;flex-wrap:wrap}.brand{margin-right:auto}.main-nav{order:3;width:100%;justify-content:center}.home-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.lesson-layout{grid-template-columns:minmax(0,1fr) 315px;gap:17px}.question-card{padding:23px}.task-visual{padding:16px}.tool-tabs button{font-size:.77rem;padding:9px 5px}}
@media(max-width:850px){#main{padding:26px 22px}.home-layout{grid-template-columns:1fr}.home-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.aside-card{margin:0}.lesson-layout{grid-template-columns:1fr}.workspace{width:100%}.lesson-layout .workspace .draw-svg{height:290px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-grid{grid-template-columns:1fr}.tool-tabs{max-width:550px}.intro-row{align-items:start}.intro-row h1{font-size:2rem}.lesson-top{flex-wrap:wrap}.question-card h1{max-width:630px}.clock-svg{width:210px;height:210px}}
@media(max-width:540px){#main{padding:22px 15px}.topbar{padding:14px 16px;gap:14px}.brand{font-size:1.25rem;gap:9px}.brand small{font-size:.48rem}.brand-symbol{width:38px;height:41px;font-size:1.9rem;border-radius:12px}.profile-button{max-width:130px;font-size:.8rem}.profile-button #profile-name{max-width:70px}.main-nav{gap:3px;justify-content:space-between}.main-nav a{font-size:.77rem;padding:9px 8px}.intro-row{flex-direction:column;gap:15px;margin-bottom:18px}h1,.intro-row h1{font-size:1.9rem}.grade-picker{gap:7px;margin:18px 0}.grade-picker .label{width:100%;margin-bottom:2px}.grade-picker button{flex:1;font-size:.87rem;padding:8px}.mission-grid{grid-template-columns:1fr}.mission-card{padding:20px;gap:11px}.mission-card p{min-height:0}.mission-card-header{position:absolute;right:20px;top:21px;gap:8px}.mission-card .math-icon{width:56px;height:45px;font-size:1.1rem}.mission-number{display:none}.mission-card h3{padding-right:61px;margin-top:8px}.mission-card p{padding-right:30px}.home-aside{grid-template-columns:1fr;gap:17px}.aside-card{padding:22px}.question-card{padding:20px 17px;border-radius:20px}.question-card h1{font-size:1.4rem}.question-meta{flex-wrap:wrap;gap:5px}.task-visual{padding:15px 10px;min-height:150px}.counter{width:30px;height:30px;flex-basis:30px}.count-set{gap:7px}.expression{font-size:2.1rem}.compare-sets{grid-template-columns:1fr 24px 1fr}.compare-sets .count-set{gap:5px;padding:5px}.compare-sets .counter{width:23px;height:23px;flex-basis:23px}.portfolio-grid{grid-template-columns:1fr}.paper{padding:21px 17px}.lesson-top{gap:15px}.steps button{width:35px;height:35px}.lesson-top .steps{width:100%;justify-content:center}.answer-row input{width:125px}.answer-row .btn{min-height:56px}.task-controls .btn{font-size:.88rem;padding:9px 12px}.question-meta .btn{font-size:.8rem}.grid-cell{min-height:35px}.coord-grid{gap:3px;grid-template-columns:24px repeat(6,minmax(0,1fr))}.coord-grid .coord-dot{min-height:35px}.rect-grid div{width:26px;height:26px}.array-grid{gap:7px}.array-grid .counter{width:24px;height:24px;flex-basis:24px}.bar-chart{gap:20px;padding-left:10px;padding-right:10px}.bar-col{width:50px}.site-footer{gap:5px 15px;padding:22px 15px;text-align:center}.site-footer #save-status{width:100%}.completion{padding:30px 20px}.section-title{align-items:start;flex-direction:column}.free-board .draw-svg{height:350px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body{background:white;color:black}.topbar,.site-footer,#main,dialog,.toast{display:none!important}.print-sheet{display:block!important;font:12pt/1.4 system-ui;color:black;padding:15mm}.print-sheet h1{font-size:24pt;letter-spacing:0}.print-sheet h2{font-size:16pt;page-break-after:avoid}.print-entry{break-inside:avoid;border-bottom:1px solid #bbb;padding:12px 0}.print-entry svg{width:100%;height:140px}.print-entry p{margin:5px 0}.print-sheet .print-note{font-size:10pt;color:#555}@page{size:A4;margin:12mm}}
.lesson-plan{padding-left:23px}.lesson-plan li{margin-bottom:14px}.source-list{padding-left:22px}.source-list li{margin:15px 0}
@media print{.print-task-visual{max-width:95mm;margin:10px 0}.print-task-visual svg.clock-svg{width:42mm;height:42mm}.print-task-visual .counter{width:15px;height:15px;flex-basis:15px}.print-task-visual .count-set{gap:5px}.print-task-visual .coord-grid{max-width:70mm}.print-task-visual .coord-dot{min-height:20px}.print-task-visual .grid-cell{min-height:20px}.print-task-visual button{color:inherit}.print-task-visual .bar-chart{height:220px;zoom:.6}.print-task-visual .rect-grid{zoom:.6}.print-task-visual .expression{font-size:22pt;padding:0}.print-task-visual .big-value{font-size:18pt}.print-task-visual .group-bins{zoom:.7}.print-task-visual .text-button{display:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}