*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-card:#1c2333;--bg-input:#0d1117;--border-color:#30363d;--text-primary:#eaecef;--text-secondary:#848e9c;--text-tertiary:#5e6673;--accent-blue:#0b7bff;--accent-green:#00c087;--accent-red:#f6465d;--accent-yellow:#f0b90b;--nav-height:56px;--header-height:48px;--safe-bottom:env(safe-area-inset-bottom,0px)}html,body{height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}#app{flex-direction:column;height:100%;display:flex}.page{padding:12px 16px;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px);flex:1;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;padding:8px 0 16px;display:flex}.page-title{font-size:20px;font-weight:700}.card{background:var(--bg-card);border-radius:12px;margin-bottom:12px;padding:16px}.btn{cursor:pointer;color:#fff;border:none;border-radius:24px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-blue)}.btn-primary:active{opacity:.8}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color)}.btn-block{width:100%}.btn-large{border-radius:28px;padding:14px 28px;font-size:16px}.input-field{background:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:14px 16px;font-size:15px}.input-field:focus{border-color:var(--accent-blue)}.input-field::placeholder{color:var(--text-tertiary)}.nav-bottom{height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:100;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-secondary);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:10px;transition:color .2s;display:flex}.nav-item.active{color:var(--accent-blue)}.nav-item svg{width:22px;height:22px}.sheet-overlay{z-index:200;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-card);border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:80vh;padding:20px 16px 32px;overflow-y:auto}.sheet-handle{background:var(--text-tertiary);border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.toast{z-index:300;background:var(--accent-green);color:#000;border-radius:24px;padding:10px 24px;font-size:14px;font-weight:600;position:fixed;top:20px;left:50%;transform:translate(-50%)}.tag{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.tag-green{color:var(--accent-green);background:#00c08726}.tag-red{color:var(--accent-red);background:#f6465d26}.tag-blue{color:var(--accent-blue);background:#0b7bff26}