@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-main: #D6D9DE;--surface: #D6D9DE;--os-primary: #4FA890;--os-primary-soft: rgba(79, 168, 144, .14);--os-accent: #B89AC8;--text-primary: #3A3D44;--text-secondary: rgba(58, 61, 68, .6);--text-muted: rgba(58, 61, 68, .35);--shadow-light: rgba(255, 255, 255, .85);--shadow-dark: rgba(140, 148, 162, .55);--shadow-outset: -8px -8px 20px var(--shadow-light), 8px 8px 22px var(--shadow-dark);--shadow-outset-sm: -4px -4px 10px var(--shadow-light), 4px 4px 12px var(--shadow-dark);--shadow-inset: inset -4px -4px 10px var(--shadow-light), inset 4px 4px 10px var(--shadow-dark);--shadow-inset-sm: inset -2px -2px 6px var(--shadow-light), inset 2px 2px 6px var(--shadow-dark);--hairline: rgba(140, 148, 162, .22);--window-overlay: rgba(214, 217, 222, .72);--aura-1: #BFCBD2;--aura-2: #CFC2D2;--error: #D87468;--success: #4FA890}[data-theme=dark]{--bg-main: #2A2D33;--surface: #2A2D33;--os-primary: #6FCFB0;--os-primary-soft: rgba(111, 207, 176, .14);--os-accent: #B796D6;--text-primary: #E8E6E0;--text-secondary: rgba(232, 230, 224, .55);--text-muted: rgba(232, 230, 224, .3);--shadow-light: rgba(255, 255, 255, .04);--shadow-dark: rgba(0, 0, 0, .55);--shadow-outset: -8px -8px 20px var(--shadow-light), 8px 8px 22px var(--shadow-dark);--shadow-outset-sm: -4px -4px 10px var(--shadow-light), 4px 4px 12px var(--shadow-dark);--shadow-inset: inset -4px -4px 10px var(--shadow-light), inset 4px 4px 10px var(--shadow-dark);--shadow-inset-sm: inset -2px -2px 6px var(--shadow-light), inset 2px 2px 6px var(--shadow-dark);--hairline: rgba(255, 255, 255, .06);--window-overlay: rgba(20, 22, 26, .7);--aura-1: #2F4A41;--aura-2: #4A3A52;--error: #E08075;--success: #6FCFB0}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;background-color:var(--bg-main);color:var(--text-primary);overflow:hidden;height:100vh;width:100vw;transition:background-color .6s ease;-webkit-font-smoothing:antialiased}.aurora-bg{position:fixed;inset:0;z-index:-2;background:var(--bg-main);overflow:hidden}.aurora-circle{position:absolute;width:70vh;height:70vh;border-radius:50%;filter:blur(140px);opacity:.55}[data-theme=dark] .aurora-circle{opacity:.4}.aurora-1{background:var(--aura-1);top:-15%;left:-10%;animation:drift 50s infinite alternate}.aurora-2{background:var(--aura-2);bottom:-15%;right:-10%;animation:drift 60s infinite alternate-reverse}.aurora-3{background:var(--os-primary);top:30%;right:20%;opacity:.08}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(80px,60px) scale(1.15)}}.noise{display:none}.os-header{position:fixed;top:22px;left:50%;transform:translate(-50%);width:90%;max-width:460px;height:56px;background:var(--surface);border:none;border-radius:28px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;z-index:100;box-shadow:var(--shadow-outset)}.header-time{font-family:Outfit,sans-serif;font-weight:600;font-size:14px;letter-spacing:.01em;color:var(--text-primary)}.header-meta{display:flex;align-items:center;gap:10px}.credit-pill{background:var(--surface);padding:8px 16px;border-radius:16px;font-family:Outfit,sans-serif;font-weight:700;font-size:12px;color:var(--os-primary);cursor:pointer;border:none;transition:.3s ease;white-space:nowrap;box-shadow:var(--shadow-outset-sm)}.credit-pill:hover{box-shadow:var(--shadow-inset-sm)}.os-header .header-tag{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;display:none}@media(min-width:480px){.os-header{padding:0 26px;width:auto;min-width:380px}.os-header .header-tag{display:block}}.home-screen{height:100vh;padding:130px 24px 160px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;scrollbar-width:none}.home-screen::-webkit-scrollbar{display:none}.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;width:100%;max-width:720px}@media(min-width:480px){.app-grid{grid-template-columns:repeat(3,1fr);gap:36px}}@media(min-width:768px){.app-grid{grid-template-columns:repeat(4,1fr);gap:44px}}.app-item{display:flex;flex-direction:column;align-items:center;gap:14px;background:none;border:none;cursor:pointer;transition:transform .4s cubic-bezier(.16,1,.3,1)}.app-icon{width:80px;height:80px;border-radius:26px;display:flex;align-items:center;justify-content:center;font-size:34px;background:var(--surface);border:none;box-shadow:var(--shadow-outset);transition:box-shadow .35s ease,transform .35s ease}@media(min-width:768px){.app-icon{width:96px;height:96px;border-radius:32px;font-size:40px}}.app-item:hover .app-icon{box-shadow:var(--shadow-inset);transform:translateY(-2px)}.app-item:active .app-icon{box-shadow:var(--shadow-inset-sm)}.app-label{font-size:11px;font-weight:700;text-transform:lowercase;letter-spacing:.04em;color:var(--text-secondary)}.price-tag{font-family:Outfit,sans-serif;font-size:10px;font-weight:700;color:var(--os-primary);background:var(--os-primary-soft);padding:4px 12px;border-radius:10px;margin-top:-4px}.app-window-overlay{position:fixed;inset:0;background:var(--window-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;display:flex;align-items:flex-end;justify-content:center}@media(min-width:768px){.app-window-overlay{align-items:center;padding:40px}}.app-window{width:100%;height:90vh;background:var(--surface);border:none;border-radius:36px 36px 0 0;position:relative;box-shadow:var(--shadow-outset);overflow:hidden;display:flex;flex-direction:column}@media(min-width:768px){.app-window{height:auto;max-height:85vh;max-width:760px;border-radius:40px}}.window-nav{position:absolute;top:22px;left:28px;right:28px;height:44px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:100}.close-btn{width:42px;height:42px;background:var(--surface);border:none;border-radius:50%;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:.3s ease;font-size:16px;box-shadow:var(--shadow-outset-sm)}.close-btn:hover{color:var(--error);box-shadow:var(--shadow-inset-sm)}.window-content{padding:92px 24px 40px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--hairline) transparent}@media(min-width:768px){.window-content{padding:110px 64px 64px}}.balance-hero{text-align:center;padding:40px 0 56px;display:flex;flex-direction:column;align-items:center}.balance-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:13px;color:var(--text-muted);letter-spacing:.16em;margin-bottom:18px;text-transform:uppercase}.balance-amount{font-family:Outfit,sans-serif;font-size:80px;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;line-height:1;margin-bottom:10px}@media(min-width:768px){.balance-amount{font-size:100px}}.art-drop{min-height:200px;padding:40px;background:var(--surface);border:none;border-radius:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:var(--shadow-inset)}.art-drop:hover{box-shadow:var(--shadow-outset)}.drop-icon{font-size:52px;margin-bottom:20px;opacity:.85}.drop-label{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:17px;color:var(--text-secondary);text-align:center;letter-spacing:0}.os-input{width:100%;background:var(--surface);border:none;border-radius:18px;padding:18px 22px;font-family:Outfit,sans-serif;font-size:26px;font-weight:500;color:var(--text-primary);outline:none;transition:.3s ease;text-align:center;box-shadow:var(--shadow-inset)}.os-input:focus{box-shadow:var(--shadow-inset),0 0 0 2px var(--os-primary-soft)}.action-btn{width:100%;padding:18px;background:var(--surface);color:var(--text-primary);border:none;border-radius:22px;font-family:Outfit,sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;transition:.3s ease;margin-top:24px;box-shadow:var(--shadow-outset)}.action-btn:hover:not(:disabled){color:var(--os-primary);box-shadow:var(--shadow-inset)}.action-btn:active:not(:disabled){box-shadow:var(--shadow-inset-sm)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.ledger-item{transition:.3s ease;padding:18px 22px;border-radius:20px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;background:var(--surface);box-shadow:var(--shadow-outset-sm)}.ledger-item:hover{box-shadow:var(--shadow-inset-sm)}.os-label-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.os-label{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:14px;color:var(--text-secondary);letter-spacing:.02em}.os-value{font-family:Outfit,sans-serif;font-weight:700;font-size:13px;text-transform:lowercase;letter-spacing:.02em;color:var(--os-primary)}.dock-container{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:150}.dock{background:var(--surface);border:none;border-radius:28px;height:72px;padding:0 16px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-outset)}.dock-item{width:48px;height:48px;font-size:22px;border-radius:16px;background:var(--surface);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s ease;box-shadow:var(--shadow-outset-sm)}.dock-item:hover{box-shadow:var(--shadow-inset-sm)}@media(min-width:768px){.dock{border-radius:32px;height:84px;padding:0 20px;gap:12px}.dock-item{width:56px;height:56px;font-size:26px}}.serif{font-family:Outfit,sans-serif;font-weight:600;letter-spacing:-.01em}.art-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:var(--surface);border-radius:8px;outline:none;margin:18px 0 36px;box-shadow:var(--shadow-inset-sm)}.art-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:var(--os-primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-outset-sm);transition:.2s ease}.art-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.theme-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--surface);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s ease;font-size:14px;box-shadow:var(--shadow-outset-sm)}.theme-btn:hover{box-shadow:var(--shadow-inset-sm)}.toast{position:fixed;top:90px;left:50%;transform:translate(-50%);background:var(--surface);border:none;border-radius:22px;padding:14px 28px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--success);z-index:9999;white-space:nowrap;box-shadow:var(--shadow-outset);pointer-events:none}.toast.error{color:var(--error)}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:36px}.pack-card{background:var(--surface);border:none;border-radius:26px;padding:28px 12px 22px;cursor:pointer;transition:.3s ease;text-align:center;position:relative;overflow:hidden;color:var(--text-primary);box-shadow:var(--shadow-outset)}.pack-card:hover{box-shadow:var(--shadow-inset)}.pack-card.popular:before{content:"POPULAR";position:absolute;top:0;left:50%;transform:translate(-50%);background:var(--os-primary);color:#fff;font-family:Outfit,sans-serif;font-size:8px;font-weight:800;letter-spacing:.18em;padding:4px 14px;border-radius:0 0 12px 12px}.pack-cr{font-family:Outfit,sans-serif;font-size:38px;font-weight:700;line-height:1;margin-bottom:4px}.pack-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:var(--os-primary);margin-bottom:14px}.pack-price-display{font-family:Outfit,sans-serif;font-size:22px;font-weight:700;color:var(--text-secondary)}.pack-rate-display{font-size:9px;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.wallet-tabs{display:flex;gap:6px;background:var(--surface);border:none;border-radius:20px;padding:6px;margin-bottom:24px;box-shadow:var(--shadow-inset-sm)}.wallet-tab{flex:1;padding:10px 20px;border-radius:14px;border:none;background:transparent;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:.3s ease}.wallet-tab.active{background:var(--surface);color:var(--os-primary);box-shadow:var(--shadow-outset-sm)}.card-3d-container{perspective:1200px;height:200px;margin:0 auto 32px;max-width:360px;width:100%}.card-3d-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.16,1,.3,1)}.card-3d-inner.flipped{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:22px;padding:24px 28px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#5db89a,#4a9f84 60%,#3d8b72);border:none;box-shadow:0 18px 40px #5db89a40;overflow:hidden}.card-face:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,transparent 70%);pointer-events:none}.card-face.back{transform:rotateY(180deg);background:linear-gradient(135deg,#c8a2d2,#b58fc1 60%,#9f7aae);box-shadow:0 18px 40px #c8a2d247}.card-chip{width:40px;height:30px;background:linear-gradient(135deg,#f3e8c8,#e0c890,#c8a951);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 6px #0000002e}.card-number-display{font-family:Outfit,monospace;font-size:19px;font-weight:400;letter-spacing:.22em;color:#fffffffa;text-shadow:0 2px 8px rgba(0,0,0,.15)}.card-network-badge{font-family:Outfit,sans-serif;font-size:18px;font-weight:800;color:#ffffffeb;letter-spacing:-.02em;font-style:italic}.card-mag-stripe{position:absolute;top:40px;left:0;right:0;height:48px;background:#00000059}.card-cvc-area{position:absolute;bottom:44px;right:28px;left:28px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.cvc-strip{background:#fffffff2;padding:8px 20px;border-radius:6px;color:#333;font-family:Outfit,monospace;font-size:15px;font-weight:700;letter-spacing:.3em;min-width:90px;text-align:center}.payment-form{display:flex;flex-direction:column;gap:22px;margin:0 0 24px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:13px;color:var(--text-muted);letter-spacing:.04em}.form-field input{background:var(--surface);border:none;border-radius:14px;padding:14px 18px;color:var(--text-primary);font-family:Outfit,monospace;font-size:16px;font-weight:500;letter-spacing:.1em;outline:none;transition:.3s ease;width:100%;box-shadow:var(--shadow-inset-sm)}.form-field input:focus{box-shadow:var(--shadow-inset-sm),0 0 0 2px var(--os-primary-soft)}.form-field input::placeholder{color:var(--text-muted);letter-spacing:.06em}.form-field.has-error input{box-shadow:var(--shadow-inset-sm),0 0 0 2px #e0807559}.field-error-msg{font-family:Outfit,sans-serif;font-size:10px;color:var(--error);font-weight:700;text-transform:uppercase;letter-spacing:.12em}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checkout-pack-badge{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border:none;border-radius:22px;padding:18px 24px;margin-bottom:24px;box-shadow:var(--shadow-outset-sm)}.checkout-pack-name{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:17px;color:var(--text-secondary)}.payment-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding:64px 0}.process-ring{width:72px;height:72px;border:4px solid var(--hairline);border-top-color:var(--os-primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.process-steps{display:flex;flex-direction:column;gap:10px;align-items:center}.process-step{font-family:Outfit,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;opacity:.25;color:var(--text-secondary);transition:opacity .4s,color .4s}.process-step.active{opacity:1;color:var(--os-primary)}.payment-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:64px 0}.success-ring{width:88px;height:88px;border-radius:50%;background:var(--surface);color:var(--success);display:flex;align-items:center;justify-content:center;font-size:38px;box-shadow:var(--shadow-outset)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted)}.ledger-credit{color:var(--success);font-weight:700;font-size:14px;font-family:Outfit,sans-serif}.ledger-debit{color:var(--os-primary);font-weight:700;font-size:14px;font-family:Outfit,sans-serif}.stems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stem-chip{border-radius:22px;padding:18px 8px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--surface);border:none;box-shadow:var(--shadow-outset-sm);transition:.3s ease}.stem-chip:hover{box-shadow:var(--shadow-inset-sm)}.stem-chip-icon{font-size:26px;line-height:1}.stem-chip-label{font-family:Outfit,sans-serif;font-size:10px;font-weight:700;text-transform:lowercase;letter-spacing:.04em;color:var(--text-secondary);text-align:center}