:root{--paper: #f6f2ea;--card: #fffdf7;--card-warm: #faf6ec;--ink: #1e2a25;--ink-soft: #46544d;--muted: #8f8878;--pine: #17604d;--pine-deep: #0e4537;--pine-tint: #e3efe8;--cinnabar: #c94f32;--cinnabar-tint: #fbeae4;--jade: #2e7d5b;--jade-tint: #e4f2ea;--amber: #c07a1e;--amber-tint: #faf0dc;--border: #e7e0cf;--border-soft: #efe9da;--shadow-sm: 0 1px 2px rgba(46, 38, 20, .05), 0 2px 8px rgba(46, 38, 20, .05);--shadow-md: 0 1px 2px rgba(46, 38, 20, .06), 0 6px 20px rgba(46, 38, 20, .09);--shadow-lg: 0 2px 4px rgba(46, 38, 20, .07), 0 14px 38px rgba(46, 38, 20, .14);--font-body: "Noto Sans SC", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--font-display: "Noto Serif SC", "Songti SC", serif;--radius: 16px;--radius-sm: 10px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 500px at 80% -10%,rgba(23,96,77,.07),transparent 60%),radial-gradient(900px 420px at -10% 30%,rgba(192,122,30,.05),transparent 55%),var(--paper);background-attachment:fixed;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.035 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;z-index:1}::selection{background:#17604d2e}.overview-value,.tx-amount,.cat-amount,.account-item>span:last-child{font-variant-numeric:tabular-nums;letter-spacing:.01em}.app{max-width:720px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.app-header{padding:28px 20px 6px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.app-header h1{margin:0;font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:.06em;color:var(--ink);display:flex;align-items:center;gap:10px}.app-header h1:before{content:"账";display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:17px;font-family:var(--font-display);color:#f8f4e9;background:linear-gradient(145deg,var(--cinnabar),#a83c22);border-radius:9px;box-shadow:0 3px 10px #c94f3259,inset 0 1px #ffffff40;transform:rotate(-4deg)}.app-header .header-sub{margin:2px 0 0;font-size:12px;color:var(--muted);letter-spacing:.14em}main{flex:1;padding:14px 16px 108px;animation:view-in .45s cubic-bezier(.22,.9,.32,1) both}@keyframes view-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.panel{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);padding:20px 18px;box-shadow:var(--shadow-md)}.panel h2{margin:0 0 14px;font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:.04em;display:flex;align-items:center;gap:10px}.panel h2:before{content:"";width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,var(--pine),var(--pine-deep))}.panel h3{margin:24px 0 10px;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.18em;text-transform:uppercase}.chat-view{display:flex;flex-direction:column;gap:12px}.overview{position:relative;display:flex;background:linear-gradient(160deg,var(--pine) 0%,var(--pine-deep) 100%);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-lg),inset 0 1px #ffffff24;overflow:hidden}.overview:after{content:"";position:absolute;top:-46px;right:-46px;width:150px;height:150px;border-radius:50%;border:26px solid rgba(255,255,255,.07);pointer-events:none}.overview>div,.stat-card{display:flex;flex-direction:column;gap:4px}.overview>div{flex:1;position:relative;z-index:1}.overview>div+div{padding-left:20px;border-left:1px solid rgba(255,255,255,.16)}.overview>div:first-child{padding-right:20px}.overview-label{font-size:12px;font-weight:500;letter-spacing:.22em;color:#f4f0e2b8}.overview-value{font-family:var(--font-display);font-size:26px;font-weight:700;color:#faf7ec;line-height:1.2}.overview-value.negative{color:#ffd9c9}.positive{color:var(--jade)}.negative{color:var(--cinnabar)}.overview .positive{color:#b9e6cd}.chat-list{display:flex;flex-direction:column;gap:10px;flex:1;min-height:240px;max-height:calc(100vh - 360px);overflow-y:auto;padding:6px 2px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.chat-list::-webkit-scrollbar{width:5px}.chat-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.bubble-row{display:flex;animation:bubble-in .35s cubic-bezier(.22,.9,.32,1) both}@keyframes bubble-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bubble-row.user{justify-content:flex-end}.bubble{max-width:82%;padding:11px 15px;border-radius:16px;background:var(--card);border:1px solid var(--border-soft);border-left:3px solid var(--pine);box-shadow:var(--shadow-sm);line-height:1.65;font-size:14.5px;white-space:pre-wrap;word-break:break-word}.bubble-row.user .bubble{background:linear-gradient(150deg,var(--pine),var(--pine-deep));color:#f4f1e4;border:none;border-radius:16px 16px 4px;box-shadow:0 4px 14px #17604d47}.bubble-row.ai .bubble{border-radius:16px 16px 16px 4px}.bubble.confirm{border-left-color:var(--amber);background:linear-gradient(0deg,var(--amber-tint),var(--card))}.bubble.error{border-left-color:var(--cinnabar);background:linear-gradient(0deg,var(--cinnabar-tint),var(--card))}.bubble.streaming{border-left-color:var(--pine)}.stream-cursor{display:inline-block;margin-left:2px;color:var(--pine);animation:blink 1s steps(2,start) infinite;font-weight:700}@keyframes blink{to{visibility:hidden}}.quick-options{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.quick-options button,.samples button{border:1px solid rgba(23,96,77,.35);color:var(--pine);background:var(--card);border-radius:999px;padding:5px 14px;cursor:pointer;font-size:13px;font-family:var(--font-body);transition:all .18s ease}.quick-options button:hover,.samples button:hover{background:var(--pine);color:#f6f3e8;transform:translateY(-1px);box-shadow:0 4px 10px #17604d40}.quick-options button:active,.samples button:active{transform:translateY(0) scale(.97)}.bubble-row.user .quick-options button{border-color:#ffffff73;color:#f4f1e4;background:#ffffff1f}.bubble-row.user .quick-options button:hover{background:#ffffff40}.samples{display:flex;flex-wrap:wrap;gap:6px;animation:samples-slide-up .25s cubic-bezier(.22,.9,.32,1) both}@keyframes samples-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-footer{position:sticky;bottom:76px;z-index:7;display:flex;flex-direction:column;gap:6px;padding-top:14px;margin-top:6px;background:linear-gradient(180deg,transparent,var(--paper) 22%)}.samples-wrap{display:flex;flex-direction:column;align-items:flex-start}.samples-toggle{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--ink-soft);font-size:12px;font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .18s ease}.samples-toggle:hover{border-color:var(--pine);color:var(--pine)}.samples-toggle-icon{font-size:10px;line-height:1}.samples-wrap.open .samples-toggle{color:var(--pine);border-color:var(--pine)}.samples-wrap .samples{margin-top:8px;padding:8px 4px 4px;background:var(--card-warm);border:1px solid var(--border-soft);border-radius:var(--radius-sm);max-height:140px;overflow-y:auto;scrollbar-width:thin;width:100%}.chat-input{display:flex;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:5px 5px 5px 18px;box-shadow:var(--shadow-md);transition:box-shadow .2s ease,border-color .2s ease}.chat-input:focus-within{border-color:#17604d80;box-shadow:var(--shadow-md),0 0 0 4px #17604d1a}.chat-input input{flex:1;border:none;outline:none;background:transparent;font-size:15px;font-family:var(--font-body);color:var(--ink);min-width:0}.chat-input input::placeholder{color:var(--muted)}.chat-input button,.account-form button,.settings-actions button{background:linear-gradient(150deg,var(--pine),var(--pine-deep));color:#f6f3e8;border:none;border-radius:999px;padding:10px 22px;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);box-shadow:0 4px 12px #17604d4d;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.chat-input button:hover,.account-form button:hover,.settings-actions button:hover{filter:brightness(1.08);box-shadow:0 6px 16px #17604d61}.chat-input button:active,.account-form button:active,.settings-actions button:active{transform:scale(.96)}.account-list,.tx-list,.plan-list,.cat-list,.due-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.account-item,.tx-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--card-warm);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.account-item:hover,.tx-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--border)}.account-info{flex:1;min-width:0}.account-item strong{font-size:15px}.account-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.account-right>span{font-family:var(--font-display);font-size:17px;font-weight:700}.account-actions{display:flex;gap:4px}.btn-sm{padding:4px 10px;font-size:12px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink-soft);cursor:pointer;transition:all .15s ease}.btn-sm:hover{background:var(--pine-tint);border-color:var(--pine);color:var(--pine)}.btn-sm.danger:hover{background:var(--cinnabar-tint);border-color:var(--cinnabar);color:var(--cinnabar)}.check-row{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-soft);cursor:pointer;width:100%}.check-row input{width:16px;height:16px;accent-color:var(--pine);cursor:pointer}.account-edit-form{display:flex;flex-wrap:wrap;gap:8px;width:100%}.account-edit-form input{padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;flex:1;min-width:80px;outline:none}.account-edit-form input:focus{border-color:#17604d8c;box-shadow:0 0 0 3px #17604d1a}.edit-actions{display:flex;gap:6px;width:100%}.account-item .meta,.tx-meta{display:block;margin-top:3px;font-size:12px;color:var(--muted)}.tag{display:inline-block;margin-left:6px;padding:2px 9px;font-size:11px;font-weight:500;border-radius:999px;background:var(--pine-tint);color:var(--pine);vertical-align:1px}.tag.danger{background:var(--cinnabar-tint);color:var(--cinnabar)}.account-form{display:flex;flex-wrap:wrap;gap:8px}.account-form input,.account-form select,.filter-row input{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);color:var(--ink);background:var(--card);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.account-form input:focus,.account-form select:focus,.filter-row input:focus{border-color:#17604d8c;box-shadow:0 0 0 3px #17604d1a}.account-form input::placeholder{color:var(--muted)}.error-text{color:var(--cinnabar);font-size:13px}.success-text{color:var(--jade);font-size:13px;font-weight:500}.info-text{color:var(--jade);font-size:13px}.empty{color:var(--muted);font-size:13px;padding:8px 2px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.calendar-header h2{margin:0;font-family:var(--font-display);font-size:21px;letter-spacing:.08em}.calendar-header h2:before{display:none}.calendar-header button{border:1px solid var(--border);background:var(--card);width:34px;height:34px;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;color:var(--pine);transition:all .16s ease}.calendar-header button:hover{background:var(--pine);color:#f6f3e8;border-color:var(--pine)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekday{text-align:center;font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--muted);padding:6px 0}.day{min-height:68px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:5px 6px;font-size:11px;overflow:hidden;background:var(--card-warm);transition:border-color .16s ease,box-shadow .16s ease,transform .1s ease;cursor:pointer;text-align:left;font-family:inherit;color:inherit;display:flex;flex-direction:column}.day:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.day:active{transform:scale(.96)}.day.empty{border:none;background:transparent;box-shadow:none;cursor:default}.day.empty:hover{border:none;box-shadow:none}.day.today{border-color:#17604d8c;background:var(--pine-tint);box-shadow:0 0 0 1px #17604d59}.day.selected{border-color:var(--pine);box-shadow:0 0 0 2px var(--pine),var(--shadow-md);z-index:1}.day.has-data{border-color:#17604d40}.day-num{font-weight:700;font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.day.today .day-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--pine);color:#f6f3e8}.day-flow{display:flex;flex-direction:column;margin-top:2px;font-variant-numeric:tabular-nums}.due-item{margin-top:3px;padding:2px 5px;border-radius:5px;background:var(--amber-tint);color:var(--amber);font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.day-dots{display:flex;gap:2px;margin-top:auto;padding-top:2px}.day-dot{width:5px;height:5px;border-radius:50%;background:var(--amber);flex-shrink:0}.day-dot.overdue{background:var(--cinnabar)}.day-detail{margin-top:12px;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.day-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.day-detail-header h3{margin:0;font-size:15px;font-family:var(--font-display);color:var(--ink)}.day-due-list{list-style:none;padding:0;margin:0 0 8px}.day-due-list li{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:8px;background:var(--amber-tint);font-size:13px;margin-bottom:4px}.day-due-list li.overdue{background:var(--cinnabar-tint)}.day-due-list .due-label{color:var(--ink-soft);font-weight:500}.day-due-list .due-amount{font-variant-numeric:tabular-nums;font-weight:700;color:var(--amber)}.day-due-list li.overdue .due-amount{color:var(--cinnabar)}.day-tx-list{list-style:none;padding:0;margin:0}.day-tx-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-soft)}.day-tx-list li:last-child{border-bottom:none}.day-tx-main{display:flex;flex-direction:column;gap:2px;min-width:0}.day-tx-desc{font-size:14px;font-weight:500;color:var(--ink)}.day-tx-meta{font-size:11px;color:var(--muted)}.calendar-grid{touch-action:pan-y;user-select:none;-webkit-user-select:none}.calendar-summary{display:flex;gap:8px;margin-top:14px;padding:12px 14px;background:var(--card-warm);border:1px solid var(--border-soft);border-radius:var(--radius-sm)}.cal-sum-item{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.cal-sum-item+.cal-sum-item{padding-left:12px;border-left:1px solid var(--border)}.cal-sum-label{font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--muted)}.cal-sum-value{font-family:var(--font-display);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.cal-sum-value.positive{color:var(--jade)}.cal-sum-value.negative{color:var(--cinnabar)}.due-item.overdue,.due-list .overdue{background:var(--cinnabar-tint);color:var(--cinnabar)}.due-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--amber-tint);border:1px solid rgba(192,122,30,.2);font-size:13px}.due-list li.overdue{border-color:#c94f3240}.due-list li span:first-child{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.filter-row{display:flex;gap:8px;margin-bottom:14px}.filter-row button{border:1px solid var(--border);background:var(--card);color:var(--ink-soft);border-radius:var(--radius-sm);padding:6px 14px;cursor:pointer;font-size:13px;font-family:var(--font-body);transition:all .16s ease}.filter-row button:hover{border-color:var(--pine);color:var(--pine)}.tx-desc{font-weight:500;font-size:14.5px}.tx-amount{font-family:var(--font-display);font-weight:700;font-size:16px;white-space:nowrap}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-card{background:var(--card-warm);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:12px}.stat-card .overview-label{color:var(--muted);letter-spacing:.14em}.stat-card .overview-value{font-size:17px;color:var(--ink)}.stat-card .overview-value.negative{color:var(--cinnabar)}.stat-card .overview-value.positive{color:var(--jade)}@media(max-width:480px){.stat-cards{grid-template-columns:repeat(2,1fr)}}.cat-list{gap:12px}.cat-list li{display:flex;align-items:center;gap:10px}.cat-name{width:64px;font-size:13px;font-weight:500;color:var(--ink-soft)}.cat-bar-wrap{flex:1;height:12px;background:var(--border-soft);border-radius:999px;overflow:hidden}.cat-bar{height:100%;background:linear-gradient(90deg,var(--pine),#3d8a6e);border-radius:999px;animation:bar-grow .7s cubic-bezier(.22,.9,.32,1) both;transform-origin:left}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cat-amount{font-size:13px;font-weight:600;white-space:nowrap;color:var(--ink)}.plan-list li{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--card-warm);font-size:13.5px}.plan-list li span:last-child{color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums}.settings-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-actions .danger{background:linear-gradient(150deg,var(--cinnabar),#a83c22);box-shadow:0 4px 12px #c94f324d}.settings-actions .danger:hover{box-shadow:0 6px 16px #c94f3266}.ai-config-form{display:flex;flex-direction:column;gap:12px}.ai-config-form .form-row{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink-soft)}.ai-config-form .form-row>span{font-weight:600;letter-spacing:.04em;color:var(--ink)}.ai-config-form .form-row input,.ai-config-form .form-row select{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-warm);font-size:14px;font-family:var(--font-body);color:var(--ink);outline:none;transition:border-color .18s ease,box-shadow .18s ease;width:100%;box-sizing:border-box}.ai-config-form .form-row input:focus,.ai-config-form .form-row select:focus{border-color:#17604d8c;box-shadow:0 0 0 3px #17604d1a;background:var(--card)}.ai-config-form .form-row input::placeholder{color:var(--muted)}.ai-config-form .form-row select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238f8878' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;padding-right:34px;cursor:pointer}.ai-config-form .settings-actions{margin-top:4px}.ai-config-form .info-text{margin:4px 0 0}.ai-config-form .meta{margin:4px 0 0;line-height:1.6}.tx-item-with-actions{flex-wrap:wrap}.tx-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.tx-actions{display:flex;gap:4px}.tx-edit-form{width:100%;display:flex;flex-direction:column;gap:8px}.form-row-inline{display:flex;gap:8px}.form-row-inline .form-row{flex:1;min-width:0}.tx-edit-form .form-row{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-soft)}.tx-edit-form .form-row input{padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;outline:none;font-family:var(--font-body);color:var(--ink);background:var(--card)}.tx-edit-form .form-row input:focus{border-color:#17604d8c;box-shadow:0 0 0 3px #17604d1a}.btn-primary-sm{padding:6px 16px;font-size:13px;border:none;border-radius:8px;background:linear-gradient(150deg,var(--pine),var(--pine-deep));color:#f6f3e8;cursor:pointer;font-weight:500;box-shadow:0 3px 10px #17604d40;transition:transform .15s ease,filter .15s ease}.btn-primary-sm:hover{filter:brightness(1.08)}.btn-primary-sm:active{transform:scale(.96)}.lock-view{max-width:480px;margin:0 auto}.lock-form{display:flex;flex-direction:column;gap:12px}.lock-form .form-row{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink-soft)}.lock-form .form-row>span{font-weight:600;letter-spacing:.04em;color:var(--ink)}.lock-form .form-row input{padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-body);color:var(--ink);background:var(--card-warm);outline:none;transition:border-color .18s ease,box-shadow .18s ease;width:100%;box-sizing:border-box}.lock-form .form-row input:focus{border-color:#17604d8c;box-shadow:0 0 0 3px #17604d1a;background:var(--card)}.recovery-code-box{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.18em;text-align:center;padding:18px;background:linear-gradient(150deg,var(--pine-tint),var(--card));border:1px dashed var(--pine);border-radius:var(--radius-sm);color:var(--pine-deep);-webkit-user-select:all;user-select:all;word-break:break-all}.meta{font-size:12px;color:var(--muted)}.tab-bar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:640px;display:flex;gap:2px;padding:6px;background:#fffdf7db;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-lg);z-index:10}.tab-bar button{flex:1;padding:9px 0;border:none;background:none;font-size:13.5px;font-weight:500;font-family:var(--font-body);color:var(--muted);cursor:pointer;border-radius:999px;transition:all .22s cubic-bezier(.22,.9,.32,1);position:relative}.tab-bar button:hover{color:var(--pine)}.tab-bar button.active{color:#f6f3e8;background:linear-gradient(150deg,var(--pine),var(--pine-deep));font-weight:600;box-shadow:0 4px 12px #17604d59}.tab-bar button:active{transform:scale(.94)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}