@charset "UTF-8";:root{--primary: #517598;--accent: #6fbf85;--bg: #16232f;--card: #22313f;--heading: #eef3f7;--body-text: #8ba0b0;--category-bar: #1d2c3b;--button-text: #16232f;--price: #6fbf85;--article-name: #eef3f7;--tab-bg: #2c3d4c;--tab-text: #8ba0b0;--tab-active-bg: #6fbf85;--tab-active-text: #16232f;--subtab-text: #8ba0b0;--subtab-active-text: #6fbf85;--gold: #e9c56c;--gold-text: #1d2c3b;--chip: #2c3d4c;--border: #33475a;--border-soft: #3f5568;--danger: #ee7272;--radius: 16px;--shell-max: 460px;--font-display: "Space Grotesk", "Manrope", system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Manrope,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--body-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}app-root{display:block;min-height:100dvh}h1,h2,h3{font-family:var(--font-display);color:var(--heading);font-weight:700;line-height:1.05}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;display:block}svg{display:block}.shell{width:100%;max-width:var(--shell-max);margin:0 auto;min-height:100dvh;height:100dvh;display:flex;flex-direction:column;position:relative;padding-top:var(--safe-top);overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:17px 20px;border-radius:var(--radius);font-size:16px;font-weight:800;transition:transform .06s ease,opacity .15s ease,filter .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);color:var(--button-text)}.btn-gold{background:var(--gold);color:var(--gold-text)}.btn-ghost{background:transparent;color:var(--body-text);font-weight:700;font-size:14px}.price{color:var(--price);font-weight:800;font-variant-numeric:tabular-nums}.center-message{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:40px 26px;color:var(--body-text)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}