*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#eee8db;--surface:#f9f5f0;--surface-2:#f2ede6;--surface-white:#fff;--border:#e8e2d8;--border-mid:#d0c8bc;--grid:#b2afa6;--accent:#1d4e89;--accent-hover:#2e6bb3;--accent-press:#0a3566;--accent-light:#eaf1f9;--gold:#d9a441;--gold-soft:#e6c26a;--gold-dim:#d9a44126;--gold-border:#d9a44166;--text:#2b2b2b;--text-dim:#6b6b6b;--text-muted:#9b9b9b;--text-on-dark:#fff;--success:#2db36b;--error:#cc3830;--warning:#e8930a;--sky:#8fc8f6;--disabled-bg:#d9d9d9;--disabled-text:#9b9b9b;--radius-xl:22px;--radius-lg:20px;--radius:16px;--radius-sm:14px;--radius-xs:10px;--shadow-btn:0 3px 6px #00000038;--shadow-card:0 4px 10px #00000024;--shadow-lg:0 6px 20px #00000029;--shadow-lift:0 -4px 12px #0000001a}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.6}body.has-shell{padding-top:56px}.greek-text{color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:1.05rem;line-height:1.75}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}.container{max-width:680px;margin:0 auto;padding:0 1rem}.hero-gradient{pointer-events:none;background:linear-gradient(#0000,#0003 40%,#000000a6 100%);height:70%;position:absolute;bottom:0;left:0;right:0}.card-lifted{background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lift);z-index:2;margin-top:-20px;position:relative}.btn-primary{background:var(--accent);width:100%;min-height:56px;color:var(--text-on-dark);border-radius:var(--radius);box-shadow:var(--shadow-btn);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;transition:background .12s,box-shadow .12s,transform 80ms;display:flex}.btn-primary:active{background:var(--accent-press);transform:translateY(1px);box-shadow:0 1px 3px #00000038}.btn-gold{background:var(--gold);color:#2b2b2b;border-radius:var(--radius);width:100%;min-height:56px;box-shadow:var(--shadow-btn);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;transition:background .12s,transform 80ms;display:flex}.btn-gold:active{background:var(--gold-soft);transform:translateY(1px)}.btn-pill{background:var(--disabled-bg);height:36px;color:var(--accent);-webkit-tap-highlight-color:transparent;border-radius:20px;justify-content:center;align-items:center;padding:0 16px;font-size:.88rem;font-weight:600;display:inline-flex}.card{background:var(--surface-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes goldPulse{0%,to{box-shadow:var(--shadow-btn)}50%{box-shadow:0 0 0 6px #d9a44140, var(--shadow-btn)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.92)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.22s ease-out fadeIn}.slide-up{animation:.25s cubic-bezier(.34,1.3,.64,1) slideUp}@media (min-width:768px){body{background:#0b1f3a;justify-content:center;display:flex}#app-frame{background:var(--bg);width:100%;max-width:480px;min-height:100dvh;position:relative;box-shadow:0 0 60px #00000080}body.has-shell header{width:480px;left:calc(50% - 240px)!important;right:auto!important}}