/* StudyBuddy: bright, accessible colors, original playful identity. */
#sb-app{--sb-accent:#2261e8;--sb-ink:#18294b;--sb-muted:#566581;--sb-border:#dce6f4;--sb-bg:#f0f7ff;--sb-soft:#e0edff;background:radial-gradient(ellipse at 90% 0,#fff1c7 0,transparent 35%),#f0f7ff}
.sb-side{background:#fff;border-right:2px solid #e0e9f8}.sb-logo{color:#2261e8}.sb-mark{background:#ffb800;box-shadow:0 4px 0 #db9100;color:#19375d;transform:rotate(-6deg)}.sb-nav button{color:#4e6283;border:2px solid transparent}.sb-nav button[aria-current=page]{background:#e3efff;border-color:#a4ccff;color:#1559cb}.sb-nav button:nth-child(2) svg{color:#ff8500}.sb-nav button:nth-child(3) svg{color:#f23888}.sb-nav button:nth-child(6) svg{color:#00a5bb}.sb-level{background:#fff0ba}.sb-avatar{background:#ffcf3d;color:#5e4000}.sb-top{background:#ffffffd9}.sb-kicker{color:#1767c1}.sb-card{border-width:2px;box-shadow:0 4px 0 #dbe6f140}.sb-button{border-width:2px;border-bottom-width:4px;border-radius:13px;font-weight:750;transition:transform .12s,filter .12s}.sb-button:hover{filter:brightness(1.03);background:#edf6ff}.sb-button:active{transform:translateY(2px);border-bottom-width:2px}.sb-button.sb-primary{background:#2261e8;border-color:#1744aa;color:white;box-shadow:none}.sb-button.sb-primary:hover{background:#3273f4}.sb-button.sb-quiet{border-bottom-width:2px}.sb-pill{background:#e2efff;color:#1857b6;border-radius:9px}.sb-pill.sb-sage{background:#dcf8ba;color:#306400}.sb-pill.sb-amber{background:#fff0af;color:#6c4c00}.sb-tip{background:#e0f5ff;border-color:#aee4fa}.sb-tip p{color:#305c77}.sb-meter{height:12px;background:#e4ebf6}.sb-meter span{background:linear-gradient(90deg,#00a6c7,#2670ed)}.sb-today{background:#ecf5ff!important}.sb-event{background:#e2edff;border-color:#3476f5;color:#18417b}.sb-event[data-type=Läxa],.sb-event[data-type=Deadline],.sb-event[data-type=Inlämning]{background:#fff0bd;border-color:#ffb500;color:#6f4b00}.sb-event[data-type=Träningspass]{background:#dff7bc;border-color:#6bbd13;color:#346400}.sb-event[data-type=Glosor]{background:#ffe2ef;border-color:#f34c92;color:#92224d}.sb-calendar-focus{background:#fff0bd;border-color:#ffe28c}.sb-calendar-focus p{color:#7c5814}.sb-flash{background:linear-gradient(135deg,#e5f6ff,#fff2cb);border:3px solid #a1ceff}.sb-option:has(input:checked){background:#e5f1ff;border-color:#4b92f6}.sb-correct{background:#e7f9cc}.sb-wrong{background:#fff0e8}.sb-bubble.sb-user{background:#dfedff}.sb-icon-box{background:#ffe4f0;color:#c0216e}.sb-field{border-width:2px}.sb-form label{color:#334e77}
.sb-no-unit{background:linear-gradient(110deg,#1863e5,#00a5cb);color:white;border:0;box-shadow:0 5px 0 #1552b3}.sb-no-unit .sb-kicker,.sb-no-unit p{color:#fff!important}.sb-no-unit-count{background:#ffffff25;color:white;border:1px solid #ffffff55}.sb-no-path-card{background:linear-gradient(#fff,#eef8ff);border:2px solid #dce9f9}.sb-no-circle{border-radius:50%;transition:transform .2s}.sb-no-circle.sb-no-current{background:var(--node-color,#2261e8);color:white;border-color:#ffffff;box-shadow:0 9px 0 color-mix(in srgb,var(--node-color,#2261e8),#10244c 30%),0 0 0 9px #d9edff;animation:sb-node-bob 2.5s ease-in-out infinite}.sb-no-circle.sb-no-passed{background:linear-gradient(140deg,#ffe98b,#ffbe00);color:#865600;border:4px solid #fff2a8;box-shadow:0 8px 0 #d99500,0 0 0 7px #fff0b8}.sb-no-circle.sb-no-locked{background:#e2eaf5;color:#8494b0;box-shadow:0 7px 0 #bdcbe0;border:4px solid #f5f9ff}.sb-no-step-label strong{color:#243e67}.sb-no-circle-symbol{font-size:30px}.sb-no-number{background:white;color:#1d4b87}.sb-no-mini{background:#e2f3ff;color:#1676cb}.sb-no-finish{display:flex;flex-direction:column;align-items:center;background:#e7eff9;border-radius:24px;padding:24px!important;color:#7288a7}.sb-no-finish .sb-trophy{width:85px;height:95px}.sb-no-finish.sb-trophy-earned{background:#fff0b1;color:#d99500}.sb-no-finish strong{color:#29446a}.sb-path-cheer{background:#fff0b8;border:2px solid #ffdb59;border-radius:15px;padding:15px;margin-top:15px;color:#725000}.sb-path-cheer p{font-size:13px;margin-top:6px!important}.sb-result-celebrate{text-align:center;padding:10px 0 25px}.sb-result-celebrate>span{font-size:65px;color:#ffbd00;display:block;animation:sb-node-bob 2s ease-in-out infinite}.sb-result-celebrate h2{color:#8a6000}.sb-result-cards{display:flex;gap:15px;justify-content:center;margin-top:22px}.sb-result-cards>div{border:2px solid #ffcf31;border-top:9px solid #ffcf31;background:#fff7d6;border-radius:15px;padding:12px 20px;display:grid;gap:7px}.sb-result-cards>div:nth-child(2){border-color:#20b7dd;background:#e3f9ff}.sb-result-cards strong{font-size:24px}
.sb-game-art{background:#dcf1ff}.sb-game-choice:nth-child(2) .sb-game-art{background:#ffe5f0}.sb-game-choice:nth-child(3) .sb-game-art{background:#fff0b7}.sb-block-grid{background:#162c55;padding:12px;box-shadow:0 7px 0 #0b1c39}.sb-block-cell{background:#253f6a;box-shadow:inset 0 2px 2px #10284d}.sb-block-1{background:#28b4ff;box-shadow:inset 0 3px #7bd4ff,inset 0 -4px #087dc1}.sb-block-2{background:#ff5aa5;box-shadow:inset 0 3px #ff9acb,inset 0 -4px #c12370}.sb-block-3{background:#ffc52e;box-shadow:inset 0 3px #ffdf7e,inset 0 -4px #d18c00}.sb-piece-square{background:#26a7f4;box-shadow:inset 0 2px #80daff,inset 0 -2px #1373b0}.sb-block-piece{touch-action:none;background:#e1f0ff;border-color:#b9d8fa}.sb-block-piece.sb-piece-selected{background:#fff0b3;border-color:#ffbd00}.sb-block-ghost{outline:3px solid #5effb1!important;filter:brightness(1.5)}.sb-block-invalid{outline:3px solid #ff537b!important}
.sb-coach-lobby{display:grid;grid-template-columns:1fr 240px;align-items:center;padding:40px;background:linear-gradient(120deg,#e2f2ff,#fff3c9)}.sb-character-selected{border-color:#2780f6!important}.sb-classroom{grid-template-columns:190px minmax(0,1fr);gap:12px;background:linear-gradient(120deg,#cceaff,#e9f6ff);padding:24px 20px;align-items:end;border:2px solid #a9d7fa;min-height:610px}.sb-classroom>.sb-coach-figure{grid-column:1;grid-row:1;align-self:end;z-index:1;padding-bottom:28px}.sb-whiteboard{grid-column:2;grid-row:1;border-color:#abc4df;background:#fffefb;box-shadow:0 6px 0 #7395b8,0 15px 30px #174c7020}.sb-whiteboard-content{min-height:490px;max-height:650px;padding:26px}.sb-board-heading{color:#165cb2}.sb-board-key{color:#1453a2;background:#e6f2ff;border-color:#3185ee}.sb-board-equation{background:#e9f8ff;color:#184e7b}.sb-board-highlight{background:#fff0a8;color:#6b4d00}.sb-board-node{border-color:#b3def9;background:#edf9ff;color:#25597d}.sb-coach-portrait{position:relative;width:100%;aspect-ratio:2/3;transform-origin:50% 90%;animation:sb-teacher-breathe 3.8s ease-in-out infinite}.sb-coach-portrait img{width:100%!important;max-width:none!important;height:100%!important;object-fit:contain;animation:none!important;transform:none!important}.sb-coach-figure[data-character=axolotl] .sb-coach-portrait,.sb-coach-figure[data-character=bird] .sb-coach-portrait{aspect-ratio:1142/1377}.sb-coach-mouth{display:none;position:absolute;left:48%;top:36%;width:10%;height:3%;background:#5a253e;border-radius:50%;border-bottom:3px solid #f17a96;transform-origin:center}.sb-coach-figure[data-speaking=true] .sb-coach-mouth{display:block;animation:sb-mouth .22s ease-in-out infinite alternate}.sb-coach-figure[data-character=fox] .sb-coach-mouth{left:49%;top:35%}.sb-coach-figure[data-character=axolotl] .sb-coach-mouth{top:38%}.sb-coach-figure[data-character=bird] .sb-coach-mouth{top:38%;background:#9e5119;border-color:#ffc34b}.sb-teacher-pen{position:absolute;right:7%;top:55%;font-size:50px;line-height:1;color:#174685;transform:rotate(-30deg);transform-origin:10% 80%;filter:drop-shadow(2px 2px 0 white)}.sb-coach-figure[data-writing=true] .sb-teacher-pen{animation:sb-pen .35s ease-in-out infinite alternate}.sb-coach-figure[data-actor=listen] .sb-coach-portrait{animation:sb-listen-human 2s ease-in-out infinite}.sb-coach-figure[data-actor=point] .sb-coach-portrait{animation:sb-point-human 2s ease-in-out infinite}.sb-coach-figure[data-actor=think] .sb-coach-portrait{animation:sb-coach-think 2s ease-in-out infinite}.sb-coach-figure[data-speaking=true] .sb-coach-waves i{background:#1f8ae8;animation:sb-voice-wave .5s ease-in-out infinite alternate}.sb-board-op{position:relative}.sb-writing-pen{display:inline-block;color:#2471cc;font-size:25px;animation:sb-pen .25s infinite alternate}.sb-coach-state{color:#174d80;background:#fff;border:2px solid #abd5f6}.sb-caption{border:2px solid #badcfa;background:#fff;font-size:16px}
@keyframes sb-mouth{from{transform:scaleY(.35) scaleX(1.05)}to{transform:scaleY(1.7) scaleX(.85)}}@keyframes sb-pen{to{transform:rotate(-12deg) translate(3px,-3px)}}@keyframes sb-teacher-breathe{50%{transform:translateY(-5px) rotate(1deg)}}@keyframes sb-listen-human{50%{transform:rotate(-5deg) translateY(-3px)}}@keyframes sb-point-human{50%{transform:rotate(4deg) translate(4px,-3px)}}@keyframes sb-node-bob{50%{transform:translateY(-4px)}}
@media(max-width:1100px){.sb-classroom{grid-template-columns:140px minmax(0,1fr);padding:16px 12px}.sb-whiteboard-content{padding:18px}.sb-coach-lobby{padding:25px;grid-template-columns:1fr 180px}}
@media(max-width:680px){.sb-classroom{grid-template-columns:65px minmax(0,1fr);gap:4px;padding:12px 5px;min-height:480px}.sb-classroom>.sb-coach-figure{padding-bottom:20px}.sb-classroom .sb-coach-figure img{width:100%!important}.sb-whiteboard-content{min-height:400px;max-height:580px;padding:13px 9px}.sb-whiteboard{border-width:4px;border-bottom-width:8px}.sb-board-equation{font-size:17px;padding:10px}.sb-coach-portrait{width:70px}.sb-teacher-pen{font-size:24px}.sb-coach-lobby{grid-template-columns:1fr;padding:22px}.sb-coach-lobby>.sb-coach-figure{grid-row:1}.sb-coach-lobby .sb-coach-figure img{height:190px;width:150px;max-width:150px}.sb-result-cards>div{padding:10px}.sb-no-unit{padding:20px}.sb-nav button{border-radius:14px}.sb-coach-controls .sb-button{flex-basis:135px}.sb-coach-mouth{border-bottom-width:1px}}
@media(prefers-reduced-motion:reduce){#sb-app *,#sb-app *::before,#sb-app *::after{animation:none!important;transition:none!important}}
.sb-coach-figure[data-character=dragon] .sb-coach-mouth{left:43%;top:34%;width:16%;height:2.8%}.sb-coach-figure[data-character=fox] .sb-coach-mouth{left:52%;top:34.6%;width:9%;height:2%}.sb-coach-figure[data-character=axolotl] .sb-coach-mouth{left:44%;top:38%;width:16%;height:3%}.sb-coach-figure[data-character=bird] .sb-coach-mouth{left:45%;top:40%;width:9%;height:3%}.sb-coach-figure[data-character=bird] .sb-teacher-pen{top:62%}