:root{color:#24282e;font-synthesis:none;--ink:#24282e;--muted:#535b67;--line:#d9dde3;--primary:#303741;--surface:#fff;--subtle:#eef0f3;--error:#8f242b;--success:#295445;--radius:12px;background:#f6f7f9;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Microsoft JhengHei,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #aeb5bf;border-radius:8px;padding:9px 14px;font-weight:600;transition:background-color .15s ease-out}button:hover{background:#edf0f4}button:disabled{cursor:default;opacity:.55}.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.primary:hover{background:#171c23}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus,h3[tabindex="-1"]:focus{outline:3px solid var(--primary);outline-offset:3px}a{color:#303741;text-underline-offset:4px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.025em;overflow-wrap:anywhere;margin-bottom:16px;font-size:clamp(26px,3vw,34px);line-height:1.3}h2{letter-spacing:-.02em;margin-bottom:16px;font-size:24px;line-height:1.35}h3{margin-bottom:14px;font-size:19px;line-height:1.4}p{margin-bottom:12px}fieldset{border:0;min-width:0;margin:0;padding:0}label{margin-bottom:18px;font-weight:600;display:block}input:not([type=checkbox]),textarea,select{width:100%;min-height:46px;color:var(--ink);caret-color:var(--primary);background:#fff;border:1px solid #828d9b;border-radius:8px;margin-top:7px;padding:10px 12px;display:block}textarea{resize:vertical;min-height:90px}input[type=checkbox]{accent-color:var(--primary);width:20px;height:20px;margin:0}input::placeholder,textarea::placeholder{color:#626d7b}small{color:var(--muted);font-size:12px;display:block}.muted,.help{color:var(--muted);font-size:14px}.help{margin-top:10px;font-weight:400;line-height:1.6;display:block}.money{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.status{background:var(--subtle);color:var(--ink);white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:13px}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 4px;display:flex}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-heading h1,.section-heading h2,.section-heading h3{margin:0}.section-heading>button{flex-shrink:0}.section{margin-top:36px}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:auto;padding:20px 26px;display:flex}.brand{letter-spacing:-.025em;font-size:20px;font-weight:750;text-decoration:none}.account{align-items:center;gap:14px;min-width:0;font-size:14px;display:flex}.account span{overflow-wrap:anywhere;max-width:220px}.account button{font-size:14px}.app-header .feedback{flex-basis:100%;margin:0}.skip-link{z-index:10;background:#fff;padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:10px}.list-layout{grid-template-columns:minmax(0,1fr) 320px;gap:48px;max-width:1100px;margin:auto;padding:18px 26px 70px;display:grid}.book-list,.expense-list,.member-list{margin:0;padding:0;list-style:none}.book-list li{border-bottom:1px solid var(--line)}.book-list a{justify-content:space-between;align-items:center;gap:18px;padding:22px 0;text-decoration:none;display:flex}.book-list a:hover strong{text-underline-offset:4px;text-decoration:underline}.book-list strong{overflow-wrap:anywhere;font-size:20px}.book-list p{margin:5px 0 0}.new-book{background:var(--surface);border-radius:var(--radius);align-self:start;padding:24px}.book-layout{background:var(--surface);border-radius:var(--radius);max-width:1048px;min-height:70vh;margin:0 auto 60px}.book-header{padding:24px 30px 20px}.back-link{margin-bottom:20px;font-size:14px;display:inline-block}.book-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:14px;display:flex}.book-meta button{margin-left:auto;font-size:14px}.feedback-area{padding:0 30px}.feedback{background:var(--subtle);overflow-wrap:anywhere;border-radius:8px;margin-bottom:16px;padding:14px 16px}.feedback p:last-child{margin-bottom:0}.feedback.error{color:var(--error);background:#fbf0f1}.feedback.success{color:var(--success);background:#edf4f0}.feedback button{margin-top:12px}.workspace-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);z-index:2;background:#fff;gap:6px;padding:8px 24px;display:flex;position:sticky;top:0}.workspace-nav button{border:0;min-width:100px;font-weight:650}.workspace-nav button[aria-current=page]{background:var(--subtle);color:var(--ink)}.workspace-nav button:not([aria-current=page]){color:var(--muted)}.work-area{max-width:100%;padding:28px 30px 36px}.compact-notice{background:var(--subtle);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:8px 12px;font-size:14px;display:flex}.compact-notice button{font-size:14px}.day-group{margin-top:28px}.day-heading{border-bottom:1px solid #aeb5bf;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;display:flex}.day-heading h3{margin:0;font-size:17px}.day-heading>span{text-align:right;color:var(--muted);font-size:13px}.expense-list>li{border-bottom:1px solid var(--line)}.expense-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:18px 0;list-style:none;display:flex}.expense-list summary::-webkit-details-marker{display:none}.expense-list summary>span{overflow-wrap:anywhere;min-width:0}.expense-list summary .muted{margin-top:4px;font-size:13px;display:block}.expense-list summary>.money{text-align:right;max-width:60%;font-size:17px}.expense-list details[open] summary{padding-bottom:10px}.expense-detail{background:var(--subtle);border-radius:8px;margin-bottom:16px;padding:16px}.expense-detail ul{margin:0;padding:0;list-style:none}.expense-detail li{justify-content:space-between;gap:16px;padding:7px 0;display:flex}.expense-detail li span:first-child{overflow-wrap:anywhere}.personal{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:8px 0 22px;display:flex}.personal .money{text-align:right;font-size:20px}.table-scroll{scrollbar-color:#aeb5bf #fff;max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:right;border-bottom:1px solid var(--line);vertical-align:top;padding:16px 12px 16px 0}thead th{color:var(--muted);font-size:13px;font-weight:500}th:first-child,td:first-child{text-align:left;overflow-wrap:anywhere;max-width:210px}th:last-child,td:last-child{padding-right:0}tbody th{font-weight:600}td.money{min-width:150px;font-weight:600}.details{margin-top:18px}.details summary{cursor:pointer;text-underline-offset:4px;min-height:44px;padding:9px 0;text-decoration:underline}.breakdown{max-width:560px;margin:8px 0 0}.breakdown>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.breakdown dd{margin:0}.payment{background:var(--subtle);border-radius:var(--radius);margin-bottom:18px;padding:20px}.payment .money{margin:6px 0;font-size:20px}.payment .section-heading{margin-bottom:8px}.suggestion{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.suggestion p{margin:5px 0 0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;display:grid}.span-2{grid-column:1/-1}.participants{border-top:1px solid var(--line);margin:10px 0 22px;padding:18px 0 0}.participants legend{padding-right:12px;font-weight:650}.participant{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:12px 0;display:flex}.check{overflow-wrap:anywhere;align-items:center;gap:12px;min-height:44px;margin:0;display:flex}.compact-label{max-width:160px;margin:0;font-size:13px}.compact-label input{margin-top:3px}.preview{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.preview table{max-width:600px;margin-bottom:24px}.member-list li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:18px 0}.member-list p{margin:5px 0 0}.new-member{max-width:500px;margin-top:30px}.empty{max-width:60ch;padding:26px 0 30px}.empty h2,.empty h3{margin-bottom:10px}.empty p{color:var(--muted)}.narrow,.login{max-width:600px;margin:60px auto;padding:26px}.login h1{margin-bottom:42px}.login p{color:var(--muted)}::selection{color:#fff;background:#303741}@media (width>=900px){.work-area>.editor{max-width:760px}.book-layout>.work-area>section{max-width:900px}.day-heading .money{margin-left:8px}}@media (width<=720px){.app-header{padding:16px 18px}.account{gap:10px}.account span{max-width:140px}.list-layout{grid-template-columns:minmax(0,1fr);gap:30px;padding:12px 18px 40px}.new-book{padding:22px 18px}.book-layout{min-height:calc(100dvh - 80px);padding-bottom:calc(90px + env(safe-area-inset-bottom));border-radius:0;margin:0}.book-header{padding:18px 18px 20px}.book-header .section-heading{gap:12px}.book-header .section-heading h1{font-size:25px}.book-header .section-heading button{padding:8px 10px;font-size:13px}.back-link{margin-bottom:18px}.book-meta{gap:10px;font-size:13px}.book-meta button{padding:7px 10px;font-size:13px}.work-area{padding:22px 18px 30px}.feedback-area{padding:0 18px}.workspace-nav{padding:8px 12px calc(12px + env(safe-area-inset-bottom));border-bottom:0;position:fixed;inset:auto 0 0}.workspace-nav button{flex:1;min-width:0}.section-heading{gap:12px}.section-heading h2{font-size:22px}.section-heading button{padding:8px 10px;font-size:14px}.day-heading{align-items:flex-start}.day-heading h3{font-size:15px}.day-heading>span{max-width:58%;font-size:12px}.expense-list summary{gap:12px}.expense-list summary>.money{max-width:58%;font-size:15px}.book-list a{gap:10px}.book-list .status{white-space:normal;max-width:100px}.personal{gap:16px}.personal .money{font-size:18px}.personal>span{max-width:40%;font-size:14px}th,td{padding:14px 8px 14px 0;font-size:13px}thead th{font-size:12px}td.money{min-width:132px}th:first-child{min-width:66px}.payment{padding:16px}.payment .section-heading{align-items:flex-start}.payment .status{white-space:normal;max-width:110px}.payment .money{font-size:18px}.form-grid{gap:0 14px}.form-grid label{font-size:14px}.suggestion{gap:12px}.suggestion button{max-width:112px;font-size:14px}.narrow,.login{margin:35px auto;padding:22px 18px}.editor .section-heading{align-items:flex-start}.editor .section-heading h2{max-width:50%}.participant{gap:12px}.compact-label{max-width:125px}.section{margin-top:28px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.feedback-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.feedback-row button{flex-shrink:0;min-height:36px;margin:0;padding:5px 10px;font-size:13px}.edit-context{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.edit-context .help{margin:0}.edit-context button{flex-shrink:0}.expense-actions{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}@media (width<=720px){.edit-context{flex-direction:column;gap:10px}.edit-context button{font-size:14px}}.history-list{margin:20px 0;padding:0;list-style:none}.history-list>li{border-bottom:1px solid var(--line);padding:24px 0}.history-list .actions button{overflow-wrap:anywhere}.reversal-records{background:var(--subtle);border-radius:8px;margin-top:20px;padding:16px}.reversal-records article+article{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.member-editor{max-width:900px;margin-top:28px}.member-editor>button{margin-top:12px}.member-editor .check{margin-top:20px}@media (width>=721px){.member-editor{scroll-margin-top:80px}}.capability-panel{border-bottom:1px solid var(--line);padding-bottom:28px}.issued-link{background:var(--subtle);border-radius:var(--radius);margin:24px 0;padding:20px}.issued-link>button{margin:12px 10px 0 0}.membership-page{padding-bottom:60px}.capability-panel h3{margin-top:28px}.audit-list{margin:24px 0;padding:0;list-style:none}.audit-list>li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:24px 0}.audit-list h3{margin:0 0 8px}.audit-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:18px;display:grid}.audit-comparison>section{min-width:0}.snapshot-fields{margin:0}.snapshot-fields>div{margin:12px 0}.snapshot-fields dt{color:var(--muted);font-size:13px;font-weight:600}.snapshot-fields dd{overflow-wrap:anywhere;margin:4px 0 0}.snapshot-fields .snapshot-fields{border-left:1px solid var(--line);padding:4px 0 4px 16px}.snapshot-array{margin:8px 0;padding-left:24px}.snapshot-array>li{margin:12px 0}@media (width<=720px){.audit-comparison{grid-template-columns:1fr}}.ledger-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 12px;display:grid}.ledger-filters label{min-width:0}.ledger-filters select{width:100%;min-width:0}.filter-reset{margin-bottom:12px}.settled-time{color:var(--muted);overflow-wrap:anywhere;margin:5px 0;font-size:13px;line-height:1.6;display:block}@media (width<=720px){.ledger-filters{grid-template-columns:1fr}}.balance-with-time tr:first-child>*{border-bottom:0;padding-bottom:3px}.balance-time-row td{padding-top:0}.balance-time-row .settled-time{margin-top:0}.create-layout{max-width:600px;margin:20px auto;padding:0 18px 64px}.create-layout .new-book{position:static}