:root{--brand-blue:#106ebe;--brand-mint:#0ffcbe;--brand-blue-700:#0d5da0;--brand-blue-900:#0b4578;--surface:#f6fbff;--surface-card:#fff;--border:#b9e4ff;--text:#123349;--text-muted:#3f6277;--success:#0aa97f;--shadow:#106ebe29 0 10px 25px -14px;--sans:Inter, "Segoe UI", Roboto, Arial, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font:16px/1.5 var(--sans);color:var(--text);background:radial-gradient(circle at top right, #0ffcbe33, transparent 35%), radial-gradient(circle at top left, #106ebe2e, transparent 40%), var(--surface);margin:0}#root{max-width:1100px;margin:0 auto;padding:0 20px 28px}.app-shell{grid-template-columns:240px 1fr;gap:16px;margin-top:14px;display:grid}.left-rail{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(160deg,#106ebef5,#0b4578f7);border-radius:14px;align-self:start;padding:16px 12px;position:sticky;top:14px}.left-rail-title{color:#fff;margin-bottom:16px;font-size:1.35rem;font-weight:700;display:block}.left-rail-nav{gap:10px;display:grid}.left-rail-nav a{color:#fff;background:#ffffff14;border:1px solid #def5ff66;border-radius:12px;padding:14px 12px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .14s ease-in-out;display:block}.left-rail-nav a:hover,.left-rail-nav button:hover{background:#0ffcbe33;border-color:#0ffcbe99;transform:translateY(-1px)}.left-rail-nav button{text-align:left;color:#fff;background:#ffffff14;border:1px solid #def5ff66;border-radius:12px;width:100%;padding:14px 12px;font-size:1rem;font-weight:600;display:block}.shell-content header{border:1px solid var(--border);box-shadow:var(--shadow);color:#fff;background:linear-gradient(120deg,#106ebef2,#0b4578f2);border-radius:14px;justify-content:flex-end;align-items:center;gap:10px;padding:12px 16px;display:flex}.shell-content header label{color:#cbeeff;font-size:.9rem}.shell-content header select{color:#fff;background:#09365ea6;border:1px solid #0ffcbe99;border-radius:8px;padding:6px 10px}main{margin-top:18px}main>*{background:var(--surface-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:20px}h1,h2{margin:0 0 10px;line-height:1.2}h1{color:var(--brand-blue-900);font-size:2rem}h2{color:var(--brand-blue-700);font-size:1.2rem}p{color:var(--text-muted);margin:0 0 10px}section[aria-label=Primary\ actions],main>section>div{flex-wrap:wrap;gap:10px;margin:12px 0 16px;display:flex}a,button{font:inherit}a[href],button{border:1px solid var(--brand-blue);background:var(--brand-blue);color:#fff;cursor:pointer;border-radius:10px;padding:8px 14px;text-decoration:none;transition:all .16s ease-in-out}a[href]:hover,button:hover{background:var(--brand-blue-700);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}form{gap:12px;display:grid}.auth-card{max-width:560px;margin:0 auto}.login-card{max-width:540px;margin:0 auto}.login-links{gap:8px;display:grid}.fun-fact-banner{color:var(--text);background:#eff8ff;border:1px solid #9ecff1;border-radius:10px;margin:0;padding:10px 12px}.cookie-banner{border:1px solid var(--border);box-shadow:var(--shadow);z-index:20;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex;position:fixed;bottom:12px;left:12px;right:12px}.cookie-banner p{margin:0}.auth-field,form>div{gap:6px;display:grid}label{color:var(--brand-blue-900);font-weight:600}input{background:#fcfeff;border:1px solid #9ecff1;border-radius:10px;width:100%;padding:10px 12px}input:focus,select:focus,button:focus,a:focus{outline:2px solid var(--brand-mint);outline-offset:1px}ul,ol{margin:6px 0 0;padding-left:20px}footer{border:1px solid var(--border);color:var(--brand-blue-900);background:#e9f7ff;border-radius:12px;margin-top:14px;padding:12px 16px}@media (width<=900px){.app-shell{grid-template-columns:1fr}.left-rail{position:static}.left-rail-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.cookie-banner{flex-direction:column;align-items:stretch}.cookie-banner button{width:100%}}