/* One shared material and type system across all four spaces. */
html,body{background:#f5f8ff!important;color:#202e52!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}body{padding-top:0!important}.yk-launch{flex-shrink:0;order:3}.app-header{gap:8px}.app-header .wants-tab{display:none}.phone{background:#fff!important}.app-header .brand-small{color:#3558f4}.brand-small span{color:#3558f4}.account,.now-button,.date-button,.zoom-controls{background:#edf2ff!important;color:#3558f4!important}.world-card:focus-visible{outline:3px solid #3558f4;outline-offset:3px}
body.mabali main{background:transparent;border:0;max-width:560px;padding-top:24px}body.mabali header{margin-bottom:26px}body.mabali .wordmark{color:#3558f4;font-size:29px}body.mabali .tools button{color:#526b95;background:#eaf0fc}body.mabali nav{background:#e8eefb}body.mabali nav button{color:#617394}body.mabali nav .selected{background:#fff;color:#3558f4;box-shadow:0 2px 8px #2339620a}body.mabali .intro p,body.mabali .hint,body.mabali #footer,body.mabali .past-note{color:#6e7e9b}body.mabali h1{font-size:32px;letter-spacing:-1px}body.mabali .round{border-color:#d5dfef;color:#3558f4;background:white}body.mabali .card{background:white!important;border:1px solid #e0e7f4;border-radius:20px!important;box-shadow:0 3px 12px #243a6310;min-height:82px;padding:12px;gap:13px;color:#26395a;transition:box-shadow .14s,opacity .14s}body.mabali .card .emoji{background:var(--card);border-radius:15px;padding:9px;width:49px;font-size:25px;line-height:30px}body.mabali .card .label{font-weight:600;font-size:17px;line-height:1.4}body.mabali .card .label:active{background:#edf3ff}body.mabali .handle{background:transparent;color:#9babc5;font-size:21px;width:35px}body.mabali .edit-mark{display:none}body.mabali .drop-slot{border:1px dashed #9eb3eb;background:#e5edff;border-radius:20px}body.mabali .floating{box-shadow:0 15px 35px #2035692b;rotate:0deg;scale:1.025}body.mabali .add{background:#3558f4;color:white;border:0;padding:14px 24px;box-shadow:0 5px 16px #3558f422}body.mabali .empty{color:#7184a2;border-color:#cad8ef}body.mabali .rewind-controls{background:#f5f8fff5}body.mabali .rewind-ends,body.mabali #moment-count{color:#7184a2}body.mabali .rewind-symbol{color:#3558f4}body.mabali .play{background:#3558f4;color:white}body.mabali input[type=range]{accent-color:#3558f4}body.mabali .diary-return{color:#3558f4;border-color:#d5dfef}body.mabali dialog{background:white;color:#202e52}body.mabali dialog .primary{background:#3558f4;color:white}body.mabali dialog .secondary{background:#edf2ff;color:#3558f4}body.mabali dialog input[type=text]{border-color:#cdd9ef}body.mabali .emojis button{background:#f0f4ff}body.mabali .emojis .chosen{background:#e5edff;border-color:#3558f4}body.mabali .duel button{background:#eaf0ff;color:#234276;border:1px solid #ccd9f7}body.mabali .duel button:nth-child(2){background:#fff1e7;border-color:#f3dbc9}body.mabali .close{background:#edf2ff;color:#3558f4}body.mabali .shift{background:#edf2ff;color:#3558f4}body.mabali .swipe-delete{background:#fff0f2!important}body.mabali .card .label{transition:background .1s}
body.math header{background:#fff;color:#202e52;border-bottom:1px solid #dce5f4}body.math .header-actions button{background:#edf2ff;color:#3558f4}body.math .brand-mark{color:#3558f4;border-color:#dce5f4}body.math .tabs a[aria-current=page],body.math .primary{background:#3558f4;color:#fff}body.math .lesson-banner{background:#eaf0ff;border-color:#cfdbf5;color:#294773}body.math .portal,body.math .board,body.math .panel,body.math .quiz-card,body.math .resource,body.math .flash-card{border-color:#dbe3f3;border-radius:22px}body.math h1{letter-spacing:-1px}body.math .yk-launch{color:#3558f4!important}
@media(max-width:480px){body.math .brand #brand-text{max-width:125px;font-size:13px}.header-actions{gap:5px}.yk-launch{padding:7px!important;min-width:36px}.app-header .account{margin-left:auto}body.mabali main{padding-inline:18px}}@media(prefers-reduced-motion:reduce){.card{transition:none!important}}

.phone-app{background:#f9fbff!important}.ribbon-edge{stroke:#e5edff!important}.ribbon-fill{stroke:#9aafea!important}.ribbon-tick{stroke:#b6c4e5!important}.ribbon-time{fill:#7688ae!important}.ribbon-now{fill:#3558f4!important}.ribbon-art>circle{fill:#3558f4!important}.timeline-zoom{background:#eaf0fd!important;color:#4868b4!important}.date-button{border-radius:50%!important}.palette button:active,.hour-palette button:active{filter:brightness(.95)}.continuous-scroll{overscroll-behavior-x:contain;scrollbar-width:none}