:root{color:var(--color-text-primary);background:var(--color-surface-panel);font-family:var(--font-family-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--color-surface-canvas);min-width:320px;color:var(--color-text-primary);margin:0}button,input,textarea{font:inherit}.suzumemo-loading-state{box-sizing:border-box;width:100%;color:var(--color-text-primary);text-align:center;place-items:center;display:grid}.suzumemo-loading-state--fullscreen{z-index:1400;min-height:100dvh;padding:var(--space-xl);background:color-mix(in srgb, var(--color-brand-paper) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:fixed;inset:0;overflow:auto}.suzumemo-loading-state--page{min-height:280px;padding:var(--space-lg)}.suzumemo-loading-panel{box-sizing:border-box;justify-items:center;gap:var(--space-md);width:min(600px,100%);padding:var(--space-lg);background:0 0;display:grid}.suzumemo-loading-stage{aspect-ratio:600/161;width:100%;position:relative;overflow:hidden}.suzumemo-loading-layer{opacity:0;object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.suzumemo-loading-letter{animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.suzumemo-loading-wordmark-wave-1{animation-name:suzumemo-wordmark-wave-1}.suzumemo-loading-wordmark-wave-2{animation-name:suzumemo-wordmark-wave-2}.suzumemo-loading-wordmark-wave-3{animation-name:suzumemo-wordmark-wave-3}.suzumemo-loading-wordmark-wave-4{animation-name:suzumemo-wordmark-wave-4}.suzumemo-loading-wordmark-wave-5{animation-name:suzumemo-wordmark-wave-5}.suzumemo-loading-wordmark-wave-6{animation-name:suzumemo-wordmark-wave-6}.suzumemo-loading-wordmark-wave-7{animation-name:suzumemo-wordmark-wave-7}.suzumemo-loading-wordmark-wave-8{animation-name:suzumemo-wordmark-wave-8}.suzumemo-loading-subtitle-wave-1{animation-name:suzumemo-subtitle-wave-1}.suzumemo-loading-subtitle-wave-2{animation-name:suzumemo-subtitle-wave-2}.suzumemo-loading-subtitle-wave-3{animation-name:suzumemo-subtitle-wave-3}.suzumemo-loading-subtitle-wave-4{animation-name:suzumemo-subtitle-wave-4}.suzumemo-loading-leaf-left{transform-origin:26.7% 86.3%;animation:3s ease-in-out infinite suzumemo-left-leaf}.suzumemo-loading-leaf-right{transform-origin:76.7% 86.3%;animation:3s ease-in-out infinite suzumemo-right-leaf}@keyframes suzumemo-left-leaf{0%,3%{opacity:0;transform:translate(-4%)scale(.12)rotate(-18deg)}12%{opacity:1;transform:translate(0)scale(1.08)rotate(-4deg)}20%,80%{opacity:1;transform:translate(0)scale(1)rotate(0)}to{opacity:0;transform:translate(0)scale(1)rotate(0)}}@keyframes suzumemo-right-leaf{0%,5%{opacity:0;transform:translate(4%)scale(.12)rotate(18deg)}16%{opacity:1;transform:translate(0)scale(1.08)rotate(4deg)}24%,80%{opacity:1;transform:translate(0)scale(1)rotate(0)}to{opacity:0;transform:translate(0)scale(1)rotate(0)}}@keyframes suzumemo-wordmark-wave-1{0%,12%{opacity:0;filter:blur(2px)}20%,80%{opacity:1;filter:blur()}to{opacity:0;filter:blur()}}@keyframes suzumemo-wordmark-wave-2{0%,16%{opacity:0;filter:blur(2px)}24%,80%{opacity:1;filter:blur()}to{opacity:0;filter:blur()}}@keyframes suzumemo-wordmark-wave-3{0%,18%{opacity:0;filter:blur(2px)}26%,80%{opacity:1;filter:blur()}to{opacity:0;filter:blur()}}@keyframes suzumemo-wordmark-wave-4{0%,20%{opacity:0;filter:blur(2px)}28%,80%{opacity:1;filter:blur()}to{opacity:0;filter:blur()}}@keyframes suzumemo-wordmark-wave-5{0%,22%{opacity:0;filter:blur(2px)}30%,80%{opacity:1;filter:blur()}to{opacity:0;filter:blur()}}@keyframes suzumemo-wordmark-wave-6{0%,24%{opacity:0;filter:blur(2px)}32%,80%{opacity:1;filter:blur()}to{opacity:0;filter:blur()}}@keyframes suzumemo-wordmark-wave-7{0%,26%{opacity:0;filter:blur(2px)}34%,80%{opacity:1;filter:blur()}to{opacity:0;filter:blur()}}@keyframes suzumemo-wordmark-wave-8{0%,28%{opacity:0;filter:blur(2px)}36%,80%{opacity:1;filter:blur()}to{opacity:0;filter:blur()}}@keyframes suzumemo-subtitle-wave-1{0%,32%{opacity:0;filter:blur(2px)}40%,80%{opacity:1;filter:blur()}to{opacity:0;filter:blur()}}@keyframes suzumemo-subtitle-wave-2{0%,34%{opacity:0;filter:blur(2px)}42%,80%{opacity:1;filter:blur()}to{opacity:0;filter:blur()}}@keyframes suzumemo-subtitle-wave-3{0%,36%{opacity:0;filter:blur(2px)}44%,80%{opacity:1;filter:blur()}to{opacity:0;filter:blur()}}@keyframes suzumemo-subtitle-wave-4{0%,38%{opacity:0;filter:blur(2px)}46%,80%{opacity:1;filter:blur()}to{opacity:0;filter:blur()}}@media (prefers-reduced-motion:reduce){.suzumemo-loading-layer{opacity:1;filter:none;transform:none;animation:none!important}}#root{min-height:100svh}.app-layout{min-height:100svh;display:flex}.app-layout-main{min-width:0;padding-bottom:calc(var(--size-bottom-nav-height) + env(safe-area-inset-bottom));flex:1}@media (width>=900px){.app-layout-main{padding-bottom:0}}.app-shell{background:linear-gradient(180deg, rgb(var(--color-surface-canvas-rgb) / .95), rgb(var(--color-surface-panel-rgb) / .98)), var(--color-surface-canvas);min-height:100svh}.auth-screen{min-height:100svh;padding:var(--space-lg);background:linear-gradient(180deg, rgb(var(--color-surface-canvas-rgb) / .95), rgb(var(--color-surface-panel-rgb) / .98)), var(--color-surface-canvas);place-items:center;display:grid}.public-status-screen{isolation:isolate;position:relative;overflow:hidden}.public-status-screen:before,.public-status-screen:after{content:"";pointer-events:none;z-index:0;border-radius:50%;position:absolute}.public-status-screen:before{background:rgb(var(--color-surface-panel-rgb) / .75);width:min(52vw,360px);height:min(52vw,360px);top:8%;left:-8%}.public-status-screen:after{background:rgb(var(--color-surface-sunken-rgb) / .55);width:min(44vw,300px);height:min(44vw,300px);bottom:6%;right:-6%}.public-status-screen>*{z-index:1;position:relative}.auth-panel{width:min(100%,440px);padding:calc(var(--space-lg) + var(--space-2xs))}.app-main{width:min(var(--layout-content-max-width), calc(100% - var(--layout-shell-inset-lg)));padding:var(--space-xl) 0;margin:0 auto}.summary-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.workbench-grid{grid-template-columns:minmax(0, 1fr) minmax(var(--layout-workbench-sidebar-min-width), .68fr);gap:var(--space-panel);align-items:start;display:grid}.paper-panel{border:1px solid var(--color-border-subtle)}.week-day-grid{gap:var(--space-xs);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.week-day-button{min-width:0}.week-day-button span,.week-day-button small{line-height:1.2;display:block}.week-day-button small{margin-top:2px;font-size:.72rem}.category-grid{gap:var(--space-xs);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.category-button{white-space:nowrap;min-width:0}.category-settings-list{gap:calc(var(--space-xs) + 2px);margin:0;padding:0;list-style:none;display:grid}.category-settings-row{gap:var(--space-sm);min-width:0;padding:var(--space-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-panel);justify-content:space-between;align-items:center;display:flex}.group-member-list{gap:calc(var(--space-xs) + 2px);margin:0;padding:0;list-style:none;display:grid}.group-member-row{gap:var(--space-sm);min-width:0;padding:var(--space-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-panel);justify-content:space-between;align-items:center;display:flex}.primary-action{flex:1}.receipt-image-upload{gap:var(--space-sm);padding:var(--space-sm);border:1px dashed var(--color-border-emphasis);border-radius:var(--radius-md);background:var(--color-surface-accent);display:grid}.ai-expense-queue{gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-panel);display:grid}.ai-expense-queue-item{min-width:0;padding:var(--space-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-panel)}.ai-expense-queue-item-processing{border-left:4px solid var(--color-border-emphasis)}.ai-expense-queue-item-ready{border-left:4px solid var(--color-success-main)}.ai-expense-queue-item-needs_review{border-left:4px solid var(--color-warning-main)}.ai-expense-queue-item-failed{border-left:4px solid var(--color-error-main)}.ai-expense-queue-item-registered{border-left:4px solid var(--color-secondary-main)}.receipt-image-preview{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-panel);place-items:center;width:100%;max-height:220px;display:grid;overflow:hidden}.receipt-image-preview canvas{object-fit:contain;width:100%;max-height:220px;display:block}.receipt-image-file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.visually-hidden-file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.user-menu-button{gap:var(--space-xs);min-width:0;max-width:240px;display:inline-flex}.user-menu-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.budget-strip{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-secondary-dark);display:flex}.receipt-list{gap:calc(var(--space-xs) + 2px);display:grid}.receipt-row{gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-panel);grid-template-columns:1fr auto;align-items:center;display:grid}@media (width<=860px){.workbench-grid{grid-template-columns:1fr}}@media (width<=760px){.app-main{width:min(calc(100% - var(--layout-shell-inset-md)), var(--layout-content-max-width));padding:var(--space-panel) 0}.auth-panel{padding:var(--space-panel)}.summary-grid{grid-template-columns:1fr}.week-day-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-settings-row,.group-member-row{flex-direction:column;align-items:stretch}}@media (width<=390px){.app-main{width:min(calc(100% - var(--layout-shell-inset-sm)), var(--layout-content-max-width));padding:var(--space-md) 0}.auth-panel{width:min(100%,360px);padding:var(--space-md)}.week-day-grid{gap:calc(var(--space-xs) - 2px);grid-template-columns:repeat(4,minmax(0,1fr))}.week-day-button{padding:8px 4px}.week-day-button small{font-size:.65rem}.category-grid{gap:calc(var(--space-xs) - 2px);grid-template-columns:repeat(2,minmax(0,1fr))}.category-button{padding:8px 4px;font-size:.85rem}.category-settings-row{padding:calc(var(--space-xs) + 2px);gap:calc(var(--space-xs) + 2px)}}@media (width<=320px){.app-main{width:min(calc(100% - var(--layout-shell-inset-xs)), var(--layout-content-max-width));padding:var(--space-sm) 0}.auth-panel{width:min(100%,300px);padding:var(--space-sm)}.week-day-grid{gap:var(--space-2xs);grid-template-columns:repeat(4,minmax(0,1fr))}.week-day-button{padding:6px 2px}.week-day-button small{font-size:.6rem}.category-grid{gap:var(--space-2xs);grid-template-columns:repeat(2,minmax(0,1fr))}.category-button{padding:6px 2px;font-size:.8rem}.category-settings-row{padding:var(--space-xs);gap:var(--space-xs)}.receipt-row{gap:var(--space-xs);grid-template-columns:1fr}.user-menu-button{max-width:180px}}