:root{--bg:#0f1117;--surface:#ffffff0f;--surface-strong:#ffffff1a;--text:#fff;--muted:#fff9;--muted-2:#ffffff59;--border:#ffffff1a;--accent:#e8a53e;--accent-soft:#e8a53e24;--danger:#dc2626;--danger-soft:#dc262624;--success:#22c55e;--success-soft:#22c55e1f;--radius:16px;--radius-lg:22px;--shadow:0 8px 32px #0006, 0 2px 8px #0003;--ease-sheet:cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,sans-serif}button,input,textarea{color:inherit;font-family:inherit}.btn-primary{background:var(--accent);color:#1a1206;cursor:pointer;border:0;border-radius:14px;width:100%;padding:14px 16px;font-size:.95rem;font-weight:700;transition:opacity .12s,transform .12s}.btn-primary:active{opacity:.85;transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--text);cursor:pointer;background:#ffffff12;border:0;border-radius:14px;width:100%;padding:14px 16px;font-size:.95rem;font-weight:600;transition:background .12s,transform .12s}.btn-ghost:active{background:#ffffff1a;transform:scale(.98)}.action-button{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.action-button:active{background:#ffffff1a}input,textarea{color:var(--text);background:#ffffff14;border:1.5px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:13px 16px;font-size:.95rem;transition:border-color .15s}input::placeholder,textarea::placeholder{color:#ffffff59}input:focus,textarea:focus{border-color:#fff6}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:.72rem;font-weight:700}.big-number{color:var(--text);letter-spacing:-.01em;font-size:1.6rem;font-weight:800;line-height:1.05}.muted{color:var(--muted);line-height:1.3}.delta-badge{border-radius:999px;align-items:center;padding:3px 9px;font-size:.78rem;font-weight:700;display:inline-flex}.delta-badge.up{background:var(--success-soft);color:var(--success)}.delta-badge.down{background:var(--danger-soft);color:#f87171}.app-panel{z-index:29;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);width:100%;max-height:82dvh;padding-bottom:calc(80px + env(safe-area-inset-bottom));background:#14161d;border-bottom:none;border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 24px #00000080,0 -1px #ffffff0a}.app-panel:before{content:"";background:#ffffff24;border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0;display:block}@media (width>=701px){.app-panel{width:min(420px,100vw - 48px);left:50%;right:auto;transform:translate(-50%)}}.app-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.app-panel-header h2{margin:0;font-size:1.1rem;font-weight:800}.app-panel-body{flex-direction:column;flex:1;gap:14px;padding:16px 20px 20px;display:flex;overflow-y:auto}.app-panel-close{border:1px solid var(--border);width:36px;height:36px;color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:11px;justify-content:center;align-items:center;display:inline-flex}.panel-slide-enter-active,.panel-slide-leave-active{transition:transform .36s var(--ease-sheet)}.panel-slide-enter-from,.panel-slide-leave-to{transform:translateY(100%)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.sheet-backdrop{z-index:300;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{border:1px solid var(--border);width:100%;max-width:480px;padding:10px 20px calc(24px + env(safe-area-inset-bottom));background:#14161d;border-bottom:none;border-radius:20px 20px 0 0;flex-direction:column;gap:14px;display:flex}.sheet-handle{background:#ffffff24;border-radius:2px;width:36px;height:4px;margin:0 auto 2px}.nav-bar{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#14161deb;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px #ffffff0d,0 -8px 28px #00000059}.nav-row{justify-content:center;gap:2px;max-width:480px;margin:0 auto;display:flex}.nav-btn{cursor:pointer;background:0 0;border:none;border-radius:14px;flex:0 0 58px;justify-content:center;align-items:center;width:58px;height:54px;transition:background .12s;display:flex;position:relative}.nav-btn:active{background:#ffffff12}.nav-btn .nav-icon{filter:invert();opacity:.55;width:30px;height:30px;transition:opacity .12s}.nav-btn.active .nav-icon{opacity:1}.nav-btn.active:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}@media (width>=701px){.nav-bar{border:1px solid var(--border);border-bottom:none;border-radius:20px 20px 0 0;width:min(420px,100vw - 48px);left:50%;right:auto;transform:translate(-50%)}}