:root{color:#3f3837;font-synthesis:none;text-rendering:optimizelegibility;--color-canvas:#fff8f2;--color-surface:#fff;--color-text:#3f3837;--color-muted:#776c68;--color-border:#eadfd8;--color-primary:#a84d4d;--color-primary-soft:#fbe2de;--color-aa:#bfdcc8;--color-danger:#b42318;--radius-card:20px;--radius-control:14px;--shadow-card:0 8px 24px #4b372d14;background:#fff8f2;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 10%, #fbe2de8c, transparent 24rem), var(--color-canvas);min-width:320px;min-height:100vh;color:var(--color-text);margin:0}button,input,select{font:inherit}button{min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.app-shell{width:min(100% - 32px,1080px);margin:0 auto;padding:24px 0 48px}.network-banner{color:#704b00;text-align:center;background:#fff0bd;border:1px solid #e7c96d;border-radius:14px;margin-bottom:16px;padding:10px 16px;font-size:.88rem;font-weight:700}.app-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand h1{margin:1px 0 0;font-size:clamp(1.55rem,4vw,2rem);line-height:1.1}.brand__eyebrow{color:var(--color-muted);margin:0;font-size:.78rem}.brand__cat{width:58px;height:58px;color:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;border-radius:19px;padding:7px;overflow:visible}.brand__cat-patch{fill:#f5b78f;stroke:none}.workspace-tabs{background:#f4e9e2;border-radius:16px;grid-template-columns:1fr 1fr;min-width:260px;padding:5px;display:grid}.workspace-tab{color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0 18px;transition:background-color .18s,color .18s,box-shadow .18s}.workspace-tab[aria-selected=true]{color:var(--color-primary);background:var(--color-surface);font-weight:700;box-shadow:0 4px 14px #4b372d17}.workspace-panel{min-height:60vh}.ledger-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:24px;display:grid}.entry-card,.ledger-list-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);position:relative}.entry-card{padding:26px}.entry-card h2,.section-header h2{margin:3px 0 24px;font-size:1.4rem}.entry-card__cat{width:64px;height:58px;color:var(--color-primary);background:#ffe8d6;border:1px solid #eac8ae;border-radius:16px 16px 5px 5px;place-items:center;padding:5px 8px 0;display:grid;position:absolute;top:-27px;right:24px;transform:rotate(2deg)}.entry-card__cat svg{width:48px;height:48px}.section-kicker{color:var(--color-primary);letter-spacing:.12em;margin:0;font-size:.72rem;font-weight:800}.field{color:var(--color-muted);gap:8px;margin:18px 0;font-size:.9rem;font-weight:700;display:grid}.field input,.field select,.amount-input{width:100%;min-height:48px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);background:#fffdfb}.field>input,.field>select{padding:0 14px}.category-fieldset{border:0;margin:18px 0;padding:0}.category-fieldset legend{color:var(--color-muted);margin-bottom:9px;font-size:.9rem;font-weight:700}.category-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.category-button{min-width:0;color:var(--color-muted);border:1px solid var(--color-border);cursor:pointer;background:#fffdfb;border-radius:12px;place-items:center;gap:2px;padding:8px 3px;font-size:.76rem;display:grid}.category-button span{width:25px;height:25px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:50%;place-items:center;font-size:.7rem;display:grid}.category-button[aria-pressed=true]{color:var(--color-primary);background:var(--color-primary-soft);border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);font-weight:800}.category-button[aria-pressed=true]:after{content:"";position:absolute}.amount-input{color:var(--color-primary);align-items:center;padding:0 14px;font-size:1.6rem;display:flex}.amount-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #a84d4d1f}.amount-input input{font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;min-width:0;height:54px;padding:0 8px;font-size:2rem;font-weight:750}.field-error{color:var(--color-danger);margin:-10px 0 16px;font-size:.84rem}.entry-card__actions,.dialog__actions{gap:10px;display:flex}.button{border-radius:var(--radius-control);cursor:pointer;border:1px solid #0000;padding:0 17px;font-weight:700}.button--grow{flex:1}.button--primary{color:#fff;background:var(--color-primary)}.button--quiet{color:var(--color-text);border-color:var(--color-border);background:#fffdfb}.button--danger{color:#fff;background:var(--color-danger)}.button--small{min-height:38px;padding:0 12px;font-size:.8rem}.button:disabled{cursor:not-allowed;opacity:.55}.ledger-list-card{min-height:520px;padding:26px}.section-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.section-header h2{margin-bottom:0}.backup-actions{gap:8px;display:flex}.notice{color:var(--color-primary);background:var(--color-primary-soft);border-radius:11px;padding:10px 13px;font-size:.86rem;font-weight:700}.entry-list{gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}.entry-row{border:1px solid var(--color-border);background:#fffdfb;border-radius:15px;grid-template-columns:44px minmax(90px,1fr) auto auto;align-items:center;gap:12px;min-height:68px;padding:10px 12px;display:grid}.entry-row__icon{background:var(--color-primary-soft);border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.entry-row__meta{gap:4px;display:grid}.entry-row__meta time{color:var(--color-muted);font-size:.78rem}.entry-row__amount{color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:1.05rem}.entry-row__actions{gap:4px;display:flex}.icon-button{min-height:38px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 8px;font-size:.76rem}.icon-button--danger{color:var(--color-danger)}.empty-state{min-height:360px;color:var(--color-muted);text-align:center;place-items:center;display:grid}.empty-state>*{margin:0}.empty-state__cat{width:140px;height:116px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:50% 50% 42% 42%;place-items:center;margin-bottom:14px;padding:12px 22px;display:grid}.empty-state__cat svg{width:92px;height:92px}.empty-state h3{color:var(--color-text)}.paw-success{align-items:center;gap:7px;display:flex}.paw-success__paw{animation:.52s both paw-pop;display:inline-block}@keyframes paw-pop{0%{opacity:0;transform:translateY(7px)rotate(-20deg)scale(.55)}60%{opacity:1;transform:translateY(-2px)rotate(8deg)scale(1.18)}to{transform:none}}.dialog-backdrop{z-index:30;background:#3f38376b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);width:min(100%,420px);padding:24px;box-shadow:0 24px 70px #30252140}.dialog h2{margin:0 0 10px}.dialog__body{color:var(--color-muted);margin-bottom:22px}.dialog__actions{justify-content:flex-end}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.cloud-notice,.join-card,.loading-state,.success-card,.error-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:28px}.cloud-notice,.join-card{max-width:680px;margin:0 auto}.cloud-notice h2,.join-card h2{margin:10px 0;font-size:clamp(1.6rem,5vw,2.3rem)}.cloud-notice>p:not(.section-kicker),.join-card>p{color:var(--color-muted);line-height:1.7}.cloud-notice__tip,.offline-inline{color:#365a43;background:#bfdcc86b;border-radius:13px;padding:13px 15px;font-size:.88rem}.join-card__members{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:22px;display:grid}.button--member{color:#365a43;background:#bfdcc873;border-color:#a4c6ae;min-height:54px}.success-card{color:#365a43;background:#f1faf4}.error-card{color:var(--color-danger);background:#fff3f1;border-color:#efc5bf;padding:13px 15px}.aa-workspace{grid-template-columns:240px minmax(0,1fr);gap:24px;display:grid}.book-rail,.aa-main,.aa-entry-form,.aa-entry-list-card,.settlement-panel,.member-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.book-rail{padding:20px}.book-rail>header{justify-content:space-between;align-items:start;gap:10px;display:flex}.book-rail h2{margin:4px 0 18px;font-size:1.15rem}.round-add{color:#365a43;background:var(--color-aa);cursor:pointer;border:0;border-radius:50%;place-items:center;width:44px;min-width:44px;padding:0;font-size:1.5rem;display:grid}.book-rail__create{background:#52745e;width:100%;margin-bottom:14px}.book-cards{gap:8px;display:grid}.book-card{min-height:58px;color:var(--color-text);text-align:left;cursor:pointer;background:#fffdfb;border:1px solid #0000;border-radius:13px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:9px;display:grid}.book-card[aria-current=page]{background:#bfdcc861;border-color:#a4c6ae}.book-card>span:first-child{background:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.book-card>span:last-child{min-width:0;display:grid}.book-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.book-card small{color:var(--color-muted);margin-top:3px}.aa-main{min-width:0;padding:24px}.aa-book-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.aa-book-header>div{grid-template-columns:auto 1fr;align-items:center;column-gap:10px;display:grid}.aa-book-header p{color:var(--color-muted);margin:0;font-size:.8rem}.aa-book-header h2{grid-column:1/-1;margin:7px 0 0;font-size:clamp(1.7rem,4vw,2.3rem)}.subtabs{background:#f4eee9;border-radius:14px;gap:6px;margin:22px 0;padding:6px;display:flex}.subtabs button{color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1}.subtabs button[aria-current=page]{color:#365a43;background:var(--color-surface);font-weight:800;box-shadow:0 3px 10px #4b372d14}.aa-entries-layout{grid-template-columns:minmax(260px,330px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.aa-entry-form,.aa-entry-list-card,.settlement-panel,.member-panel{box-shadow:none;padding:22px}.aa-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.aa-form-grid .field{margin-top:0}.amount-input--aa{color:#365a43;background:#f7fcf8;border-color:#b9d3c0}.participant-fieldset,.split-mode-fieldset{border:0;margin:18px 0;padding:0}.participant-fieldset legend,.split-mode-fieldset legend{color:var(--color-muted);margin-bottom:8px;font-size:.9rem;font-weight:700}.split-mode-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.split-mode-option{cursor:pointer;position:relative}.split-mode-option input{opacity:0;width:1px;height:1px;position:absolute}.split-mode-option>span{min-height:66px;color:var(--color-muted);border:1px solid var(--color-border);background:#fffdfb;border-radius:13px;padding:10px 12px;display:grid}.split-mode-option small{margin-top:2px;font-size:.72rem;font-weight:500}.split-mode-option input:checked+span{color:#365a43;background:#bfdcc87a;border-color:#8eb49a;box-shadow:0 0 0 1px #8eb49a}.split-mode-option input:focus-visible+span{outline:2px solid var(--color-primary);outline-offset:3px}.participant-grid{flex-wrap:wrap;gap:8px;display:flex}.participant-chip{cursor:pointer;position:relative}.participant-chip input{opacity:0;width:1px;height:1px;position:absolute}.participant-chip span{min-height:42px;color:var(--color-muted);border:1px solid var(--color-border);background:#fffdfb;border-radius:999px;place-items:center;padding:0 14px;display:grid}.participant-chip input:checked+span{color:#365a43;background:#bfdcc87a;border-color:#8eb49a;font-weight:800}.participant-chip input:focus-visible+span{outline:2px solid var(--color-primary);outline-offset:3px}.aa-entry-row .entry-row__icon{color:#365a43;background:#bfdcc88c;font-size:.72rem;font-weight:900}.aa-entry-row.is-duplicate{background:#fff3f1;border-color:#d96b5e;border-left-width:4px}.duplicate-label{width:fit-content;color:var(--color-danger);background:#fde1dd;border-radius:999px;padding:3px 7px;font-size:.7rem;font-weight:800}.duplicate-label:before{content:"⚠";margin-right:3px}.empty-state--compact{min-height:300px}.settlement-panel,.member-panel{min-height:380px}.table-scroll{overflow-x:auto}.settlement-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:18px}.settlement-table th,.settlement-table td{text-align:right;border-bottom:1px solid var(--color-border);padding:13px 10px}.settlement-table th:first-child,.settlement-table td:first-child{text-align:left}.settlement-table thead{color:var(--color-muted);font-size:.8rem}.balance-positive{color:#3d7651;font-weight:800}.balance-negative{color:var(--color-danger);font-weight:800}.transfer-list{gap:10px;margin-top:22px;display:grid}.transfer-card{background:#bfdcc84d;border:1px solid #b4cfbc;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:15px;display:flex}.transfer-card p,.settled-state p{color:var(--color-muted);margin:4px 0 0;font-size:.8rem}.settled-state{text-align:center;background:#bfdcc842;border-radius:16px;place-items:center;margin-top:22px;padding:34px;display:grid}.settled-state>span{color:#52745e;margin-bottom:9px;font-size:1.8rem}.member-add-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.member-add-form .field{margin:12px 0}.member-list{gap:9px;margin:18px 0 0;padding:0;list-style:none;display:grid}.member-list li{border:1px solid var(--color-border);border-radius:13px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;display:grid}.member-list li>div{display:grid}.member-list small{color:var(--color-muted)}.member-avatar{color:#365a43;background:var(--color-aa);border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.share-field{gap:6px;margin:14px 0;font-size:.82rem;font-weight:700;display:grid}.share-field>div{grid-template-columns:minmax(0,1fr) auto;display:grid}.share-link,.share-field button{border:1px solid var(--color-border);min-height:42px}.share-link{min-width:0;color:var(--color-primary);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;word-break:break-all;background:#fffdfb;border-radius:10px 0 0 10px;align-items:center;padding:0 10px;font-weight:600;text-decoration:underline;display:flex}.share-field button{color:#365a43;background:var(--color-aa);cursor:pointer;border-radius:0 10px 10px 0;font-weight:800}.welcome-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);min-height:260px;box-shadow:var(--shadow-card);padding:34px;position:relative;overflow:hidden}.welcome-card:after{background:var(--color-primary-soft);content:"";border-radius:50%;width:220px;height:220px;position:absolute;bottom:-72px;right:-54px}.welcome-card--aa:after{background:#bfdcc88c}.welcome-card h2{margin:8px 0;font-size:clamp(2rem,7vw,3.7rem)}.welcome-card p:last-child{max-width:32rem;color:var(--color-muted)}.welcome-card__label{color:var(--color-primary);margin:0;font-weight:700}.welcome-card__paw,.aa-badge{width:48px;height:36px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:999px;place-items:center;font-weight:800;display:grid}.aa-badge{color:#365a43;background:var(--color-aa)}@media (width<=640px){.app-shell{padding-top:16px}.app-header{flex-direction:column;align-items:stretch;gap:16px}.workspace-tabs{width:100%}.welcome-card{min-height:300px;padding:26px 22px}.entry-card,.ledger-list-card{padding:22px 18px}.section-header{flex-direction:column;align-items:stretch}.backup-actions{grid-template-columns:1fr 1fr;display:grid}.entry-row{grid-template-columns:42px minmax(70px,1fr) auto}.entry-row__actions{grid-column:2/-1;justify-content:flex-end}.aa-main,.aa-entry-form,.aa-entry-list-card,.settlement-panel,.member-panel{padding:18px}.aa-book-header{flex-direction:column;align-items:stretch}.member-add-form{grid-template-columns:1fr}}@media (width<=899px){.ledger-layout,.aa-workspace,.aa-entries-layout{grid-template-columns:1fr}.book-rail{overflow:hidden}.book-cards{grid-auto-columns:minmax(165px,72%);grid-auto-flow:column;padding-bottom:6px;overflow-x:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}