:root{--primary:#1a73e8;--primary-dark:#1557b0;--primary-light:#e8f0fe;--accent:#ff6b35;--accent-light:#fff0eb;--bg:#fafafa;--surface:#fff;--card:#f5f5f5;--border:#eaeaea;--text-primary:#1a1a1a;--text-secondary:#666;--text-hint:#9e9e9e;--success:#34a853;--error:#ea4335;--warning:#fbbc04;--star-gold:#ffc107;--radius:16px;--radius-sm:12px;--shadow:0 2px 4px #00000005, 0 8px 16px #0000000f;--shadow-hover:0 4px 8px #0000000a, 0 16px 32px #0000001a;--shadow-md:0 4px 16px #0000001f}[data-theme=dark]{--bg:#121212;--surface:#1e1e1e;--card:#2c2c2c;--border:#3a3a3a;--text-primary:#fff;--text-secondary:#aaa;--text-hint:#777;--primary-light:#1557b0;--shadow:0 2px 4px #0003, 0 8px 16px #0006;--shadow-hover:0 4px 8px #0000004d, 0 16px 32px #0009}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-primary);background-image:url("data:image/svg+xml,%3Csvg width='220' height='220' viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%231A73E8' fill-opacity='0.04' stroke='%231A73E8' stroke-opacity='0.04' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3C!-- Graduation Cap --%3E%3Cpath d='M15 20l14-6 14 6-14 6-14-6zm8 8v6c0 2 3 4 6 4s6-2 6-4v-6'/%3E%3C!-- Open Book --%3E%3Cpath d='M95 15c4-2 10-2 15 0v18c-5-2-11-2-15 0V15zm15 0c4-2 10-2 15 0v18c-5-2-11-2-15 0V15z' transform='rotate(18 102 24)'/%3E%3C!-- Laptop --%3E%3Crect x='160' y='18' width='28' height='18' rx='2'/%3E%3Cpath d='M154 38h40M165 24h18v8h-18z' transform='rotate(-12 174 27)'/%3E%3C!-- Globe --%3E%3Ccircle cx='45' cy='90' r='11'/%3E%3Cpath d='M34 90h22M45 79v22M37 82c3 3 13 3 16 0M37 98c3-3 13-3 16 0' transform='rotate(25 45 90)'/%3E%3C!-- Test Tube --%3E%3Cpath d='M110 80h8v25c0 3-2 5-4 5s-4-2-4-5V80zm2 5h4M108 76h12' transform='rotate(45 114 92)'/%3E%3C!-- Pencil --%3E%3Cpath d='M180 85l12-12 4 4-12 12-5 1 1-5z' transform='rotate(-35 186 91)'/%3E%3C!-- Calculator --%3E%3Crect x='15' y='150' width='24' height='30' rx='2' transform='rotate(10 27 165)'/%3E%3Cpath d='M20 156h14M20 162h4M26 162h4M20 168h4M26 168h4' transform='rotate(10 27 165)'/%3E%3C!-- Graduation Scroll --%3E%3Crect x='80' y='145' width='30' height='12' rx='4' transform='rotate(-20 95 151)'/%3E%3Cpath d='M79 147l-3 4v4l3 4M111 147l3 4v4l3 4' transform='rotate(-20 95 151)'/%3E%3C!-- Atom / Science --%3E%3Ccircle cx='145' cy='150' r='2.5'/%3E%3Cellipse cx='145' cy='150' rx='10' ry='4' transform='rotate(50 145 150)'/%3E%3Cellipse cx='145' cy='150' rx='10' ry='4' transform='rotate(-50 145 150)'/%3E%3C!-- Lightbulb --%3E%3Cpath d='M195 155c-4 0-7-3-7-7 0-3 2-5 4-6v-3h6v3c2 1 4 3 4 6 0 4-3 7-7 7zm-2 9h4v3h-4v-3z' transform='rotate(15 195 155)'/%3E%3C!-- Math Sigma symbol --%3E%3Cpath d='M25 210h12l-8 7 8 7H25' transform='rotate(-15 31 217)'/%3E%3C!-- Backpack --%3E%3Crect x='100' y='190' width='26' height='28' rx='5'/%3E%3Cpath d='M107 190v-3a3 3 0 016 0v3'/%3E%3C!-- Ruler --%3E%3Cpath d='M170 200l22 10-2 5-22-10 2-5z' transform='rotate(30 181 205)'/%3E%3C!-- Extra filler dots, stars & math symbols --%3E%3Ccircle cx='70' cy='50' r='2'/%3E%3Ccircle cx='135' cy='55' r='1.5'/%3E%3Ccircle cx='205' cy='50' r='2'/%3E%3Ccircle cx='15' cy='120' r='2'/%3E%3Ccircle cx='75' cy='115' r='2.5'/%3E%3Ccircle cx='135' cy='120' r='2'/%3E%3Ccircle cx='200' cy='125' r='1.5'/%3E%3Ccircle cx='55' cy='185' r='2'/%3E%3Ccircle cx='210' cy='180' r='2.5'/%3E%3Cpath d='M175 130l2 3 3 2-3 2-2 3-2-3-3-2 3-2 2-3z'/%3E%3Cpath d='M65 15l2 3 3 2-3 2-2 3-2-3-3-2 3-2 2-3z'/%3E%3C/g%3E%3C/svg%3E");font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:600;transition:background .2s;display:inline-flex}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{cursor:not-allowed;background:#ccc}.btn-outline{color:var(--primary);border-radius:var(--radius-sm);border:1.5px solid var(--border);background:0 0;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s}.btn-outline:hover{background:var(--primary-light);border-color:var(--primary)}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:24px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1)}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.input-field{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text-primary);padding:14px 16px;font-size:1rem;transition:border-color .2s}.input-field:focus{border-color:var(--primary)}.input-field.error{border-color:var(--error)}.error-text{color:var(--error);margin-top:4px;font-size:.85rem}@media (width<=768px){.container{padding:0 16px}}.desktop-sidebar-wrapper{display:none}@media (width>=768px){.desktop-sidebar-wrapper{border-right:1px solid var(--border);flex-shrink:0;width:260px;display:block}}.mobile-bottom-nav-wrapper{display:none}@media (width<=768px){.desktop-sidebar-wrapper{display:none!important}.mobile-bottom-nav-wrapper{display:block!important}main{padding-bottom:90px!important}}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (width<=1024px){.note-grid,div[style*=gridTemplateColumns]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=640px){.note-grid,div[style*=gridTemplateColumns],.content-grid{grid-template-columns:1fr!important}}@media (width>=1025px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (width<=640px){.content-grid{grid-template-columns:1fr!important}}