:root{color-scheme:light;--bg-start: #f7f9fc;--bg-mid: #fff0f5;--bg-end: #eaf2ff;--text: #1f2a44;--muted: #5b6b88;--card-bg: #ffffff;--card-border: #e6ecf5;--shadow: rgba(25, 40, 80, .12);--btn-bg: #E6E6FA;--btn-text: #1f1b2e;--btn-border: #d2c5ff;--primary: #B57EDC;--primary-text: #ffffff;--focus: rgba(79, 138, 255, .35);--accent-blue: #38bdf8;--accent-violet: #a78bfa;--accent-pink: #f472b6;--accent-teal: #14b8a6}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg-start),var(--bg-end) 60%,var(--bg-mid));background-attachment:fixed}a{color:inherit;text-decoration:none}.container{max-width:960px;margin:0 auto;padding:16px}h1{font-weight:800;letter-spacing:-.5px;background:linear-gradient(90deg,#0ea5e9,#6366f1 60%,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:0 8px 24px var(--shadow)}.row{display:flex;gap:8px;flex-wrap:wrap}.btn{padding:10px 14px;border:1px solid var(--btn-border);border-radius:10px;background:linear-gradient(135deg,var(--btn-bg),#FBCFE8);color:var(--btn-text);cursor:pointer;transition:transform .12s ease,box-shadow .16s ease,background-color .16s ease;box-shadow:0 4px 12px var(--shadow)}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--shadow);filter:saturate(1.05)}.btn:active{transform:translateY(0)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--accent-pink));color:var(--primary-text);border-color:var(--primary)}.btn.primary:hover{filter:brightness(1.06) saturate(1.08)}input,select{width:100%;padding:10px;border-radius:10px;border:1px solid var(--card-border);background:#fff;color:var(--text);box-shadow:0 2px 8px var(--shadow) inset}input::placeholder,select::placeholder{color:var(--muted)}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--focus)}.options button{width:100%;text-align:left}.grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 768px){.grid{grid-template-columns:repeat(2,1fr)}}.grid-vertical{display:grid;grid-template-columns:1fr;gap:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:16px;width:100%;max-width:420px;box-shadow:0 10px 30px var(--shadow);border-image:linear-gradient(135deg,var(--accent-blue),var(--accent-violet)) 1}.toast-container{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:1100}.toast{background:#fff;color:var(--text);border:1px solid var(--card-border);padding:10px 12px;border-radius:10px;box-shadow:0 6px 18px var(--shadow)}