:root{color:#112037;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;accent-color:#0f67e6;background:radial-gradient(circle at 8% 12%,#fff0d8 0%,#0000 42%),radial-gradient(circle at 88% 88%,#d1e3ff 0%,#0000 38%),linear-gradient(145deg,#f6f9ff 0%,#fffcf8 50%,#f0f7ff 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI Variable,Aptos,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}.app-shell{color:#0f2138;width:min(1240px,100%);margin:0 auto;padding:2.2rem 1.2rem 3rem}.topbar{border-bottom:1px solid #a1b6dc59;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.7rem;padding-bottom:1.35rem;display:flex}.topbar-left h1{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:1.03}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#35537d;margin:0 0 .45rem;font-size:.74rem;font-weight:700}.subtitle{color:#445d84;max-width:58ch;margin:.7rem 0 0;line-height:1.55}.pill-row{grid-template-columns:repeat(3,minmax(110px,1fr));gap:.6rem;display:grid}.pill{background:linear-gradient(145deg,#fff 0%,#eaf2ff 100%);border:1px solid #d4e0f7;border-radius:14px;gap:.12rem;padding:.65rem .8rem;display:grid;box-shadow:0 6px 18px #1026461a}.pill-label{letter-spacing:.08em;text-transform:uppercase;color:#4f6590;font-size:.72rem}.pill strong{color:#0f3c7a;font-size:1.1rem}.tools-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;margin-bottom:1.4rem;display:grid}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #dce7fb;border-radius:18px;grid-column:span 4;padding:1.1rem;transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:0 12px 26px #12254314}.panel:hover{border-color:#c7d7f6;transform:translateY(-2px);box-shadow:0 18px 32px #1225431f}.panel h2{margin:0;font-size:1.04rem}.field-grid{gap:.58rem;margin-top:.85rem;display:grid}textarea,input,select,button{font:inherit}textarea,input,select{color:#132a4b;background:#fff;border:1.5px solid #d2dff6;border-radius:12px;padding:.72rem .82rem;transition:border-color .18s,box-shadow .18s}textarea:focus,input:focus,select:focus{border-color:#1f6fe4;outline:none;box-shadow:0 0 0 3px #1f6fe426}button{cursor:pointer;transition:transform .16s,box-shadow .16s,opacity .16s}button:hover{transform:translateY(-1px)}.btn-primary,.btn-secondary,.btn-ghost,.btn-tag{border:1px solid #0000;border-radius:10px;padding:.56rem .86rem}.btn-primary{color:#fff;background:linear-gradient(150deg,#0f69e8 0%,#0956cd 100%);margin-top:.78rem;box-shadow:0 8px 16px #0f69e840}.btn-secondary{color:#fff;background:linear-gradient(150deg,#19816b 0%,#11634f 100%)}.btn-ghost{color:#244572;background:#edf3ff;border-color:#d4e1fb}.btn-ghost:hover{box-shadow:0 5px 12px #1e427321}.btn-ghost.danger{color:#9c3440;background:#fff2f2;border-color:#f5d2d2}.btn-star.is-starred{color:#8a6114;background:#fff4da;border-color:#f0d79c}.timer-panel{background:linear-gradient(165deg,#fffffff2 0%,#e6f6ffd9 100%)}.timer-value{letter-spacing:.04em;color:#0b5ecf;margin:.8rem 0;font-size:2.05rem;font-weight:800}.timer-actions{gap:.6rem;display:flex}.board-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.stage-column{background:#ffffffd6;border:1px solid #d9e4f8;border-radius:18px;min-height:470px;padding:.92rem;box-shadow:0 7px 22px #11244214}.stage-column header{border-bottom:1px solid #b3c4e36b;justify-content:space-between;align-items:center;margin-bottom:.78rem;padding-bottom:.72rem;display:flex}.stage-column h3{margin:0;font-size:1rem}.stage-column span{color:#304f7b;text-align:center;background:#edf3ff;border-radius:999px;min-width:1.7rem;padding:.2rem .5rem;font-size:.8rem}.stage-backlog{border-top:3px solid #3a7be6}.stage-learning{border-top:3px solid #0f8f83}.stage-revising{border-top:3px solid #d5891f}.stage-mastered{border-top:3px solid #6a4bc2}.card-list{gap:.65rem;max-height:590px;padding-right:.25rem;display:grid;overflow:auto}.card-list::-webkit-scrollbar{width:7px}.card-list::-webkit-scrollbar-thumb{background:#ccdaef;border-radius:8px}.prep-card{background:#fff;border:1px solid #dae4f5;border-radius:14px;padding:.72rem;transition:transform .2s,box-shadow .2s;animation:.24s reveal}.prep-card:hover{transform:translateY(-1px);box-shadow:0 8px 18px #1226461f}.card-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.topic-label{text-transform:uppercase;letter-spacing:.09em;color:#2d5f97;margin:0;font-size:.74rem;font-weight:700}.question-text{color:#122746;margin:.5rem 0;font-weight:500;line-height:1.48}.card-meta{color:#60759a;margin:0 0 .55rem;font-size:.82rem}.card-actions,.move-row{flex-wrap:wrap;gap:.45rem;display:flex}.move-row{margin-top:.5rem}.btn-tag{color:#285087;background:#f5f9ff;border-color:#d6e3f8;padding:.33rem .55rem;font-size:.76rem}.btn-tag.active{color:#fff;background:#1f6fe4;border-color:#1f6fe4}.empty{color:#5f7394;text-align:center;margin:1rem 0 0;font-style:italic}@keyframes reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.panel{grid-column:span 6}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell{padding:1.45rem .85rem 2rem}.pill-row{grid-template-columns:1fr 1fr}.panel{grid-column:span 12}.board-grid{grid-template-columns:1fr}.stage-column{min-height:auto}}