:root{--gold: #C39424;--gold-deep: #96700F;--gold-soft: #E8C86A;--gold-tint: #FBF4E4;--gold-line: #E7D5A8;--ink: #1A1712;--ink-2: #4A4338;--ink-3: #7C7466;--ink-4: #A79E90;--bg: #FFFFFF;--surface: #FAF8F4;--surface-2: #F3F0E9;--line: #E9E4DA;--line-strong: #D6CFC1;--good: #1B8A4B;--good-tint: #E9F6EE;--warn: #B8720A;--warn-tint: #FDF4E4;--bad: #C42B2B;--bad-tint: #FCECEC;--text-primary: var(--ink);--text-secondary: var(--ink-3);--text-dim: var(--ink-4);--glass-bg: var(--surface);--glass-hover: var(--surface-2);--glass-border: var(--line);--radius-card: 18px;--radius-pill: 100px}.ap-shell{height:100dvh;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.glass-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border:1px solid var(--line-strong);cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;color:var(--ink);background:var(--bg);border-radius:var(--radius-pill);transition:background .18s,transform .12s,border-color .18s;-webkit-appearance:none}.glass-btn:hover{background:var(--surface-2)}.glass-btn:active{transform:scale(.97)}.glass-btn:disabled{opacity:.45;cursor:default}.glass-btn.primary{background:var(--gold);border-color:var(--gold);color:#1a1712;font-weight:700;box-shadow:0 2px 10px #c394244d}.glass-btn.primary:hover{background:var(--gold-soft);border-color:var(--gold-soft)}.glass-btn.primary:disabled{background:var(--surface-2);border-color:var(--line);color:var(--ink-4);box-shadow:none}.glass-input{width:100%;background:var(--bg);border:1px solid var(--line-strong);border-radius:14px;padding:14px 16px;color:var(--ink);font-size:16px;font-family:inherit;outline:none;transition:border-color .18s,box-shadow .18s}.glass-input::placeholder{color:var(--ink-4)}.glass-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c394242e}.bottom-nav{position:fixed;bottom:env(safe-area-inset-bottom,0);left:0;right:0;display:flex;justify-content:space-around;align-items:center;padding:10px 16px 14px;background:#fffffff0;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-top:1px solid var(--line);z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;color:var(--ink-3);font-size:10px;font-weight:500;transition:color .15s;padding:4px 12px;border-radius:12px;background:transparent;border:none}.nav-item.active{color:var(--gold-deep);font-weight:700}.nav-item svg{width:22px;height:22px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s ease both}.fade-up-d1{animation-delay:.06s}.fade-up-d2{animation-delay:.12s}.fade-up-d3{animation-delay:.18s}.fade-up-d4{animation-delay:.24s}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@media (prefers-reduced-motion: reduce){.fade-up{animation:none}}.brand-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.brand-splash video{width:100%;height:100%;object-fit:cover}.brand-splash.leaving{animation:splashOut .45s ease forwards}@keyframes splashOut{to{opacity:0;visibility:hidden}}.splash-skip{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-4);animation:fadeUp .5s ease both;animation-delay:.8s}
