:root{--primary:#5b2c6f;--secondary:#c9a227;--accent:#6c757d;--surface:#f7f5f9;--ink:#1a1520;--muted:#5c5666;--card:#fff;--danger:#a12622;--ok:#1f6b45;--radius:14px;--shadow:0 10px 30px #14101e14;--font-display:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif;--font-body:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, color-mix(in srgb, var(--secondary) 35%, transparent), transparent), radial-gradient(900px 500px at 100% 0%, color-mix(in srgb, var(--primary) 22%, transparent), transparent), linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--surface) 70%, #fff));margin:0}h1,h2,h3,.brand{font-family:var(--font-display);letter-spacing:-.02em}button,input,select,textarea{font:inherit}a{color:var(--primary)}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-shell:after,.projector:after{content:"© ArnoldsComputers.com";text-align:center;color:var(--muted);margin-top:auto;padding:.45rem 1rem .7rem;font-size:.8rem;font-weight:700;display:block}.projector:after{color:#ffffffb8}.topbar{background:color-mix(in srgb, var(--primary) 92%, #000);color:#fff;z-index:20;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:grid;position:sticky;top:0}.brand-lockup{align-items:center;gap:.65rem;min-width:0;display:flex}.brand-mark{flex:none;width:2.45rem;height:2.45rem;display:block;overflow:visible}.brand-star{stroke:#f7e38a;stroke-width:1.2px}.brand-star-core{fill:color-mix(in srgb, var(--primary) 88%, #000)}.brand-letter{fill:#fff;font-family:var(--font-body);letter-spacing:-.08em;font-size:18px;font-weight:800}.brand-bolt{fill:#22e6ff;stroke:#b8fbff;stroke-width:.7px;stroke-linejoin:round}.topbar .brand{margin:0;font-size:1.2rem;font-weight:700}.motto{letter-spacing:.08em;text-transform:uppercase;color:#ffe56a;text-align:center;white-space:nowrap;margin:0;font-size:clamp(.95rem,2vw,1.15rem);font-weight:700}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}@media (width<=800px){.topbar{grid-template-columns:1fr;justify-items:start}.motto,.topbar-actions{justify-self:start}}.screen{flex:1;width:min(1180px,100%);margin:0 auto;padding:1.25rem 1rem 2.5rem}.screen.wide{width:min(1400px,100%)}.hero{padding:2.5rem 0 1.5rem}.hero h1{margin:0 0 .75rem;font-size:clamp(2.4rem,6vw,4rem);line-height:1.05}.hero p{color:var(--muted);max-width:42rem;font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.5}.btn-row{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.landing-actions{align-items:center}.btn.student-cta{letter-spacing:.01em;min-width:min(24rem,100%);padding:.9rem 2.35rem;font-size:1.08rem}.btn{appearance:none;cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:999px;padding:.7rem 1.15rem;font-weight:700;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.secondary{background:var(--secondary);color:var(--ink)}.btn.ghost{color:inherit;border:1px solid color-mix(in srgb, currentColor 35%, transparent);background:0 0}.btn.light{color:var(--primary);background:#fff}.btn.danger{background:var(--danger)}.btn.small{padding:.35rem .75rem;font-size:.9rem}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);padding:1.1rem 1.2rem}.card+.card{margin-top:1rem}.dashboard-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem;margin-bottom:1rem;display:grid}.dashboard-split .card{margin-top:0}.folders-column{flex-direction:column;gap:1rem;min-width:0;display:flex}.folders-column .card+.card{margin-top:0}.left-create-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:.75rem;display:grid}.new-folder-card,.school-colors-card{width:100%;min-width:0}.new-pulse-card{min-width:0}.compact-fields .field input,.compact-fields .field select{max-width:16rem}.compact-fields textarea{max-width:18.5rem;min-height:5rem}.pulse-meta{grid-template-columns:repeat(2,minmax(0,10rem));gap:.5rem .75rem;max-width:22rem;display:grid}.pulse-meta input[type=number]{max-width:5.5rem}.color-pickers{grid-template-columns:repeat(3,minmax(0,4.2rem));gap:.45rem;display:grid}.color-pickers input[type=color]{cursor:pointer;width:100%;height:2.1rem;padding:.12rem}.school-colors-card .palette-row{grid-template-columns:1fr;gap:.3rem;display:grid}.school-colors-card .palette-swatch{min-width:0;padding:.28rem .35rem}@media (width<=1100px){.left-create-row{grid-template-columns:1fr}}@media (width<=900px){.dashboard-split{grid-template-columns:1fr}}.stack{gap:.75rem;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=900px){.grid-2{grid-template-columns:1fr}}label.field{gap:.35rem;font-size:.92rem;font-weight:600;display:grid}label.field span.hint{color:var(--muted);font-size:.85rem;font-weight:400}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea,.rt-editor{border:1px solid color-mix(in srgb, var(--accent) 45%, #ccc);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:.65rem .75rem}textarea,.rt-editor{resize:vertical;min-height:160px;line-height:1.45}.rt-toolbar{flex-wrap:wrap;gap:.35rem;margin-bottom:.4rem;display:flex}.rt-editor{outline:none;font-size:1.15rem}.rt-editor:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent)}.toggle-row{flex-wrap:wrap;gap:.65rem 1rem;display:flex}.toggle{align-items:center;gap:.45rem;font-size:.92rem;font-weight:600;display:inline-flex}.muted{color:var(--muted)}.nav-footer{border-top:1px dashed color-mix(in srgb, var(--accent) 40%, transparent);flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:1.25rem;padding-top:1rem;display:flex}.palette-row{flex-wrap:wrap;gap:.5rem;display:flex}.palette-swatch{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;gap:.25rem;min-width:0;padding:.4rem .55rem;display:grid}.palette-swatch.active{border-color:var(--ink)}.palette-swatch .chips{gap:.25rem;display:flex}.palette-swatch i{border-radius:999px;width:1rem;height:1rem;display:inline-block}.folder-tree{gap:.5rem;display:grid}.folder-item,.session-tile,.session-row{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:color-mix(in srgb, var(--surface) 55%, #fff);cursor:grab;border-radius:12px;padding:.75rem}.folder-item.drag-over,.session-tile.drag-over{outline:2px dashed var(--primary)}.session-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.session-tile h4,.session-row h4{margin:0 0 .25rem;font-size:1.05rem}.code-pill{background:var(--secondary);color:var(--ink);letter-spacing:.06em;border-radius:999px;padding:.15rem .55rem;font-weight:800;display:inline-block}.split-work{grid-template-columns:1fr 1fr;gap:1rem;min-height:60vh;display:grid}.split-work.flipped>:first-child{order:2}.split-work.flipped>:last-child{order:1}@media (width<=900px){.split-work{grid-template-columns:1fr}.split-work.flipped>:first-child,.split-work.flipped>:last-child{order:initial}}.response-list{gap:.65rem;max-height:min(70vh,720px);display:grid;overflow:auto}.response-card{border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);background:#fff;border-radius:12px;padding:.75rem .9rem}.response-card.pending{border-left:4px solid var(--secondary)}.response-card.approved{border-left:4px solid var(--ok)}.emoji-grid{flex-wrap:wrap;gap:.35rem;display:flex}.emoji-btn{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);cursor:pointer;background:#fff;border-radius:10px;width:2.4rem;height:2.4rem;font-size:1.35rem}.emoji-btn:hover{background:color-mix(in srgb, var(--secondary) 35%, #fff)}.table-wrap{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:#fff;border-radius:12px;overflow:auto}table.stats{border-collapse:collapse;width:100%;font-size:.92rem}table.stats th,table.stats td{text-align:left;white-space:nowrap;border-bottom:1px solid #e6e2ea;padding:.55rem .65rem}table.stats th button{cursor:pointer;color:var(--primary);background:0 0;border:none;padding:0;font-weight:800}.projector{background:radial-gradient(circle at top, color-mix(in srgb, var(--primary) 18%, #111), #111);color:#fff;min-height:100dvh;padding:1.5rem}.projector h1{margin:0 0 .35rem;font-size:clamp(1.8rem,4vw,2.8rem)}.projector .board{gap:.85rem;margin-top:1.25rem;display:grid}.projector .board-item{background:#ffffff14;border:1px solid #ffffff2e;border-radius:16px;padding:1rem 1.1rem;font-size:clamp(1.1rem,2.2vw,1.45rem);line-height:1.4}.countdown{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:800}.alert{background:color-mix(in srgb, var(--secondary) 28%, #fff);color:var(--ink);border-radius:10px;padding:.65rem .8rem}.error{color:var(--danger);font-weight:700}.timer-field{align-items:center;gap:.75rem;display:flex}.timer-mmss{font-variant-numeric:tabular-nums;min-width:4.2rem;font-size:1.15rem}.library-toolbar{gap:.65rem;margin-bottom:.75rem;display:grid}.library-scroll{max-height:min(28rem,60vh);padding:.35rem .2rem .6rem;overflow:auto}.tile-grid{justify-content:start;align-items:start;gap:.85rem .75rem;display:grid}.tile-grid.small{grid-template-columns:repeat(auto-fill,8.25rem)}.tile-grid.large{grid-template-columns:repeat(auto-fill,10.5rem)}.tile-grid.details{grid-template-columns:repeat(auto-fill,12.5rem)}.manage-pulses-card .tile-grid.small{grid-template-columns:repeat(auto-fill,11.25rem)}.manage-pulses-card .tile-grid.large,.manage-pulses-card .tile-grid.details{grid-template-columns:repeat(auto-fill,13.25rem)}.manila-folder{cursor:grab;background:0 0;border:none;width:100%;margin-top:14px;position:relative}.manila-folder.dragging{opacity:.65}.manila-tab{background:#e8c97a;border-radius:8px 10px 0 0;width:2.6rem;height:14px;box-shadow:inset 0 1px #ffffff73}.manila-body{color:#3a2a10;background:linear-gradient(#f3d58a,#e0b65c);border-radius:0 12px 12px;min-height:7rem;padding:.7rem .65rem;box-shadow:2px 3px #c4a05a,0 8px 18px #50320a1f}.manila-folder.small .manila-body{min-height:5.2rem;padding:.45rem .5rem}.manila-folder.details .manila-body{min-height:6.2rem}.manila-body h3{margin:0 0 .25rem;font-size:1.05rem}.pulse-tile{background:color-mix(in srgb, var(--primary) 88%, #000);color:#fff;cursor:grab;width:100%;min-height:11rem;box-shadow:var(--shadow);border-radius:16px;position:relative;overflow:hidden}.pulse-spark{fill:#22e6ff;opacity:.55;pointer-events:none;width:1.7rem;height:2.75rem;position:absolute;top:.7rem;right:.55rem}.pulse-tile-content{z-index:1;gap:.45rem;padding:.85rem;display:grid;position:relative}.pulse-tile h3{margin:0}.pulse-prompt{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:.92rem;line-height:1.35;display:-webkit-box;overflow:hidden}.pulse-tile.small .pulse-prompt{-webkit-line-clamp:2}.hour-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.hour-row.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;width:100%;max-width:100%}.hour-btn{appearance:none;border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;gap:.1rem;padding:.4rem .35rem;font-size:.78rem;display:grid}.hour-row.compact .hour-btn{border-radius:8px;padding:.28rem .15rem;font-size:.68rem}.hour-btn strong{font-size:.82rem}.hour-row.compact .hour-btn strong{font-size:.9rem}.hour-btn.has-code{background:color-mix(in srgb, var(--secondary) 45%, #fff);font-weight:700}.hour-btn.selected{outline:2px solid var(--primary);outline-offset:1px}.pulse-tile .hour-btn{color:#fff;background:#ffffff1f;border-color:#ffffff47}.pulse-heading{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.5rem;display:flex}.pulse-heading h2{margin:0;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:800}.class-code-banner{letter-spacing:.12em;color:#1a1200;background:#f0c43a;border-radius:.35em;padding:.12em .45em;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:800;box-shadow:0 2px #b8860b}.student-counter{text-align:center;margin:.6rem 0 .85rem;font-size:1.15rem;font-weight:800}.live-toggles{background:color-mix(in srgb, var(--surface) 80%, #fff);border-radius:12px;flex-wrap:wrap;justify-content:center;gap:.65rem 1.1rem;margin:.5rem 0 .75rem;padding:.7rem;display:flex}.tips-overlay{z-index:80;background:#100c1873;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.tips-panel{background:var(--card);width:min(36rem,100%);max-height:min(86vh,40rem);color:var(--ink);box-shadow:var(--shadow);border-radius:16px;padding:1rem 1.1rem 1.15rem;overflow:auto}.tips-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.tips-body ol{margin:0;padding-left:1.2rem;line-height:1.5}