@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";:root,[data-theme=dark]{--theme-name: "dark";--bg-main: #0F1216;--bg-subtle: #14181E;--bg-card: #181D24;--bg-card-solid: #181D24;--bg-elevated: #202630;--bg-glass: rgba(24, 29, 36, .75);--bg-glass-heavy: rgba(20, 24, 30, .94);--phone-shell-bg: #14181E;--phone-bezel-border: #222933;--text-main: #EDF0F2;--text-muted: #8E98A4;--text-dim: #606A75;--text-contrast-inverse: #0F1216;--emerald: #4E8773;--emerald-hover: #5A9983;--emerald-text: #6CB09A;--emerald-subtle: rgba(78, 135, 115, .12);--amber: #B87848;--amber-text: #D49060;--amber-subtle: rgba(184, 120, 72, .12);--rose: #A8545A;--rose-text: #C46E74;--rose-subtle: rgba(168, 84, 90, .12);--border-card: rgba(255, 255, 255, .07);--border-glass: rgba(255, 255, 255, .05);--border-input: rgba(255, 255, 255, .1);--shadow-card: 0 4px 16px rgba(0, 0, 0, .25);--shadow-elevated: 0 12px 30px rgba(0, 0, 0, .35);--input-bg: #14181E}[data-theme=light]{--theme-name: "light";--bg-main: #FBFBF9;--bg-subtle: #F2F2EE;--bg-card: #FFFFFF;--bg-card-solid: #FFFFFF;--bg-elevated: #F5F5F1;--bg-glass: rgba(255, 255, 255, .85);--bg-glass-heavy: rgba(251, 251, 249, .95);--phone-shell-bg: #FFFFFF;--phone-bezel-border: #E8E8E3;--text-main: #1B2024;--text-muted: #57616A;--text-dim: #7E8893;--text-contrast-inverse: #FFFFFF;--emerald: #356E5C;--emerald-hover: #2D5D4E;--emerald-text: #2D5D4E;--emerald-subtle: rgba(53, 110, 92, .08);--amber: #A46334;--amber-text: #915428;--amber-subtle: rgba(164, 99, 52, .08);--rose: #A3484F;--rose-text: #8E3A41;--rose-subtle: rgba(163, 72, 79, .08);--border-card: rgba(0, 0, 0, .06);--border-glass: rgba(0, 0, 0, .04);--border-input: rgba(0, 0, 0, .12);--shadow-card: 0 2px 10px rgba(0, 0, 0, .03), 0 1px 3px rgba(0, 0, 0, .02);--shadow-elevated: 0 10px 25px -4px rgba(0, 0, 0, .06);--input-bg: #FFFFFF}:root{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast: .16s ease;--transition-smooth: .24s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);font-size:15px;line-height:1.5;letter-spacing:-.01em;overflow-x:hidden;min-height:100vh;transition:background-color var(--transition-smooth),color var(--transition-smooth)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600;color:var(--text-main)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}input,select,textarea{font-family:inherit;font-size:14px;color:var(--text-main);background:var(--input-bg);border:1px solid var(--border-input);border-radius:var(--radius-md);padding:12px 14px;width:100%;outline:none;box-shadow:0 1px 2px #00000005;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--emerald);box-shadow:0 0 0 3px var(--emerald-subtle)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.glass-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--bg-elevated);border:1px solid var(--border-card);border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;padding:11px 20px;border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;font-size:14px}.btn-primary{background:var(--emerald);color:#fff;box-shadow:0 2px 8px var(--emerald-subtle)}.btn-primary:hover{background:var(--emerald-hover);transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-card)}.btn-secondary:hover{background:var(--bg-elevated)}.btn-amber{background:var(--amber);color:#fff;font-weight:600}.btn-amber:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-danger-outline{border:1px solid var(--border-card);color:var(--rose-text);background:var(--rose-subtle)}.theme-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border-card);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.theme-toggle-btn:hover{color:var(--text-main);border-color:var(--text-dim)}.notification-banner{position:fixed;top:14px;left:50%;transform:translate(-50%) translateY(-140px);background:var(--bg-card-solid);border:1px solid var(--border-card);box-shadow:var(--shadow-elevated);border-radius:var(--radius-lg);padding:14px 16px;width:calc(100% - 28px);max-width:390px;z-index:9999;display:flex;align-items:flex-start;gap:12px;transition:transform .35s cubic-bezier(.16,1,.3,1);pointer-events:none;opacity:0}.notification-banner.show{transform:translate(-50%) translateY(0);pointer-events:auto;opacity:1}.confetti-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10000}
