@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&family=Playfair+Display:ital,wght@1,800&display=swap";:root{--bg-dark: #07090c;--bg-app: #0d1015;--bg-panel: rgba(20, 24, 33, .7);--bg-panel-hover: rgba(28, 33, 44, .85);--border-glass: rgba(255, 255, 255, .08);--text-main: #f8fafc;--text-muted: #94a3b8;--accent-green: #10b981;--accent-blue: #3b82f6;--accent-red: #ef4444;--accent-gold: #fbbf24;--shadow-glass: 0 4px 20px 0 rgba(0, 0, 0, .4);--blur-glass: blur(14px);--radius-panel: 14px;--radius-button: 12px;--toggle-bg: rgba(0, 0, 0, .6);--toggle-text-inactive: #94a3b8;font-family:Outfit,system-ui,-apple-system,sans-serif;color-scheme:dark}body{margin:0;padding:0;background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 10% 40%,rgba(16,185,129,.05),transparent 25%),radial-gradient(circle at 90% 20%,rgba(251,191,36,.06),transparent 25%);min-height:100vh;box-sizing:border-box;display:flex;align-items:center;justify-content:center}*,*:before,*:after{box-sizing:border-box}@keyframes slideFadeUp{0%{opacity:0;transform:translateY(15px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes goldPulse{0%{filter:drop-shadow(0 0 2px rgba(251,191,36,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 10px rgba(251,191,36,.6));transform:scale(1.02)}to{filter:drop-shadow(0 0 2px rgba(251,191,36,.3));transform:scale(1)}}.wordmark{font-family:Playfair Display,serif;font-style:italic;font-weight:800;background:linear-gradient(135deg,#fbbf24,#fcd34d,#d97706);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:goldPulse 4s ease-in-out infinite}.browser-wrapper{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.device-frame{width:390px;height:844px;background-color:var(--bg-app);border-radius:40px;border:12px solid #1a1a1a;box-shadow:0 40px 80px -12px #000c,inset 0 0 20px #00000080;position:relative;overflow:hidden;display:flex;flex-direction:column}.device-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:30px;background:#1a1a1a;border-bottom-left-radius:20px;border-bottom-right-radius:20px;z-index:100}.app-header{padding:3.5rem 1.5rem 1.5rem;background:#0d1015d9;-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border-bottom:1px solid var(--border-glass);position:sticky;top:0;z-index:50}.app-content{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 7rem;-ms-overflow-style:none;scrollbar-width:none}.app-content::-webkit-scrollbar{display:none}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:85px;background:#0d1015f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-around;align-items:center;padding-bottom:20px;z-index:50}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;color:var(--text-muted);font-size:.75rem;background:none;border:none;padding:.5rem;transition:color .3s}.nav-item.active{color:var(--accent-gold)}.nav-fab{background:linear-gradient(135deg,#fbbf24,#d97706);color:#000;width:56px;height:56px;border-radius:28px;display:flex;align-items:center;justify-content:center;transform:translateY(-20px);box-shadow:0 8px 30px #fbbf2480;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.nav-fab:active{transform:translateY(-16px) scale(.9)}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-panel);box-shadow:var(--shadow-glass);padding:1rem;animation:slideFadeUp .5s ease-out forwards;color:var(--text-main)}.text-gold{color:var(--accent-gold)}.text-green{color:var(--accent-green)}.text-blue{color:var(--accent-blue)}.text-red{color:var(--accent-red)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.text-right{text-align:right}.justify-end{justify-content:flex-end!important}button{cursor:pointer;border:none;font-family:inherit}.btn-primary{width:100%;background:linear-gradient(135deg,#fbbf24,#d97706);color:#000;padding:1rem;border-radius:var(--radius-button);font-weight:700;font-size:1.05rem;box-shadow:0 4px 15px #fbbf244d;transition:transform .2s}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:#ffffff0d;color:var(--text-main);border:1px solid var(--border-glass);border-radius:var(--radius-button);padding:.8rem;font-weight:600;transition:all .2s}.btn-secondary:active{transform:scale(.98)}.btn-danger{background:#ef44441a;color:var(--accent-red);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-button);padding:.8rem;font-weight:600;transition:all .2s}.btn-danger:active{transform:scale(.98)}input,select,textarea{width:100%;padding:.8rem;background:#0000004d;border:1px solid var(--border-glass);border-radius:var(--radius-button);color:var(--text-main);font-family:inherit;font-size:1rem;margin-bottom:1rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-gold)}label{display:block;margin-bottom:.3rem;font-size:.85rem;color:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-app);z-index:200;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:3rem 1.5rem 1.5rem;background:#0d1015f2;z-index:50;border-bottom:1px solid var(--border-glass)}.checkbox-container{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted);cursor:pointer}.light-theme{--bg-dark: #e2e8f0;--bg-app: #f1f5f9;--bg-panel: rgba(255, 255, 255, .95);--bg-panel-hover: rgba(255, 255, 255, 1);--border-glass: rgba(0, 0, 0, .15);--text-main: #0f172a;--text-muted: #000000;--accent-gold: #b45309;--accent-green: #059669;--accent-red: #dc2626;--accent-blue: #2563eb;--shadow-glass: 0 8px 30px 0 rgba(0, 0, 0, .05);--toggle-bg: rgba(0, 0, 0, .04);--toggle-text-inactive: #64748b;color-scheme:light;color:var(--text-main)}.light-theme .app-header{background:#f1f5f9d9;border-bottom:1px solid rgba(0,0,0,.1)}.light-theme .bottom-nav{background:#f1f5f9f2;border-top:1px solid rgba(0,0,0,.1)}.light-theme .device-notch{background:#000}.light-theme .device-frame{border-color:#cbd5e1;box-shadow:0 40px 80px -12px #0000004d,inset 0 0 20px #0000000d}.light-theme input,.light-theme select,.light-theme textarea{background:#00000008;border:1px solid rgba(0,0,0,.1);color:var(--text-main)}.light-theme .btn-secondary{color:var(--text-main);border:1px solid rgba(0,0,0,.1);background:#00000008;border-radius:var(--radius-button)}.light-theme .modal-overlay{background:var(--bg-app)}.light-theme .modal-header{background:#f1f5f9f2;border-bottom:1px solid rgba(0,0,0,.1)}.splash-container{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--bg-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;animation:splashExplode 2.5s cubic-bezier(.16,1,.3,1) forwards}@keyframes splashExplode{0%{opacity:1;transform:scale(1);filter:blur(0px)}50%{opacity:1;transform:scale(1.05);filter:blur(0px)}85%{opacity:0;transform:scale(4);filter:blur(20px)}to{opacity:0;transform:scale(5);filter:blur(30px);visibility:hidden;pointer-events:none}}.splash-logo{font-family:Playfair Display,serif;font-style:italic;font-weight:800;font-size:3.5rem;background:linear-gradient(135deg,#fbbf24,#fcd34d,#d97706);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:goldPulse 1s ease-in-out infinite alternate}.popup-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;z-index:300;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out forwards}.light-theme .popup-overlay{background:#ffffffd9}.popup-card{width:85%;max-width:320px;background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-panel);box-shadow:var(--shadow-glass);padding:1.5rem;position:relative;animation:scaleUp .3s cubic-bezier(.16,1,.3,1) forwards;color:var(--text-main);text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.poker-chip{position:absolute;top:50%;left:50%;border-radius:50%;background:repeating-conic-gradient(#fbbf24,#fbbf24 20deg,#111 20deg,#111 60deg);opacity:0;transform:translate(-50%,-50%) scale(.1);animation:chipFly 2.2s cubic-bezier(.16,1,.3,1) forwards;z-index:1;box-shadow:0 0 12px 2px #fff6,0 4px 15px #000c}.poker-chip:before{content:"";position:absolute;top:18%;left:18%;right:18%;bottom:18%;border-radius:50%;background:#1a1a1a;border:2px solid rgba(251,191,36,.8)}@keyframes chipFly{0%{opacity:0;transform:translate(-50%,-50%) scale(.1) rotate(0)}20%{opacity:1}80%{opacity:1;transform:translate(calc(-50% + (var(--tx) * .8)),calc(-50% + (var(--ty) * .8))) scale(1.5) rotate(calc(var(--rot) * .8))}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(3) rotate(var(--rot))}}