.header[data-v-c45f764c]{background:var(--bg2);border-bottom:1px solid var(--border);z-index:var(--z-header);justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.header-left[data-v-c45f764c]{align-items:center;gap:8px;display:flex}.header-icon[data-v-c45f764c]{width:22px;height:22px;color:var(--accent)}.header-title[data-v-c45f764c]{background:linear-gradient(135deg, var(--accent-light), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px}.btn-sm[data-v-c45f764c]{color:var(--ice-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.btn-sm[data-v-c45f764c]:hover{color:var(--ice);border-color:var(--ice-dim)}@media (width<=600px){.header[data-v-c45f764c]{padding:10px 12px}.header-title[data-v-c45f764c]{font-size:16px}}.nav[data-v-e6e2e7de]{background:var(--bg2);border-bottom:1px solid var(--border);padding:0 16px;display:flex;overflow-x:auto}.nav a[data-v-e6e2e7de]{color:var(--ice-dim);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 20px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.nav a.active[data-v-e6e2e7de]{color:var(--accent-light);border-bottom-color:var(--accent)}.nav a[data-v-e6e2e7de]:hover{color:var(--ice);text-decoration:none}.nav-icon[data-v-e6e2e7de]{flex-shrink:0;width:16px;height:16px}@media (width<=768px){.nav[data-v-e6e2e7de]{z-index:var(--z-nav);border-top:1px solid var(--border);padding:0;padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:none;justify-content:space-around;position:fixed;bottom:0;left:0;right:0}.nav a[data-v-e6e2e7de]{flex-direction:column;gap:2px;padding:8px 4px;font-size:10px}}.toast-container[data-v-2970b2c7]{z-index:var(--z-toast);flex-direction:column;gap:8px;max-width:360px;display:flex;position:fixed;top:16px;right:16px}.toast[data-v-2970b2c7]{cursor:pointer;border-radius:8px;padding:12px 16px;font-size:14px;box-shadow:0 4px 12px #0006}.toast.success[data-v-2970b2c7]{background:var(--green);color:#000}.toast.error[data-v-2970b2c7]{background:var(--red);color:#000}.toast.info[data-v-2970b2c7]{background:var(--blue);color:#000}.toast-enter-active[data-v-2970b2c7]{animation:.3s slideIn-2970b2c7}.toast-leave-active[data-v-2970b2c7]{animation:.3s slideOut-2970b2c7}@keyframes slideIn-2970b2c7{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut-2970b2c7{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.main[data-v-26386a8b]{-webkit-overflow-scrolling:touch;max-width:640px;margin:0 auto;padding:20px 16px}@media (width<=768px){.main[data-v-26386a8b]{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}.install-banner[data-v-26386a8b]{background:var(--bg2);border-top:1px solid var(--accent-dim);padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:var(--z-banner);position:fixed;bottom:0;left:0;right:0}.install-content[data-v-26386a8b]{align-items:center;gap:12px;margin-bottom:12px;display:flex}.install-icon[data-v-26386a8b]{color:var(--accent);flex-shrink:0}.install-text[data-v-26386a8b]{flex-direction:column;gap:2px;display:flex}.install-text strong[data-v-26386a8b]{color:var(--ice);font-size:15px}.install-text span[data-v-26386a8b]{color:var(--ice-dim);font-size:13px}.install-actions[data-v-26386a8b]{gap:8px;display:flex}.install-dismiss[data-v-26386a8b],.install-btn[data-v-26386a8b]{flex:1}.slide-up-enter-active[data-v-26386a8b]{transition:transform .3s,opacity .3s}.slide-up-leave-active[data-v-26386a8b]{transition:transform .2s,opacity .2s}.slide-up-enter-from[data-v-26386a8b],.slide-up-leave-to[data-v-26386a8b]{opacity:0;transform:translateY(100%)}:root{--bg:#0a0f1a;--bg2:#111827;--bg3:#1f2937;--accent:#06b6d4;--accent-light:#67e8f9;--accent-dim:#0e7490;--ice:#f0f0ff;--ice-dim:#9ca3af;--green:#34d399;--red:#f87171;--yellow:#fbbf24;--blue:#60a5fa;--border:#374151;--radius:12px;--z-header:100;--z-nav:200;--z-modal:500;--z-banner:900;--z-toast:1000}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button,a,[role=button],label,.btn,.nav-link,.icon-btn{-webkit-user-select:none;user-select:none}html,body{scrollbar-width:thin;scrollbar-color:var(--accent) transparent;overflow-y:auto}body{background:var(--bg);color:var(--ice);min-height:100vh;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);font-family:Inter,sans-serif}h1,h2,h3{font-family:Playfair Display,serif}::-webkit-scrollbar{width:2px;height:2px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}a{color:var(--accent-light);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:Inter,sans-serif}.btn{border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover:not(:disabled){background:var(--accent-light)}.btn-danger{background:var(--red);color:#fff}.btn-ghost{color:var(--ice-dim);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--ice);border-color:var(--ice-dim)}input,textarea,select{background:var(--bg3);color:var(--ice);border:1px solid var(--border);border-radius:8px;outline:none;padding:8px 12px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}@media (width<=600px){input,textarea,select,.btn{min-height:44px}}html.keyboard-open .nav{display:none!important}.sw-update-banner{background:var(--bg2);border:1px solid var(--accent);width:280px;z-index:var(--z-banner);color:var(--ice);border-radius:12px;padding:16px;animation:.3s slideInUp;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}.sw-update-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sw-update-title{font-size:14px;font-weight:600}.sw-update-close{color:var(--ice-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.sw-update-close:hover{color:var(--ice)}.sw-update-body{color:var(--ice-dim);margin:0 0 12px;font-size:12px}.sw-update-btn{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:8px;width:100%;padding:8px;font-size:13px;font-weight:600}.sw-update-btn:hover{opacity:.9}@keyframes slideInUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}
