@charset "UTF-8";
:root{--ink:#302c44;--muted:#6c687c;--purple:#5845ae;--deep:#413182;--paper:#faf9f5;--line:#e8e5ed;--peach:#f9e4d4;--lavender:#eae4fb;--mint:#e5edda;--radius:23px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a{touch-action:manipulation}a{color:var(--purple)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #c15f23;outline-offset:4px}button{border:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.14;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,4.7vw,4.8rem);font-weight:800}h2{font-size:1.9rem}h3{font-size:1.25rem}p{margin-bottom:1rem}small,.small{font-size:.85rem}svg{display:block}img{max-width:100%}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:100}.skip:focus{top:10px}.shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:31px 20px;position:fixed;top:0;bottom:0;width:228px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);margin:0 9px 41px}.brand img{width:44px;height:44px}.brand strong{font-size:1.8rem;letter-spacing:-.07em;line-height:1}.brand small{display:block;font-size:.65rem;letter-spacing:.09em;text-transform:uppercase;margin-top:5px;color:var(--muted)}nav{display:grid;gap:9px}.navbtn{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:transparent;padding:13px 14px;border-radius:13px;color:var(--muted);font-weight:bold;font-size:.92rem}.navbtn.active{background:#f0ecfa;color:var(--purple)}.navbtn:hover{background:#f5f2f9}.ic{display:inline-block;width:21px;height:21px;flex:none}.sidebar-note{margin-top:auto;background:#f6f6ed;border-radius:18px;padding:17px;font-size:.85rem}.sidebar-note strong{display:block;margin-bottom:7px}.sidebar-foot{font-size:.72rem;color:var(--muted);margin:19px 10px 0}.body{grid-column:2;min-width:0}.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 4%;background:#faf9f5;gap:15px}.breadcrumb{font-size:.88rem;color:var(--muted)}.breadcrumb strong{color:var(--ink)}.profile{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:6px 13px 6px 6px;font-size:.86rem}.avatar{height:30px;width:30px;background:var(--lavender);border-radius:50%;display:grid;place-items:center;color:var(--purple);font-weight:bold}.content{max-width:1320px;padding:32px 4% 28px;margin:auto}.eyebrow{font-size:.73rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--purple);display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:20px;min-height:420px;align-items:center;padding:16px 0 30px}.hero h1{margin:20px 0 21px;max-width:650px}.hero h1 em{font-style:normal;color:var(--purple);position:relative}.hero p{max-width:430px;color:var(--muted);font-size:1.06rem}.hero-art{min-height:365px;position:relative;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:#ece8f5;max-width:355px;transform:rotate(-12deg);border:1px solid #e5dff0}.hero-art .mascot{position:relative;width:min(100%,340px);height:330px;z-index:1;animation:float 5s ease-in-out infinite}.bubble{position:absolute;top:7px;right:3px;z-index:2;background:#fff;padding:15px 21px;border:1px solid #e4ddeb;box-shadow:0 7px 0 #e0d9ed;border-radius:20px 20px 20px 4px;max-width:210px;font-size:.91rem;transform:rotate(5deg);line-height:1.4}.bubble b{color:var(--purple)}.orbit{position:absolute;z-index:2;width:64px;height:64px;border-radius:17px;display:grid;place-items:center;box-shadow:0 5px 0 #00000009}.orbit .ic{width:36px;height:36px}.orbit.one{left:5%;top:22%;background:#ffdaa7;transform:rotate(-13deg)}.orbit.two{right:3%;bottom:18%;background:#dcebcb;transform:rotate(14deg)}.orbit.three{left:14%;bottom:3%;background:#fff;transform:rotate(-8deg);width:auto;height:auto;padding:9px 18px;font-size:.85rem}.actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.btn{border:1px solid transparent;display:inline-flex;gap:10px;align-items:center;justify-content:center;border-radius:12px;padding:12px 19px;text-decoration:none;background:var(--purple);color:#fff;font-weight:bold;font-size:.93rem;min-height:46px}.btn:hover{background:var(--deep);transform:translateY(-1px)}.btn.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn.secondary:hover{border-color:#a79bcf;background:#f8f6fc}.btn.ghost{background:transparent;color:var(--purple);padding:10px}.btn.small{padding:8px 13px;min-height:40px;font-size:.84rem}.btn.danger{background:#fff3ee;color:#a03d28;border-color:#e5c2b9}.hero-note{font-size:.76rem!important;margin:13px 0 0!important}.section-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:24px 0 21px}.section-title h2{margin:0;font-size:1.65rem}.section-title p{margin:7px 0 0;color:var(--muted);font-size:.9rem}.count{font-size:.78rem;border-radius:30px;border:1px solid var(--line);padding:5px 12px;background:#fff;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mission-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.mission-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #3528560d}.card-art{height:145px;position:relative;overflow:hidden;display:grid;place-items:center;background:var(--lavender);border-bottom:1px solid #00000005}.peach{background:var(--peach)}.lavender{background:var(--lavender)}.mint{background:var(--mint)}.card-art svg{width:82%;height:132px}.card-number{position:absolute;top:15px;left:17px;color:#0006;font-size:.7rem;letter-spacing:.1em}.donebadge{position:absolute;top:12px;right:12px;background:#fff;border-radius:20px;padding:3px 10px;font-size:.72rem;color:#3c6533}.card-content{padding:22px;display:flex;flex-direction:column;flex:1}.tag{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;font-weight:bold;color:var(--purple);margin-bottom:10px}.card-content h3{margin-bottom:10px}.card-content p{font-size:.89rem;color:var(--muted);margin-bottom:22px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.meta{font-size:.74rem;color:var(--muted)}.round-arrow{height:36px;width:36px;border-radius:50%;background:#f0ecf8;display:grid;place-items:center}.card-link{display:flex;align-items:center;gap:7px;background:none;color:var(--purple);font-size:.85rem;font-weight:bold;padding:0;min-height:40px}.process{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eeeee5;border-radius:18px;padding:23px 27px;margin-top:29px}.process strong{font-size:1rem}.process-steps{display:flex;align-items:center;gap:20px;font-size:.81rem;color:#5c6052}.process-steps span{display:flex;align-items:center;gap:8px}.process-steps b{border:1px solid #c5c7b7;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:.7rem}.footer{display:flex;justify-content:space-between;gap:15px;margin-top:31px;padding-top:17px;border-top:1px solid var(--line);font-size:.73rem;color:var(--muted)}.page-heading{margin:10px 0 28px}.page-heading h1{font-size:2.6rem;margin:10px 0}.page-heading p{color:var(--muted);max-width:660px}.filterbar{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.chip{padding:8px 15px;border:1px solid var(--line);background:#fff;border-radius:22px;font-size:.85rem;color:var(--muted)}.chip.active{background:var(--purple);color:white;border-color:var(--purple)}.lesson-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-head h1{font-size:2rem;margin:14px 0}.steps{display:flex;gap:5px;margin:22px 0 30px;list-style:none;padding:0}.steps li{flex:1;border-top:4px solid #e4e0eb;padding:10px 4px;font-size:.78rem;color:var(--muted)}.steps li.current{border-color:var(--purple);color:var(--purple);font-weight:bold}.steps li.past{border-color:#a7bc84}.lesson-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:28px;align-items:start}.kari-panel{background:var(--lavender);padding:20px;border-radius:22px;position:sticky;top:20px}.kari-panel .mascot{width:100%;height:150px}.kari-panel blockquote{margin:10px 0;background:#fff;padding:17px;border-radius:16px;line-height:1.55;font-size:.92rem}.kari-panel .small{color:var(--muted);margin:14px 0 0}.panel{border:1px solid var(--line);border-radius:var(--radius);padding:27px;background:#fff;min-width:0}.panel h2{font-size:1.5rem;margin-bottom:13px}.panel>p{color:var(--muted)}.choice-list{display:grid;gap:12px;margin:20px 0}.choice{display:flex;gap:13px;text-align:left;align-items:center;border:1px solid #dcd7e8;border-radius:12px;padding:15px 17px;background:#fff;color:var(--ink);line-height:1.4;min-height:56px}.choice:before{content:"";width:18px;height:18px;flex:none;border-radius:50%;border:2px solid #c4bdd4}.choice.selected{border-color:var(--purple);background:#f3effd}.choice.selected:before{background:var(--purple);box-shadow:inset 0 0 0 4px #fff}.choice.correct{border-color:#7a9f67;background:#f1f7eb}.feedback{border-left:3px solid #b29fdd;background:#f5f1fb;padding:14px 17px;border-radius:0 12px 12px 0;margin:16px 0;font-size:.92rem}.feedback.success{border-color:#709054;background:#f1f7e9}.nextbar{display:flex;justify-content:space-between;gap:12px;margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.lab{background:#faf9f5;border:1px solid var(--line);border-radius:18px;padding:24px;margin:20px 0}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:center}.lab label{font-size:.85rem;display:block;font-weight:bold}.lab output{font-weight:bold;font-size:1.2rem;color:var(--purple)}.pizza-svg{width:100%;max-width:210px;height:210px;margin:auto}.range{width:100%;accent-color:var(--purple);min-height:36px}.fraction{display:inline-flex;flex-direction:column;line-height:1.2;vertical-align:middle;text-align:center;margin:7px}.fraction b{border-bottom:1px solid;padding:1px 9px}.fraction span{padding:1px 9px}.lab-result{text-align:center;margin:18px 0 0;font-size:.93rem;font-weight:bold;color:var(--purple)}.scene svg{width:100%;height:205px}.field{margin:19px 0}.field label{display:block;font-weight:bold;margin-bottom:7px;font-size:.93rem}textarea,input[type=text],select{width:100%;padding:13px 15px;background:#fff;border:1px solid #d8d1e3;border-radius:11px;color:var(--ink)}textarea{resize:vertical;min-height:154px;line-height:1.6}textarea::placeholder{color:#80798d}details{border:1px solid var(--line);border-radius:13px;padding:14px 17px;margin:13px 0}summary{font-weight:bold;cursor:pointer}details p{margin:13px 0 0;color:var(--muted);font-size:.9rem}.tooltabs{display:flex;gap:10px;margin:20px 0 12px;flex-wrap:wrap}.canvaswrap{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff}.canvaswrap canvas{width:100%;aspect-ratio:2/1;display:block;touch-action:none;background:repeating-linear-gradient(0deg,transparent,transparent 29px,#efecf3 30px);cursor:crosshair}.drawbar{background:#f7f5fb;padding:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.swatch{width:29px;height:29px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #ddd}.swatch.active{box-shadow:0 0 0 2px var(--purple)}.recordbox{background:#faf9f5;padding:18px;border-radius:14px;margin:16px 0}.recording{color:#b13732;font-weight:bold;animation:pulse 1s infinite}.hint{font-size:.8rem!important;color:var(--muted)!important;margin:9px 0!important}.saved-pill{font-size:.73rem;color:#4e7250;display:flex;align-items:center;gap:6px}.save-warning{background:#fff0da;color:#86530e;padding:15px;border-radius:10px;margin-bottom:20px}.source-cards{display:grid;gap:10px}.source-cards details{background:white}.source-cards summary{font-size:.91rem}.sequence{display:grid;gap:10px;padding:0;list-style:none}.sequence li{display:flex;gap:12px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:10px}.sequence .text{flex:1}.sequence button{background:#f0ecf9;border-radius:7px;color:var(--purple);width:34px;height:36px}.seqnum{width:26px;height:26px;border-radius:50%;background:var(--lavender);text-align:center;flex:none;font-size:.8rem}.garden{display:grid;gap:3px;margin:22px auto;max-width:360px}.garden span{aspect-ratio:1;background:#c3d89f;border:1px solid #7f9e59}.pollrow{display:grid;grid-template-columns:58px 1fr 40px;gap:10px;margin:18px 0;align-items:center}.bar{background:#e7e2f0;border-radius:8px;height:30px;overflow:hidden}.bar i{display:block;height:100%;background:#7e68bd}.empty{padding:45px 20px;text-align:center;border:1px dashed #cfc8db;border-radius:20px;background:#fff}.empty .mascot{width:170px;height:155px;margin:0 auto 15px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.entry{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.entry h2{font-size:1.4rem;margin:10px 0}.entry-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#524c63;background:#f8f6fc;padding:16px;border-radius:12px;margin:17px 0}.entry img{display:block;border:1px solid var(--line);border-radius:10px;margin:14px 0;max-height:260px;object-fit:contain;background:#fff}.entry audio{width:100%;margin:10px 0}.reflection{font-size:.88rem;color:var(--muted)}.teacher-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.teacher-grid .panel{height:100%}.teacher-grid h2{font-size:1.4rem}.teacher-grid ul,.teacher-grid ol{padding-left:23px}.teacher-grid li{margin:12px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#302c44;color:white;border-radius:12px;padding:13px 22px;opacity:0;pointer-events:none;transition:.2s;z-index:99;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:24px;padding:28px;width:min(94vw,490px);box-shadow:0 30px 100px #25203340;color:var(--ink)}dialog::backdrop{background:#24203877;backdrop-filter:blur(3px)}dialog h2{font-size:1.6rem}dialog .profilelist{display:grid;gap:9px;margin:20px 0}.profilelist button{text-align:left;border:1px solid var(--line);padding:12px;border-radius:11px;background:#fff}.profilelist button.active{background:#f0ecfa;border-color:var(--purple)}.finish{background:#f2f4e9;text-align:center;border-radius:18px;padding:26px}.finish .mascot{width:160px;height:145px;margin:auto}.finish h2{margin-top:15px}.checklist{display:grid;gap:10px;margin:20px 0}.checklist label{display:flex;gap:10px;align-items:start}.checklist input{width:20px;height:20px;accent-color:var(--purple);flex:none;margin-top:4px}.stars{display:flex;gap:10px;flex-wrap:wrap}.statusdot{width:6px;height:6px;background:#84a966;border-radius:50%;display:inline-block}#print-area{display:none}.inline-code{font-family:monospace}.reduced *{animation:none!important;transition:none!important}.larger{font-size:18px}.notice{background:#efebf7;border-radius:14px;padding:18px;margin:20px 0;font-size:.9rem}.back{color:var(--muted);font-size:.84rem;background:none;padding:6px 0;display:flex;align-items:center;gap:8px}.mobile-brand{display:none}.eyeblink{transform-origin:center;animation:blink 6s infinite}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes blink{0%,44%,48%,100%{opacity:1}46%{opacity:.05}}@keyframes pulse{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:1600px){.content{padding-left:50px;padding-right:50px}.hero{min-height:490px}.hero-art .mascot{width:390px;height:390px}}@media(max-width:1150px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{width:190px;padding:25px 13px}.navbtn{font-size:.8rem;padding:13px 10px}.brand{margin-left:5px}.hero h1{font-size:3.3rem}.hero-art .mascot{height:285px}.bubble{font-size:.8rem;max-width:170px;right:0}.hero-art{min-height:330px}.card-content{padding:18px}.card-link{font-size:.77rem}.process{align-items:start;flex-direction:column;gap:15px}.lesson-layout{grid-template-columns:185px minmax(0,1fr);gap:18px}.kari-panel{padding:14px}}@media(max-width:850px){.shell{display:block}.sidebar{position:static;width:auto;padding:14px 4%;border-right:0;border-bottom:1px solid var(--line);display:block}.brand{margin:0}.brand strong{font-size:1.5rem}.brand img{height:37px;width:37px}.sidebar nav{display:flex;margin-top:17px;gap:5px;overflow-x:auto}.navbtn{width:auto;white-space:nowrap;padding:9px 13px;font-size:.85rem}.sidebar-note,.sidebar-foot{display:none}.topbar{height:65px;padding:0 4%}.hero{min-height:350px}.hero h1{font-size:3.1rem}.hero-art .mascot{height:260px}.hero-art{min-height:310px}.orbit{width:46px;height:46px}.orbit .ic{width:25px;height:25px}.bubble{top:0;right:0}.grid{gap:13px}.card-content h3{font-size:1.1rem}.card-art{height:120px}.card-art svg{height:115px}.lesson-layout{grid-template-columns:1fr}.kari-panel{display:grid;grid-template-columns:95px 1fr;gap:10px;align-items:center;position:static}.kari-panel .mascot{height:100px}.kari-panel blockquote{margin:0}.kari-panel .small{grid-column:2;margin:0;font-size:.75rem}.teacher-grid{gap:13px}.footer{font-size:.68rem}}@media(max-width:600px){.content{padding-top:23px}.hero{grid-template-columns:1fr;padding:4px 0 20px;gap:4px}.hero h1{font-size:3.15rem;max-width:400px;margin:18px 0}.hero p{max-width:400px}.hero-art{min-height:290px;max-width:370px;width:100%;margin:auto;order:2}.hero-art:before{max-width:265px}.hero-art .mascot{height:260px}.bubble{top:10px;right:0}.orbit.one{left:0;top:33%}.orbit.three{bottom:0;left:3%}.hero-note{font-size:.74rem!important}.grid{grid-template-columns:1fr;gap:18px}.mission-card{display:grid;grid-template-columns:115px minmax(0,1fr)}.card-art{height:100%;min-height:210px;border-bottom:0}.card-art svg{width:120%;height:120px}.card-content{padding:20px 17px}.card-number{left:10px;font-size:.62rem;top:11px}.donebadge{left:8px;right:8px;top:auto;bottom:13px;text-align:center;font-size:.65rem;padding:3px}.card-content h3{font-size:1.2rem}.card-content p{font-size:.84rem;margin-bottom:16px}.card-bottom{flex-wrap:wrap}.section-title{align-items:start}.section-title h2{font-size:1.45rem}.section-title p{font-size:.8rem}.process{padding:20px}.process-steps{flex-wrap:wrap;gap:12px}.process-steps span{font-size:.74rem}.footer{flex-direction:column;gap:5px}.breadcrumb{font-size:.78rem}.profile{font-size:.76rem}.topbar{gap:7px}.steps{gap:4px}.steps li{font-size:.63rem;padding:8px 0}.lesson-head h1{font-size:1.6rem}.lesson-head .count{display:none}.panel{padding:20px 17px}.panel h2{font-size:1.35rem}.lab{padding:15px 10px}.lab-grid{gap:10px}.pizza-svg{height:auto}.btn{font-size:.86rem;padding:11px 14px}.nextbar .btn{font-size:.79rem}.portfolio-grid,.teacher-grid{grid-template-columns:1fr}.page-heading h1{font-size:2.2rem}.kari-panel{grid-template-columns:70px 1fr}.kari-panel .mascot{height:80px}.kari-panel blockquote{font-size:.85rem;padding:14px}.scene svg{height:165px}.card-link{font-size:.82rem}.orbit.two{right:0}.saved-pill{font-size:.67rem}.navbtn .ic{width:17px}.navbtn{font-size:.75rem;padding:9px 11px}.sequence .text{font-size:.84rem}}
@media print{body{background:white;color:#111;font-size:12pt}#app,#modal,#toast,.skip{display:none!important}#print-area{display:block!important}#print-area h1{font-size:24pt}#print-area h2{font-size:18pt}#print-area article{break-after:page}#print-area article:last-child{break-after:auto}#print-area img{max-height:350px;display:block;margin:15px auto}#print-area p{white-space:pre-wrap}#print-area .print-head{border-bottom:2px solid #5845ae;padding-bottom:15px;margin-bottom:25px}.print-meta{font-size:10pt;color:#555}@page{size:A4;margin:18mm}}
/* Kári 2.0 — verkefnasafn og rannsóknarverkfæri */
.sky{background:#dfedf0}.rose{background:#f1e1e7}.new-tag{background:#f0edd0;color:#746321;font-size:.6rem;padding:2px 5px;border-radius:5px;margin-left:5px;vertical-align:middle;white-space:nowrap}.catalog-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;padding:20px;background:#f0edf6;border-radius:18px;margin-top:24px}.catalog-toolbar label{display:block;font-weight:bold;font-size:.8rem;margin-bottom:6px}.catalog-toolbar input[type=search]{width:100%;border:1px solid #d8d1e3;border-radius:11px;background:white;padding:13px 15px;color:var(--ink)}.catalog-summary{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:19px 0;font-size:.84rem;color:var(--muted)}.lab-control{margin:6px 0 22px}.lab-control label{display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left}.lab-control output{font-size:1rem;white-space:nowrap}.lab-live{min-width:0}.hundred-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;max-width:240px;margin:8px auto 15px;background:white;border:2px solid #d7cedf;border-radius:7px;padding:5px}.hundred-grid i{aspect-ratio:1;background:#efeaf5;border-radius:2px}.hundred-grid i.painted{background:#9074bc}.lab-grid>div:nth-child(2) .hundred-grid i.painted{background:#c38e68}.recipe-card{background:#fff;border:1px dashed #d7bea0;border-radius:18px;padding:24px;text-align:center}.recipe-title{font-size:.9rem;color:#8e6947;font-weight:bold}.recipe-cups{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:17px 0;font-size:2rem}.numberline-svg{width:100%;height:auto;max-height:230px;overflow:visible}.bag-bowl{min-height:120px;max-width:320px;margin:20px auto;padding:25px;background:#e9e1ce;border:3px solid #b4a386;border-top:7px solid #b4a386;border-radius:20px 20px 65px 65px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.ball{width:23px;height:23px;border-radius:50%;display:inline-block;border:2px solid #fff8;box-shadow:0 2px 0 #0001}.ball.purple{background:#8563b6}.ball.yellow{background:#d9ad31}.draw-results{background:#fff;border-radius:13px;padding:15px;margin-top:18px;font-size:.9rem}.draw-trail{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.draw-trail .ball{width:15px;height:15px}.sort-cards{display:grid;gap:14px;margin-bottom:20px}.sort-card{padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff}.sort-card label{margin-bottom:10px;font-size:.95rem}.sort-card select{font-size:.9rem}.sort-feedback{font-size:.82rem;margin:12px 0 0;padding:10px;border-radius:8px;color:#765c38;background:#fcf3e4}.sort-feedback.right{color:#4a6441;background:#eff5e8}.crop-stage{height:240px;border:5px solid #ab9fb9;border-radius:11px;margin:17px auto;background:#fff;overflow:hidden}.crop-stage svg{width:100%;height:100%}.chart-svg{display:block;width:100%;max-height:360px;height:auto}.test-grid{display:grid;gap:13px;margin:17px 0}.test-card{background:#fff;border:1px solid #d4cddd;border-radius:15px;padding:17px;color:var(--ink);text-align:left}.test-card.selected{border:2px solid var(--purple);background:#f4f0fb;padding:16px}.test-card>strong{display:block;font-size:.87rem}.test-pair{display:flex;gap:40px;justify-content:center;text-align:center;margin-top:16px;font-size:.85rem}.test-glass{height:55px;width:57px;border:3px solid #9bbbc1;border-top:0;border-radius:0 0 10px 10px;background:#dcecf0;display:flex;align-items:center;justify-content:center;margin:5px auto}.icecube{width:23px;height:23px;border:2px solid #a8cad4;background:#f6fcfd;transform:rotate(-12deg);border-radius:4px}.melt-visual{display:flex;align-items:center;justify-content:center;gap:42px;padding:24px 10px}.sealed-jar{position:relative;width:130px;height:175px;border:4px solid #8ca6ab;border-radius:10px 10px 25px 25px;overflow:hidden;background:#fff}.jar-lid{height:15px;background:#9caeab;position:absolute;top:0;left:0;right:0;z-index:3}.jar-water{position:absolute;bottom:0;left:0;right:0;background:#b8dce5;max-height:83%;min-height:20%}.jar-ice{position:absolute;top:55px;left:28px;width:70px;height:70px;border-radius:12px;background:#edf8fa;border:3px solid #95bfcb}.mass-label{font-size:.9rem}.mass-label strong{font-size:1.1rem}.mass-label hr{border:0;border-top:1px solid #d1d2cf;margin:12px 0}.mass-label output{font-size:1.9rem}.shadow-svg{width:100%;height:auto;max-height:340px}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shop-item{background:white;border:1px solid var(--line);border-radius:15px;padding:15px;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:.9rem}.shop-item label{margin-top:11px;font-size:.75rem}.shop-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#ede6f5;color:#8a6aab;font-size:2rem;margin-bottom:10px}.shop-item select{padding:9px;text-align:center}.money-totals{display:flex;justify-content:space-around;gap:14px;margin:25px 0;font-size:.8rem;text-align:center}.money-totals strong{display:block;font-size:1.18rem;color:var(--purple);margin-top:5px}.money-totals .over-budget strong{color:#a64732}.time-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.time-controls .lab-control label{display:block;font-size:.78rem}.time-controls output{display:block}.schedule-strip{display:flex;border-radius:14px;overflow:hidden;margin:22px 0}.schedule-step{padding:18px 8px;text-align:center;min-width:0;display:flex;flex-direction:column;font-size:.78rem}.schedule-step strong{font-size:.78rem}.schedule-step span{white-space:nowrap;font-size:.75rem;margin-top:5px}.s0{background:#eadfc4}.s1{background:#dcd4ec}.s2{background:#d7e4ce}
@media(max-width:1000px){.catalog-toolbar{grid-template-columns:1fr 1fr}.catalog-search{grid-column:1/-1}.catalog-summary{align-items:flex-start}.catalog-summary .actions{justify-content:flex-end}.test-pair{gap:30px}}
@media(max-width:600px){.catalog-toolbar{gap:10px;padding:15px}.catalog-toolbar select,.catalog-toolbar input[type=search]{font-size:.85rem;padding:11px 10px}.catalog-summary{flex-direction:column;gap:7px}.catalog-summary .actions{justify-content:flex-start}.lab-control label{font-size:.74rem}.lab-control output{font-size:.85rem}.hundred-grid{gap:2px;padding:3px}.shop-grid{gap:6px}.shop-item{padding:12px 7px;font-size:.76rem}.shop-symbol{height:42px;width:42px}.money-totals{gap:7px;font-size:.68rem}.money-totals strong{font-size:1rem}.melt-visual{gap:24px}.time-controls{gap:12px}.schedule-step{padding:17px 3px}.schedule-step strong{font-size:.65rem}.schedule-step span{font-size:.61rem}.sort-card{padding:13px}.sort-card select{font-size:.8rem;padding:10px}.crop-stage{height:205px}.recipe-card{padding:17px}.new-tag{font-size:.52rem}}

/* Útgáfa 3.0: efnisdeildir og rannsóknarverkfæri */
.sand{background:#f1e7ce}.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.subject-tile{border:1px solid #ddd4e7;border-radius:16px;padding:22px;text-align:left;color:#3c3450;cursor:pointer;display:grid;gap:9px;font:inherit;transition:transform .15s}.subject-tile strong{font-size:1.08rem}.subject-tile span{font-size:.88rem;color:#61586f}.subject-tile:hover{transform:translateY(-3px)}.subject-tile:focus-visible,.project-option:focus-visible{outline:3px solid #5845ae;outline-offset:3px}.subject-section{margin:30px 0}.expansion-lab{padding:22px}.lab-label{text-transform:uppercase;letter-spacing:.08em;font-weight:750;font-size:.76rem;color:#78628e;margin-bottom:18px}.learning-svg{display:block;width:100%;max-width:520px;height:auto;margin:10px auto}.number-choices{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:14px 0 20px}.number-choices .chip{padding:10px;min-width:0}.evidence-tabs{display:flex;flex-wrap:wrap;gap:8px}.evidence-tabs .chip{white-space:normal;text-align:left}.evidence-paper{background:#fffdf6;border:1px solid #e5ddc8;border-radius:15px;padding:22px;margin:20px 0;line-height:1.8}.evidence-paper h3{margin-top:0}.evidence-paper p{margin-bottom:0}.discount-track{height:48px;border:2px solid #beaece;background:#eee7f5;border-radius:12px;overflow:hidden;margin:20px 0}.discount-track span{display:block;background:#8770b3;height:100%;transition:width .15s}.control-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.control-pair .actions{margin-top:10px}.vote-chart{display:grid;gap:22px;margin:28px 0}.vote-row{display:grid;grid-template-columns:100px 1fr 24px;gap:10px;align-items:center}.vote-track{position:relative;height:30px;background:#eae4f1;border-radius:7px}.vote-track i{display:block;height:100%;background:#9276b8;border-radius:7px}.half-line{position:absolute;height:42px;top:-6px;left:50%;border-left:2px dashed #554268}.map-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:420px;margin:0 auto;background:#ede8dc;padding:12px;border-radius:16px}.map-cell{min-height:96px;background:#fdfbf2;border:2px solid #ded8c6;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.9rem;position:relative;padding:22px 3px 8px}.map-cell.here{background:#e5ddf4;border-color:#8061b1}.map-coordinate{position:absolute;top:5px;left:7px;color:#797063;font-size:.72rem;font-weight:700}.map-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:410px;margin:18px auto}.map-controls .btn{padding:12px 6px;min-width:0;justify-content:center}.direction-N{grid-column:2}.direction-W{grid-column:1;grid-row:2}.direction-E{grid-column:3;grid-row:2}.direction-S{grid-column:2;grid-row:3}.route-trail{overflow-wrap:anywhere;font-size:.85rem;color:#74687e}.community-projects{display:grid;gap:10px}.project-option{border:2px solid #e1d8e9;background:#fff;border-radius:13px;padding:16px;text-align:left;font:inherit;color:inherit;display:grid;gap:8px;cursor:pointer}.project-option.selected{border-color:#8a70b6;background:#f3eff9}.project-top{display:flex;justify-content:space-between;gap:12px}.project-top b{font-size:.85rem;white-space:nowrap;color:#725489}.project-option>span:not(.project-top){font-size:.86rem}.project-state{color:#725489;font-weight:650}.expansion-lab .money-totals{margin-top:22px}.expansion-lab .feedback{margin-top:18px}.expansion-lab .actions{flex-wrap:wrap}
@media(max-width:900px){.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.expansion-lab{padding:14px}.subject-tile{padding:16px}.subject-tile strong{font-size:.95rem}.subject-tile span{font-size:.78rem}.control-pair{grid-template-columns:1fr}.vote-row{grid-template-columns:80px 1fr 22px;font-size:.82rem}.project-top{flex-direction:column;gap:4px}.map-controls{gap:5px}.map-controls .btn{font-size:.78rem}.map-cell{min-height:84px}.evidence-paper{padding:16px}.number-choices{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.subject-tile,.discount-track span{transition:none}}body.reduced .subject-tile,body.reduced .discount-track span{transition:none}
