.details-screen{display:flex;flex-direction:column;flex:1;min-height:0}.details-controls{padding:var(--sp-3) var(--sp-4) var(--sp-ten);flex-shrink:0;background:var(--surface);border-bottom:var(--line) solid var(--divider)}.week-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-2);font-size:var(--fs-body);font-weight:600}.week-heading button{width:var(--input-height);height:var(--input-height);display:flex;align-items:center;justify-content:center;color:var(--text-2)}.week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--sp-half);touch-action:pan-y}.week-strip>button{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-half) 0}.week-strip>button>span:first-child{font-size:var(--fs-caption);color:var(--text-2)}.week-number{width:var(--sp-6);height:var(--sp-6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-small);box-sizing:border-box}.week-number.today{background:var(--primary);color:var(--on-primary);font-weight:600}.week-number.selected:not(.today){border:var(--sp-half) solid var(--primary);font-weight:600}.week-number.selected.today{box-shadow:var(--focus-ring)}.week-number.future{color:var(--text-2)}.week-dot{width:var(--handle-height);height:var(--handle-height);border-radius:50%;background:var(--transparent)}.week-dot.has-entries{background:var(--primary)}.detail-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) var(--input-height);gap:var(--sp-mid);margin-top:var(--sp-ten)}.filter-chip{display:flex;align-items:center;justify-content:center;gap:var(--sp-half);min-width:0;height:var(--sp-6);padding:0 var(--sp-mid) 0 var(--sp-ten);border-radius:var(--radius-card);font-size:var(--fs-caption);white-space:nowrap;border:var(--input-line) solid var(--divider);background:var(--surface-2)}.filter-chip.selected{border-color:var(--primary);background:var(--primary-soft)}.filter-chip span{overflow:hidden;text-overflow:ellipsis}.filter-chip .icon{width:var(--icon-tiny);height:var(--icon-tiny);color:var(--text-2)}.filter-clear{height:var(--sp-6);font-size:var(--fs-caption);text-align:center;color:var(--primary)}.details-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-3) var(--sp-4) var(--sp-4);overflow-anchor:none}.upcoming-card{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:var(--input-height);padding:0 var(--sp-4);box-sizing:border-box;font-size:var(--fs-small);margin-bottom:var(--sp-3);border-radius:var(--radius-card);overflow:hidden;background:var(--surface)}.upcoming-card>span:last-child{display:flex;align-items:center;gap:var(--sp-1);color:var(--text-2)}.upcoming-card .icon{width:var(--icon-inline);height:var(--icon-inline)}.upcoming-card.empty{color:var(--text-2)}.day-group{margin-bottom:var(--sp-4)}.day-header{display:flex;justify-content:space-between;align-items:baseline;padding:var(--sp-1) var(--sp-1) var(--sp-2);font-size:var(--fs-small);color:var(--text)}.day-rows{border-radius:var(--radius-card);overflow:hidden;background:var(--surface)}.detail-row-wrap{position:relative;overflow:hidden}.detail-row-wrap.bordered{border-top:var(--line) solid var(--divider)}.detail-row{position:relative;display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--status-height);padding:var(--sp-2) var(--sp-4);box-sizing:border-box;text-align:left;touch-action:pan-y;transition:transform var(--motion-sheet);background:var(--surface)}.detail-row.needs-review{background:var(--warning-bg)}.category-circle{width:var(--swatch);height:var(--swatch);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--circle-text)}.category-circle .icon{width:var(--list-icon);height:var(--list-icon)}.detail-description{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-half);font-size:var(--fs-body)}.detail-secondary{display:flex;gap:var(--sp-mid);align-items:center;font-size:var(--fs-caption);color:var(--text-2);white-space:nowrap;overflow:hidden}.detail-secondary>span:not(.detail-note){flex-shrink:0}.detail-note{overflow:hidden;text-overflow:ellipsis}.type-badge{font-size:var(--fs-tiny);padding:var(--line) var(--sp-mid);border-radius:var(--sp-mid);border:var(--line) solid currentColor}.badge-應收款{color:var(--receivable)}.badge-應付款{color:var(--payable)}.badge-收入,.detail-amount.income{color:var(--income)}.detail-amount{font-size:var(--fs-body);font-weight:600}.pending-dot{width:var(--sp-mid);height:var(--sp-mid);background:var(--text-2);border-radius:50%;flex-shrink:0}.swipe-delete{position:absolute;top:0;right:0;bottom:0;width:var(--swipe-width);font-size:var(--fs-small);font-weight:600;text-align:center;background:var(--expense);color:var(--on-primary)}.details-search-button{position:absolute;right:var(--sp-1);width:var(--control-height);height:var(--control-height);display:flex;align-items:center;justify-content:center}.details-search-button .icon{width:var(--list-icon);height:var(--list-icon)}.details-search{height:var(--header-height);display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3) 0 var(--sp-4)}.details-search label{flex:1;display:flex;align-items:center;gap:var(--sp-mid);height:var(--segment-height);padding:0 var(--sp-ten);border-radius:var(--radius-input);background:var(--surface);color:var(--text-2)}.details-search input{flex:1;min-width:0;border:0;outline:none;font-size:var(--fs-control);background:var(--transparent);color:var(--text)}.details-search>button{height:var(--input-height);font-size:var(--fs-control);color:var(--on-primary)}.details-menu{min-width:var(--details-menu-width);max-height:var(--list-sheet-max);overflow-y:auto}.details-menu .selected{background:var(--primary-soft);font-weight:600}.details-menu button{padding:0 var(--sp-fourteen)}.details-menu small{font-size:var(--fs-caption);font-weight:400;color:var(--text-2)}.details-empty{padding:var(--control-height) 0;text-align:center;font-size:var(--fs-small);color:var(--text-2);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.details-empty button{height:var(--swatch);padding:0 var(--sp-4);border-radius:var(--radius-button);font-size:var(--fs-small);background:var(--surface);border:var(--line) solid var(--divider);color:var(--text)}.has-background .details-empty>span{background:var(--surface);border-radius:var(--radius-segment);padding:var(--sp-half) var(--sp-2)}.load-more{text-align:center;color:var(--primary);height:var(--input-height)}.upcoming-title{display:flex;justify-content:space-between;align-items:baseline;padding:var(--sp-1) 0 var(--sp-ten);font-size:var(--fs-body)}.upcoming-title strong:first-child{font-weight:600}.upcoming-title strong:last-child{font-size:var(--fs-split)}.upcoming-rows{max-height:var(--list-sheet-max);overflow-y:auto}.has-background .day-header>*{background:var(--surface);border-radius:var(--radius-segment);padding:var(--sp-half) var(--sp-2)}.has-background .upcoming-card{box-shadow:var(--image-lift)}.details-calendar-panel{height:var(--calendar-panel)}.calendar-header .month-title,.month-title{display:flex;align-items:center;gap:var(--sp-1);height:var(--input-height);width:auto;padding:0 var(--sp-2);font-size:var(--fs-body);font-weight:600;color:var(--text)}.month-title .icon{width:var(--icon-inline);height:var(--icon-inline)}.wheel-title{margin:0 auto var(--sp-3);color:var(--primary)}.wheel-title .icon{transform:rotate(180deg)}.calendar-header [aria-disabled=true]{color:var(--divider)}.wheels{display:flex;gap:var(--sp-3);padding:0 var(--sp-5)}.month-wheel{position:relative;flex:1;height:var(--wheel-height)}.wheel-selected{position:absolute;left:0;right:0;top:var(--wheel-padding);height:var(--swatch);border-radius:var(--radius-input);background:var(--surface-2)}.wheel-scroll{position:relative;height:var(--wheel-height);overflow-y:auto;scroll-snap-type:y mandatory;-webkit-mask-image:var(--wheel-mask);mask-image:var(--wheel-mask)}.wheel-space{height:var(--wheel-padding)}.wheel-scroll button{display:block;width:100%;height:var(--swatch);scroll-snap-align:center;font-size:var(--fs-body);text-align:center;color:var(--text-2)}.wheel-scroll .selected{font-weight:700;color:var(--text)}.details-screen,.upcoming-rows{font-variant-numeric:tabular-nums}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-1);font-size:var(--fs-body);font-weight:600}.calendar-header button{width:var(--input-height);height:var(--input-height);display:flex;align-items:center;justify-content:center;color:var(--text-2)}.calendar-header .icon{width:var(--icon-medium);height:var(--icon-medium)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--sp-1);text-align:center}.calendar-grid>span{font-size:var(--fs-caption);color:var(--text-2);padding:var(--sp-1) 0}.calendar-grid button{height:var(--swatch);border-radius:50%;font-size:var(--fs-small);text-align:center}.calendar-grid .selected{background:var(--primary);color:var(--on-primary);font-weight:600}.calendar-grid .today{border:var(--sp-half) solid var(--primary);font-weight:600}.calendar-grid .unavailable{color:var(--divider)}.calendar-grid .future{color:var(--text-2)}.calendar-shortcuts{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.calendar-shortcuts button{flex:1;height:var(--input-height);border-radius:var(--radius-button);font-size:var(--fs-small);text-align:center;background:var(--surface-2);border:var(--line) solid var(--divider)}.sheet-layer{position:absolute;inset:0;z-index:30}.sheet-backdrop{position:absolute;inset:0;width:100%;height:100%;background:var(--backdrop)}.bottom-sheet{position:absolute;left:0;right:0;bottom:0;padding:var(--sp-2) var(--sp-4) calc(var(--sheet-bottom) + var(--safe-bottom));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--surface);max-height:var(--sheet-max);box-sizing:border-box;display:flex;flex-direction:column;outline:none;animation:sheet-in var(--motion-sheet) ease-out}.sheet-handle-area{display:block;width:100%;flex-shrink:0;padding-bottom:var(--sp-2);touch-action:none}.sheet-handle{display:block;width:var(--handle-width);height:var(--handle-height);border-radius:var(--radius-handle);margin:0 auto;background:var(--divider)}.sheet-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.bottom-sheet .sheet-handle-area,.bottom-sheet .edit-header,.bottom-sheet .entry-sheet-title,.bottom-sheet .category-title,.bottom-sheet .upcoming-title{touch-action:none;user-select:none;-webkit-user-select:none}.bottom-sheet.sheet-moving{animation:none;transition:transform var(--motion-sheet) ease-out}.bottom-sheet.sheet-interacted{animation:none}.bottom-sheet.sheet-dragging{transition:none}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.entry-screen{flex:1;min-height:0;display:flex;flex-direction:column}.entry-hidden{display:none}.entry-top{flex-shrink:0;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-ten) var(--sp-4) 0}.entry-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-half);padding:var(--sp-half);border-radius:var(--radius-input);height:var(--segment-height);box-sizing:border-box;background:var(--track)}.entry-types button{border-radius:var(--radius-segment);font-size:var(--fs-small);text-align:center;color:var(--text-2)}.entry-types .selected{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--segment-shadow)}.amount-slot{height:var(--amount-height);box-sizing:border-box;border-radius:var(--radius-card);overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:var(--surface)}.amount-main{display:flex;justify-content:flex-end;align-items:center;width:100%;height:100%;padding:0 var(--sp-4);box-sizing:border-box;color:var(--text)}.amount-main>span{display:flex;align-items:baseline;gap:var(--sp-2)}.amount-main .currency{font-size:var(--fs-body);color:var(--text-2)}.amount-main strong{font-size:var(--fs-amount-xl);font-weight:700;line-height:1;white-space:nowrap}.amount-main .amount-small{font-size:var(--fs-expression)}.split-slot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.2fr) var( --split-half );height:100%;animation:fade var(--motion) ease-out}.split-slot>button:not(.half){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-half);min-width:0}.split-slot .active{box-shadow:var(--split-underline)}.split-slot span{font-size:var(--fs-tiny);color:var(--text-2);white-space:nowrap}.split-slot strong{font-size:var(--fs-split);font-weight:700;white-space:nowrap}.split-slot .split-small{font-size:var(--fs-small)}.split-slot .receivable,.split-slot .receivable span{color:var(--receivable)}.split-slot .half{margin:var(--sp-2) var(--sp-2) var(--sp-2) 0;border-radius:var(--radius-input);font-size:var(--fs-caption);text-align:center;background:var(--surface-2);color:var(--text-2)}.split-slot .half.selected{background:var(--primary-soft);color:var(--text);font-weight:600}.entry-middle{flex:0 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-ten) var(--sp-4) var(--sp-2);box-sizing:border-box}.entry-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-mid);height:var(--control-height);flex-shrink:0}.entry-categories button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--line);border-radius:var(--radius-button);font-size:var(--fs-small);text-align:center;white-space:nowrap;overflow:hidden;padding:0 var(--sp-1);background:var(--surface);color:var(--text)}.entry-categories .selected{background:var(--primary);color:var(--on-primary);font-weight:600}.entry-categories small{font-size:var(--fs-tiny);font-weight:400;max-width:100%;overflow:hidden;text-overflow:ellipsis}.entry-categories .category-more{flex-direction:row;gap:var(--sp-half);color:var(--text-2);padding:0}.category-more .icon{width:var(--icon-inline);height:var(--icon-inline)}.entry-note{display:flex;align-items:center;gap:var(--sp-2);height:var(--swatch);flex-shrink:0;padding:0 var(--sp-3);border-radius:var(--radius-button);background:var(--surface)}.entry-note span{color:var(--text-2);font-size:var(--fs-caption)}.entry-note input{flex:1;min-width:0;border:0;outline:none;font-size:var(--fs-control);background:var(--transparent);color:var(--text)}.entry-secondary{position:relative;display:flex;gap:var(--sp-mid);align-items:center;height:var(--swatch);flex-shrink:0}.date-pill{display:flex;align-items:center;height:var(--swatch);border-radius:var(--radius-sheet);box-sizing:border-box;flex-shrink:0;background:var(--surface);border:var(--line) solid var(--divider)}.date-pill button{width:var(--date-arrow);height:100%;display:flex;align-items:center;justify-content:center}.date-pill button:nth-child(2){width:auto;min-width:var(--input-height);font-size:var(--fs-small);text-align:center;white-space:nowrap}.entry-toggle{display:flex;gap:var(--sp-half);padding:var(--sp-half);border-radius:var(--radius-sheet);height:var(--swatch);box-sizing:border-box;background:var(--track)}.entry-toggle button{height:var(--segment-height);padding:0 var(--sp-ten);border-radius:var(--radius-pill-inner);font-size:var(--fs-small);text-align:center;white-space:nowrap;color:var(--text-2)}.entry-toggle .selected{font-weight:600;background:var(--surface);color:var(--text);box-shadow:var(--segment-shadow)}.people-toggle button{min-width:0;overflow:hidden;text-overflow:ellipsis}.choice{background:var(--surface);color:var(--text);border:var(--input-line) solid var(--divider)}.choice.selected{background:var(--primary-soft);color:var(--text);border-color:var(--primary)}.split-toggle,.entry-options{height:var(--swatch);padding:0 var(--sp-3);border-radius:var(--radius-sheet);font-size:var(--fs-small);white-space:nowrap;text-align:center;box-sizing:border-box}.entry-options{width:var(--input-height);padding:0;margin-left:auto}.entry-bottom{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-2);min-height:calc(var(--swatch) + var(--key-min) * 4 + var(--sp-mid) * 3 + var(--header-height) + var(--sp-2) * 2)}.entry-scan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}.entry-scan button{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);height:var(--swatch);border-radius:var(--radius-button);font-size:var(--fs-small);background:var(--surface-2);color:var(--text-2);border:var(--line) solid var(--divider)}.entry-keypad{flex:1 1 auto;max-height:var(--keypad-max);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(var(--key-min),1fr));gap:var(--sp-mid)}.entry-keypad button{height:100%;border-radius:var(--radius-button);font-size:var(--fs-key);font-weight:500;text-align:center;background:var(--surface);color:var(--text)}.entry-keypad .operator{font-size:var(--fs-operator);background:var(--surface-2);color:var(--text-2);border:var(--line) solid var(--divider)}.entry-keypad .icon{width:var(--fs-operator);height:var(--fs-operator)}.entry-save{height:var(--header-height);flex-shrink:0;border-radius:var(--sp-fourteen);font-size:var(--fs-title);font-weight:700;text-align:center}.primary{background:var(--primary);color:var(--on-primary)}.muted{background:var(--primary-soft);color:var(--text-2)}.category-title{display:flex;justify-content:space-between;align-items:center;min-height:var(--sp-6);padding:var(--sp-1) 0 var(--sp-ten)}.category-title>span:first-child{display:flex;align-items:center;font-size:var(--fs-body);font-weight:600}.category-title button{width:var(--sp-6);height:var(--sp-6);display:flex;align-items:center;justify-content:center;margin-left:calc(0px - var(--sp-2));color:var(--text-2)}.category-management{display:flex;align-items:center;gap:var(--sp-half);font-size:var(--fs-caption);color:var(--text-2)}.category-management .icon{width:var(--icon-tiny);height:var(--icon-tiny)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}.category-grid button{height:var(--control-height);border-radius:var(--radius-button);font-size:var(--fs-small);text-align:center}.entry-sheet-title{display:block;font-size:var(--fs-body);font-weight:600;padding:var(--sp-1) 0 var(--sp-ten)}.entry-summary{display:flex;justify-content:space-between;align-items:baseline;padding:var(--sp-ten) var(--sp-3);border-radius:var(--radius-button);background:var(--surface-2);font-size:var(--fs-small)}.entry-summary strong{font-size:var(--fs-split)}.entry-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-fourteen)}.entry-actions button{flex:1;height:var(--control-height);border-radius:var(--radius-button);font-size:var(--fs-control);text-align:center}.entry-actions button:first-child{background:var(--surface-2);border:var(--line) solid var(--divider)}.entry-actions button:last-child{flex:1.4;font-weight:700}.entry-caption{margin:var(--sp-3) 0 var(--sp-mid);font-size:var(--fs-caption);color:var(--text-2)}.friend-input{width:100%;box-sizing:border-box;height:var(--control-height);padding:0 var(--sp-3);border-radius:var(--radius-button);border:var(--input-line) solid var(--divider);font-size:var(--fs-control);background:var(--surface-2);color:var(--text)}.friend-hint{margin:var(--sp-ten) 0 0;font-size:var(--fs-tiny);color:var(--text-2)}.recent-people{display:flex;flex-wrap:wrap;gap:var(--sp-mid)}.recent-people button{height:var(--swatch);padding:0 var(--sp-fourteen);border-radius:var(--radius-button);font-size:var(--fs-small)}.installment-count{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-mid)}.installment-count button,.custom-count{height:var(--input-height);border-radius:var(--radius-button);font-size:var(--fs-small);text-align:center}.custom-count{width:100%;min-width:0;box-sizing:border-box;border:var(--input-line) solid var(--divider);background:var(--surface-2);color:var(--text)}.installment-first{display:flex;justify-content:space-between;align-items:center;margin-top:var(--sp-fourteen)}.installment-first>span{font-size:var(--fs-caption);color:var(--text-2)}.installment-first .date-pill{background:var(--transparent)}.installment-first button{width:var(--sp-6)}.installment-first .date-pill span{min-width:var(--header-height);text-align:center;font-size:var(--fs-small)}.installment-preview{margin:var(--sp-fourteen) 0 0;padding:var(--sp-ten) var(--sp-3);border-radius:var(--radius-button);font-size:var(--fs-small);background:var(--primary-soft)}.option-layer{position:absolute;inset:0;z-index:20}.option-backdrop{position:absolute;inset:0;width:100%;height:100%}.entry-menu{position:fixed;min-width:var(--option-width);border-radius:var(--radius-button);overflow:hidden;background:var(--surface);box-shadow:var(--option-shadow)}.entry-menu button{display:flex;justify-content:center;flex-direction:column;align-items:flex-start;gap:0;width:100%;min-height:var(--input-height);padding:0 var(--sp-fourteen);box-sizing:border-box;font-size:var(--fs-small)}.entry-menu button+button{border-top:var(--line) solid var(--divider)}.entry-menu [aria-disabled=true]{color:var(--text-2)}.entry-menu small{font-size:var(--fs-tiny)}.category-title button .icon{width:var(--icon-medium);height:var(--icon-medium)}.installment-label{margin:var(--sp-fourteen) 0 var(--sp-mid);font-size:var(--fs-caption);color:var(--text-2)}.installment-first .date-pill{box-sizing:content-box}.amount-slot,.entry-keypad,.entry-summary,.installment-preview,.calendar,.report-card{font-variant-numeric:tabular-nums}.entry-menu [aria-disabled=true]{padding:var(--sp-mid) var(--sp-fourteen)}[hidden]{display:none!important}.editor-layer .bottom-sheet{top:var(--edit-top);max-height:none;padding:0;background:var(--bg);overflow:hidden}.editor-layer .sheet-handle-area{display:none}.editor-layer .sheet-body{display:flex;flex-direction:column;flex:1;overflow:hidden}.edit-header{padding:var(--sp-mid) var(--sp-4) var(--sp-2);background:var(--primary);color:var(--on-primary);flex-shrink:0}.edit-handle{display:block;width:var(--handle-width);height:var(--handle-height);border-radius:var(--radius-handle);margin:0 auto var(--sp-1);background:var(--on-primary);opacity:.5}.edit-header>div{display:flex;justify-content:space-between;align-items:center;height:var(--input-height)}.edit-header button{height:var(--input-height);padding:0 var(--sp-1);font-size:var(--fs-control)}.edit-header button:last-child{font-weight:700}.edit-header button[aria-disabled=true]{opacity:.5}.edit-header strong{font-size:var(--fs-body)}.editing-entry .entry-bottom{min-height:calc(var(--key-min) * 4 + var(--sp-mid) * 3 + var(--header-height) + var(--sp-2));padding-bottom:max(var(--edit-bottom),env(safe-area-inset-bottom,0px))}.edit-delete{background:var(--surface-2);color:var(--expense);border:var(--line) solid var(--divider);font-size:var(--fs-body);font-weight:600}.confirmation-copy{margin:0 0 var(--sp-mid);font-size:var(--fs-small);color:var(--text-2)}.confirmation-title{padding-bottom:var(--sp-mid)}.editing-entry button.selected:disabled{opacity:1}.confirm-buttons{display:flex;flex-direction:column;gap:var(--sp-2);padding-top:var(--sp-2)}.confirm-buttons button{height:var(--control-height);border-radius:var(--radius-button);font-size:var(--fs-control);text-align:center;background:var(--surface-2);border:var(--line) solid var(--divider)}.confirm-buttons .danger{background:var(--expense);color:var(--on-primary);font-weight:700}.confirm-buttons .primary{background:var(--primary);color:var(--on-primary);font-weight:700}.pending-hint{padding:var(--sp-2);background:var(--warning-bg);font-size:var(--fs-caption)}.app-bar{position:sticky;top:0;z-index:1;flex-shrink:0;padding-top:var(--safe-top);background:var(--primary);color:var(--on-primary)}.app-bar-inner{flex-direction:column;height:var(--header-height);display:flex;align-items:center;justify-content:center;position:relative}.app-bar-inner small{font-size:var(--fs-caption)}.sync-error-card{margin:var(--sp-4) var(--sp-4) 0;padding:var(--sp-4);border-radius:var(--radius-card);background:var(--surface);display:flex;flex-direction:column;gap:var(--sp-3);flex-shrink:0}.app-bar h1{margin:0;font-size:var(--fs-title);font-weight:700}.app-back{position:absolute;left:var(--sp-1);width:var(--control-height);height:var(--control-height);display:flex;align-items:center;justify-content:center}.tab-bar{position:sticky;bottom:0;z-index:1;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);flex-shrink:0;display:flex;box-sizing:border-box;background:var(--surface);border-top:var(--line) solid var(--divider)}.tab-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-half);font-size:var(--fs-caption);color:var(--text-2)}.tab-button[aria-current]{font-weight:600;color:var(--primary)}.toast{position:absolute;z-index:40;left:var(--sp-4);right:var(--sp-4);bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--sp-3));display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-button);font-size:var(--fs-small);background:var(--inverse);color:var(--on-inverse)}.toast>span{flex:1}.toast button{font-weight:600;min-height:var(--sp-6);color:var(--undo)}.connection-card{border-radius:var(--radius-card);background:var(--surface);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.connection-label{display:flex;flex-direction:column;gap:var(--sp-mid);font-size:var(--fs-caption);color:var(--text-2)}.connection-input{box-sizing:border-box;width:100%;height:var(--input-height);padding:0 var(--sp-3);border-radius:var(--radius-input);border:var(--input-line) solid var(--divider);font-size:var(--fs-control);background:var(--surface-2);color:var(--text)}.token-row{display:flex;gap:var(--sp-2)}.token-row input{flex:1;min-width:0}.soft-button{height:var(--control-height);flex-shrink:0;border-radius:var(--radius-button);font-size:var(--fs-control);text-align:center;background:var(--surface-2);border:var(--line) solid var(--divider);color:var(--text)}.token-toggle{height:var(--input-height);width:var(--token-toggle-width);font-size:var(--fs-small)}.primary-button{height:var(--control-height);flex-shrink:0;border-radius:var(--radius-button);font-size:var(--fs-control);font-weight:700;text-align:center;background:var(--primary);color:var(--on-primary)}.connection-status{min-height:var(--status-height);display:flex;flex-direction:column;gap:var(--sp-mid);font-size:var(--fs-control)}.connection-status>span{font-size:var(--fs-small)}.connection-status.error{color:var(--expense)}.connection-status small{font-size:var(--fs-caption);color:var(--text-2)}.sync-progress{height:var(--sp-mid);border-radius:var(--radius-handle);overflow:hidden;background:var(--track)}.sync-progress>div{height:100%;background:var(--primary);transition:width var(--motion)}.spinner{width:var(--sp-3);height:var(--sp-3);border:var(--sp-half) solid var(--divider);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.connection-input:focus-visible{border-color:var(--primary);box-shadow:var(--focus-ring)}.budget-strip{display:flex;height:var(--sp-2);gap:var(--sp-half)}.budget-week{position:relative;min-width:0;border-radius:var(--sp-half);overflow:hidden}.budget-week>span{position:absolute;left:0;top:0;bottom:0;width:100%}.budget-track{background:var(--track)}.budget-pace{background:var(--pace-track)}.budget-fill{background:var(--primary)}.screen-content.report-essentials{gap:var(--sp-3)}.segmented.report-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.report-card{border-radius:var(--radius-card);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-ten);background:var(--surface)}.report-card-head{display:flex;justify-content:space-between;align-items:baseline}.report-card-head>span:first-child{font-size:var(--fs-body);font-weight:600}.report-card-head strong{font-size:var(--fs-operator)}.budget-used{color:var(--expense)}.budget-limit{font-size:var(--fs-small);color:var(--text-2)}.budget-remaining{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-small);white-space:nowrap}.budget-remaining small,.report-reserved{font-size:var(--fs-caption);color:var(--text-2)}.budget-remaining .over{color:var(--expense)}.settlement-counts{display:flex;gap:var(--sp-4);font-size:var(--fs-caption);color:var(--text-2)}.settlement-counts>span:first-child strong{color:var(--receivable)}.settlement-counts>span:last-child strong{color:var(--payable)}.report-results{display:flex;flex-direction:column;gap:var(--sp-3);animation:fade-in var(--motion) ease-out}.report-essentials>*,.report-results>*{flex-shrink:0}.report-cycle{display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius-button);background:var(--surface)}.report-cycle button{width:var(--input-height);height:var(--input-height);display:flex;align-items:center;justify-content:center;color:var(--text-2);flex-shrink:0}.report-cycle button:disabled{color:var(--divider)}.report-cycle svg{width:var(--icon-medium);height:var(--icon-medium)}.report-cycle>span{font-size:var(--fs-small);font-weight:600;font-variant-numeric:tabular-nums}.report-reserved{display:flex;align-items:center;gap:var(--sp-half)}.report-reserved svg{width:var(--icon-tiny);height:var(--icon-tiny)}.report-flex{flex:1;min-width:0}.report-circle{width:var(--sp-6);height:var(--sp-6);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--fs-small);font-weight:600;color:var(--circle-text)}.report-circle svg,.report-arrow{width:var(--icon-small);height:var(--icon-small)}.report-arrow{color:var(--text-2);flex-shrink:0}.other-circle{background:var(--track);color:var(--text-2)}.report-section-label{display:flex;align-items:flex-start}.report-section-label span{font-size:var(--fs-small);font-weight:700;padding:0 var(--sp-1)}.has-background .report-section-label{align-self:flex-start;padding:var(--sp-half) var(--sp-2);border-radius:var(--radius-segment);background:var(--surface)}.report-budget-card{width:100%;text-align:left;border-radius:var(--radius-card);padding:var(--sp-fourteen) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);background:var(--surface)}.report-budget-head{display:flex;align-items:center;gap:var(--sp-ten)}.report-budget-head>.report-flex{font-size:var(--fs-body)}.report-budget-card small,.report-sheet small{font-size:var(--fs-caption);color:var(--text-2)}.report-budget-card .over{color:var(--expense)}.report-progress{height:var(--sp-2);border-radius:var(--sp-1);overflow:hidden;background:var(--track)}.report-progress>span{display:block;height:100%;border-radius:var(--sp-1)}.report-ranking{gap:var(--sp-1)}.report-ranking-title{font-size:var(--fs-body);font-weight:600;padding-bottom:var(--sp-2)}.report-rank-row,.report-drill-row{display:flex;align-items:center;gap:var(--sp-ten);width:100%;min-height:var(--control-height);text-align:left}.report-rank-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.report-rank-body>span:first-child{display:flex;justify-content:space-between}.report-rank-track{height:var(--sp-1);border-radius:var(--sp-half);overflow:hidden;background:var(--track)}.report-rank-track>span{display:block;height:100%;border-radius:var(--sp-half);background:var(--primary)}.report-share{width:var(--swatch);flex-shrink:0;text-align:right;font-size:var(--fs-caption);color:var(--text-2)}.report-view{display:flex;align-items:center;justify-content:center;width:100%;height:var(--input-height);border-radius:var(--radius-button);font-size:var(--fs-small);background:var(--surface-2);border:var(--line) solid var(--divider)}.report-sheet .sheet-body{display:flex;flex-direction:column;overflow:hidden}.report-person-sheet .bottom-sheet{max-height:var(--report-person-sheet-max)}.report-sheet-title{display:flex;justify-content:space-between;align-items:baseline;padding:var(--sp-1) 0 var(--sp-ten);font-size:var(--fs-body);font-weight:600;flex-shrink:0}.report-sheet-title strong{font-size:var(--fs-split);font-weight:700}.report-sheet-title.person-title,.report-sheet-title.other-title{padding-bottom:var(--sp-mid)}.report-sheet-title.person-title strong{font-size:var(--fs-body)}.report-sheet-title.other-title small{font-weight:400}.report-sheet-title.big-title{align-items:center;gap:var(--sp-ten);padding-bottom:var(--sp-3)}.report-sheet-title.big-title:has(.report-back):not(:has(.report-circle)){gap:var(--sp-mid)}.report-sheet-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;max-height:var(--report-list-max)}.report-sheet-list.rank-list{max-height:var(--report-rank-max)}.report-sheet-list.person-list{max-height:var(--report-person-max);border-top:var(--line) solid var(--divider)}.report-person-sheet .settlement-counts{padding-bottom:var(--sp-ten);flex-shrink:0}.report-group-title{display:flex;justify-content:space-between;padding:var(--sp-ten) 0 var(--sp-mid);font-size:var(--fs-small)}.report-empty{margin:0 0 var(--sp-mid);font-size:var(--fs-caption);color:var(--text-2)}.report-other-hint{margin:0 0 var(--sp-2);font-size:var(--fs-caption);color:var(--text-2);flex-shrink:0}.report-drill-row.bordered+.report-drill-row.bordered{border-top:var(--line) solid var(--divider)}.report-back{width:var(--sp-6);height:var(--sp-6);margin-left:calc(0px - var(--sp-2));display:flex;align-items:center;justify-content:center;color:var(--text-2);flex-shrink:0}.report-back svg,.report-sub-icon svg{width:var(--icon-medium);height:var(--icon-medium)}.report-sub-icon{width:var(--sp-6);display:flex;justify-content:center;color:var(--text-2);flex-shrink:0}.report-arrow{display:flex;align-items:center;justify-content:center}.report-arrow svg{width:var(--icon-small);height:var(--icon-small)}.report-cycle button:disabled{opacity:1}.report-results{animation-name:fade}.report-essentials,.report-sheet{font-variant-numeric:tabular-nums}.report-rank-body,.report-drill-row>.report-flex,.report-drill-row>.report-flex+span{font-size:var(--fs-small)}.report-budget-card .category-used{color:var(--text)}.report-budget-card .category-used.over{color:var(--expense)}.settings-group{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-mid)}.settings-group h2{margin:0;padding:0 var(--sp-1);font-size:var(--fs-small);font-weight:700}.settings-card{align-self:stretch;border-radius:var(--radius-card);overflow:hidden;background:var(--surface)}.settings-row{display:flex;align-items:center;gap:var(--sp-2);width:100%;min-height:calc(var(--control-height) + var(--sp-1));padding:0 var(--sp-4);box-sizing:border-box}.settings-row>span{flex:1;font-size:var(--fs-body)}.settings-row+.settings-row{border-top:var(--line) solid var(--divider)}.settings-row small{font-size:var(--fs-small);color:var(--text-2)}.settings-row .icon{color:var(--text-2)}.appearance-card{align-self:stretch;border-radius:var(--radius-card);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-fourteen);background:var(--surface)}.appearance-title{font-size:var(--fs-small);font-weight:600}.theme-options{display:flex;justify-content:space-between}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--sp-mid);width:var(--swatch-width);font-size:var(--fs-caption)}.theme-swatch{display:block;width:var(--swatch);height:var(--swatch);border-radius:50%;background:var(--swatch-color)}.theme-option[aria-pressed=true] .theme-swatch{box-shadow:var(--swatch-ring)}.divider{height:var(--line);background:var(--divider)}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-half);padding:var(--sp-half);border-radius:var(--radius-input);height:var(--segment-height);box-sizing:border-box;background:var(--track)}.segmented button{height:var(--segment-inner-height);border-radius:var(--radius-segment);font-size:var(--fs-small);text-align:center;color:var(--text-2)}.segmented button[aria-pressed=true]{font-weight:600;background:var(--surface);color:var(--text);box-shadow:var(--segment-shadow)}.background-actions{display:flex;gap:var(--sp-2)}.background-actions>label,.background-actions>button{flex:1;height:var(--input-height);border-radius:var(--radius-button);font-size:var(--fs-small);text-align:center}.background-actions>label{display:inline-flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer}.background-actions input{display:none}.background-actions button{background:var(--surface-2);border:var(--line) solid var(--divider)}.background-caption{font-size:var(--fs-caption);color:var(--text-2)}.background-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.background-slider{display:flex;flex-direction:column;gap:var(--sp-mid);font-size:var(--fs-caption);color:var(--text-2)}.background-slider input{width:100%;color-scheme:light}.background-editor{position:absolute;inset:0;z-index:40;touch-action:none;cursor:grab;background-color:var(--image-black)}.background-header{position:absolute;left:0;right:0;top:0;height:calc(var(--safe-top) + var(--header-height));display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--sp-2);box-sizing:border-box;font-size:var(--fs-caption);background:var(--image-header);color:var(--image-white)}.background-line{position:absolute;left:0;right:0;top:calc(var(--safe-top) + var(--header-height));height:var(--sp-half);background:var(--image-white);opacity:.8}.background-instruction{position:absolute;left:var(--sp-4);right:var(--sp-4);top:calc(var(--safe-top) + var(--header-height) + var(--image-hint-offset));text-align:center;font-size:var(--fs-caption);color:var(--image-white);text-shadow:var(--image-text-shadow)}.background-controls{position:absolute;left:var(--sp-3);right:var(--sp-3);bottom:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-ten);padding:var(--sp-fourteen);border-radius:var(--radius-card);background:var(--surface);color:var(--text);cursor:default}.background-controls button{height:var(--control-height);border-radius:var(--radius-button);font-size:var(--fs-control);font-weight:700;text-align:center}.has-background :is(.entry-types,.amount-slot,.entry-categories button,.entry-note,.entry-secondary>.date-pill,.entry-toggle,.split-toggle,.entry-options,.entry-scan button,.entry-keypad button){box-shadow:var(--image-lift)}.has-background .settings-group h2{background:var(--surface);padding:var(--sp-mid) var(--sp-ten);border-radius:var(--radius-input);box-shadow:var(--image-lift)}:root{--fs-input-min: 16px;--details-menu-width: 190px;--image-darken: rgb(60, 48, 40);--image-lighten: var(--bg);--image-black: #000;--image-white: #fff;--image-header: rgba(0, 0, 0, .55);--image-hint-offset: 11px;--image-text-shadow: 0 1px 3px rgba(0, 0, 0, .8);--image-lift: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .16);--amount-height: 72px;--fs-expression: 2rem;--fs-tiny: .75rem;--fs-split: 1.25rem;--fs-operator: 1.375rem;--icon-medium: 20px;--icon-tiny: 14px;--icon-inline: 16px;--split-half: 60px;--radius-pill-inner: 18px;--date-arrow: 30px;--key-min: 46px;--keypad-max: 242px;--option-width: 170px;--option-shadow: 0 4px 16px rgba(0, 0, 0, .18);--split-underline: inset 0 -3px 0 var(--primary);--bg: #f2f0ed;--surface: #ffffff;--surface-2: #f7f5f2;--track: #e6e2dd;--pace-track: #cfc8c0;--text: #2b2321;--text-2: #6e6a66;--divider: #e6e2dd;--primary: #9c6646;--primary-soft: #ebd9cc;--on-primary: #ffffff;--expense: #c2413b;--income: #2563eb;--receivable: #9a4f82;--payable: #9a5b00;--warning-bg: #fff4d6;--inverse: #2b2321;--on-inverse: #ffffff;--circle-text: #2b2321;--undo: #ebd9cc;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--fs-amount-xl: 2.75rem;--fs-amount-l: 1.75rem;--fs-title: 1.1875rem;--fs-body: 1.0625rem;--fs-body-strong: 1.0625rem;--fs-caption: .8125rem;--fs-key: 1.625rem}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--backdrop: rgba(0, 0, 0, .4);--transparent: transparent;--font: -apple-system, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--fs-control: 1rem;--fs-small: .9375rem;--sp-half: 2px;--sp-mid: 6px;--sp-ten: 10px;--sp-fourteen: 14px;--zero: 0px;--line: 1px;--input-line: 1.5px;--radius-card: 16px;--radius-button: 12px;--radius-input: 10px;--radius-segment: 8px;--radius-sheet: 20px;--radius-handle: 3px;--header-height: 56px;--nav-height: 53px;--control-height: 48px;--input-height: 44px;--status-height: 64px;--token-toggle-width: 64px;--segment-height: 36px;--segment-inner-height: 32px;--icon: 24px;--icon-small: 18px;--swatch: 40px;--swatch-width: 56px;--handle-width: 36px;--handle-height: 5px;--sheet-bottom: 10px;--sheet-max: 90dvh;--motion: .15s;--motion-sheet: .2s;--segment-shadow: 0 1px 2px rgba(0, 0, 0, .08);--swatch-ring: 0 0 0 3px var(--surface), 0 0 0 5px var(--text);--focus-ring: 0 0 0 2px var(--surface), 0 0 0 4px var(--primary)}:root[data-mode=dark]{--image-darken: rgb(0, 0, 0);--image-lighten: rgb(28, 26, 25);--bg: #1c1a19;--warning-bg: #3d3320;--surface: #2a2725;--surface-2: #34302d;--track: #3d3835;--pace-track: #5a534d;--text: #f2efec;--text-2: #b3aca6;--divider: #3d3835;--on-primary: #1c1a19;--expense: #ff8a80;--income: #7ab0ff;--receivable: #e3a9cf;--payable: #ffb65c;--inverse: #f2efec;--on-inverse: #1c1a19;--circle-text: #2b2321;--backdrop: rgba(0, 0, 0, .6)}:root[data-theme=brown]{--primary: #9c6646;--primary-soft: #ebd9cc;--bg: #f2f0ed;--undo: #ebd9cc}:root[data-theme=brown][data-mode=dark]{--primary: #d9a688;--primary-soft: #4a3a30;--bg: #1c1a19;--undo: #9c6646}.theme-swatch[data-theme=brown]{--swatch-color: #9c6646}:root[data-mode=dark] .theme-swatch[data-theme=brown]{--swatch-color: #d9a688}:root[data-theme=blue]{--primary: #2f6690;--primary-soft: #d6e4f0;--bg: #eef2f5;--undo: #d6e4f0}:root[data-theme=blue][data-mode=dark]{--primary: #8db8de;--primary-soft: #26384a;--bg: #1c1a19;--undo: #2f6690}.theme-swatch[data-theme=blue]{--swatch-color: #2f6690}:root[data-mode=dark] .theme-swatch[data-theme=blue]{--swatch-color: #8db8de}:root[data-theme=green]{--primary: #4f7942;--primary-soft: #dce8d5;--bg: #f0f3ee;--undo: #dce8d5}:root[data-theme=green][data-mode=dark]{--primary: #9cc48c;--primary-soft: #2f3d2a;--bg: #1c1a19;--undo: #4f7942}.theme-swatch[data-theme=green]{--swatch-color: #4f7942}:root[data-mode=dark] .theme-swatch[data-theme=green]{--swatch-color: #9cc48c}:root[data-theme=rose]{--primary: #a64d6d;--primary-soft: #f2dce4;--bg: #f6f0f2;--undo: #f2dce4}:root[data-theme=rose][data-mode=dark]{--primary: #e39ab5;--primary-soft: #4a2c37;--bg: #1c1a19;--undo: #a64d6d}.theme-swatch[data-theme=rose]{--swatch-color: #a64d6d}:root[data-mode=dark] .theme-swatch[data-theme=rose]{--swatch-color: #e39ab5}:root[data-theme=graphite]{--primary: #4a4a4a;--primary-soft: #e3e3e3;--bg: #f1f1f1;--undo: #e3e3e3}:root[data-theme=graphite][data-mode=dark]{--primary: #c8c8c8;--primary-soft: #3a3a3a;--bg: #1c1a19;--undo: #4a4a4a}.theme-swatch[data-theme=graphite]{--swatch-color: #4a4a4a}:root[data-mode=dark] .theme-swatch[data-theme=graphite]{--swatch-color: #c8c8c8}:root{--edit-top: 40px;--swipe-width: 80px;--list-icon: 22px;--list-sheet-max: 500px;--calendar-panel: 344px;--wheel-height: 280px;--wheel-padding: 120px;--wheel-mask: linear-gradient(transparent, #000 40%, #000 60%, transparent)}:root{--category-0: #f4a261;--category-1: #e76f51;--category-2: #2a9d8f;--category-3: #8ab17d;--category-4: #e9c46a;--category-5: #6d9dc5;--category-6: #b07bac;--category-7: #f28482;--category-8: #84a59d;--category-9: #a3a380;--category-10: #7f8c8d;--category-11: #c9967a}:root{--edit-bottom: 28px}:root{--report-list-max: 500px;--report-rank-max: 440px;--report-person-max: 480px;--report-person-sheet-max: 85dvh}html,body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text)}html{height:100%;overflow:hidden;background:var(--primary)}body{position:fixed;inset:0;height:auto;overflow:hidden;overscroll-behavior:none}button,input{font-family:inherit}input:where(:not([type=range]):not([type=file])){-webkit-appearance:none;appearance:none;border:0;outline:0;background:var(--transparent);border-radius:0;padding:0;box-shadow:none}.details-search input,.details-search input:focus,.details-search input:focus-visible,.entry-note input,.entry-note input:focus,.entry-note input:focus-visible{-webkit-appearance:none;appearance:none;border:0;outline:0;background:var(--transparent);border-radius:0;padding:0;box-shadow:none;font-size:max(var(--fs-control),var(--fs-input-min))}button{border:0;background:none;padding:0;margin:0;color:inherit;cursor:pointer;text-align:left;touch-action:manipulation}button:disabled{cursor:default;opacity:.5}button:active:not(:disabled){opacity:.8}button:focus-visible,input:focus-visible{outline:none;box-shadow:var(--focus-ring)}#app,.app-shell,#app-content{height:100%;min-height:0}.app-shell{position:relative}#app-content{display:flex;flex-direction:column}.screen{flex:1;min-height:0;display:flex;flex-direction:column}.screen-content{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-3) var(--sp-4) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}.scroll{scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}.icon{width:var(--icon);height:var(--icon);flex-shrink:0;vertical-align:middle}.icon-small{width:var(--icon-small);height:var(--icon-small)}.fade{animation:fade var(--motion) ease-out}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}