:root{--background:#FCFCFC;--surface:#FCFCFC;--surface-variant:#EBF0F1;--surface-elevated:#FCFCFC;--on-background:#000000;--on-surface:#000000;--on-surface-variant:#4D4D4D;--on-surface-disabled:#A3A3A3;--primary:#0C688F;--on-primary:#FFFFFF;--primary-container:#B3D9EA;--on-primary-container:#001D34;--secondary:#85B3C7;--on-secondary:#FFFFFF;--secondary-container:#D5E4F7;--on-secondary-container:#0F1D2A;--success:#16AE7C;--on-success:#FFFFFF;--success-container:#E8F5E9;--on-success-container:#0B3D2A;--warning:#FFC107;--on-warning:#000000;--warning-container:#FFECB2;--on-warning-container:#3F2E00;--danger:#FF0000;--on-danger:#FFFFFF;--danger-container:#FFB4AB;--on-danger-container:#410002;--premium:#FFD700;--on-premium:#000000;--divider:#CCCCCC;--outline:#888888;--outline-variant:#C2C7CF;--background-tag:rgba(136,136,136,.2);--bottom-nav-bg:#0C688F;--bottom-nav-selected:#FCFCFC;--bottom-nav-unselected:rgba(252,252,252,.5);--alert-banner-bg:#FFF59D;--alert-banner-fg:#795548;--calendar-bg:#0C688F;--calendar-header:#0C688F;--weekday-bg:#16AE7C;--calendar-on-header:#FFFFFF;--paid:#388E3C;--on-paid:#FFFFFF;--unpaid:#FF0000;--on-unpaid:#FFFFFF;--today:#388E3C;--selected-day-bg:rgba(22,174,124,.5);--selected-day-fg:#000000;--label:#888888;--period-day:#E08600;--period-night:#4F46E5;--deep-blue:#0C688F;--green-accent:#16AE7C;--green-light:#388E3C;--soft-gray:#EBF0F1;--pad-micro:2px;--pad-sm:4px;--pad-md:8px;--pad-lg-md:12px;--pad-lg:16px;--pad-md-lg:24px;--pad-max-lg:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-max:24px;--fs-xxs:8px;--fs-xs:10px;--fs-sm:12px;--fs-sm-md:14px;--fs-md:16px;--fs-md-lg:18px;--fs-lg:20px;--shadow-6:0 3px 6px rgba(0,0,0,.16), 0 1px 3px rgba(0,0,0,.12);--shadow-2:0 1px 3px rgba(0,0,0,.2);color-scheme:light}:root[data-theme=dark]{--background:#000000;--surface:#000000;--surface-variant:#15171A;--surface-elevated:#101114;--on-background:#E2E2E5;--on-surface:#E2E2E5;--on-surface-variant:#C2C7CF;--on-surface-disabled:#6E7378;--primary:#99CBFF;--on-primary:#003355;--primary-container:#004A78;--on-primary-container:#CFE5FF;--secondary:#BAC8DA;--on-secondary:#243240;--secondary-container:#3A4857;--on-secondary-container:#D5E4F7;--success:#34D399;--on-success:#003920;--success-container:#1F4F3D;--on-success-container:#B7F0D5;--warning:#FFB95C;--on-warning:#3F2E00;--warning-container:#5A4200;--on-warning-container:#FFECB2;--danger:#FFB4AB;--on-danger:#690005;--danger-container:#93000A;--on-danger-container:#FFDAD6;--premium:#FFE066;--on-premium:#3F3300;--divider:#2A2D31;--outline:#8C9199;--outline-variant:#42474E;--background-tag:rgba(255,255,255,.2);--bottom-nav-bg:#101114;--bottom-nav-selected:#99CBFF;--bottom-nav-unselected:#C2C7CF;--alert-banner-bg:#5A4200;--alert-banner-fg:#FFECB2;--calendar-bg:#000000;--calendar-header:#000000;--weekday-bg:#000000;--calendar-on-header:#E2E2E5;--paid:#34D399;--on-paid:#003920;--unpaid:#FFB4AB;--on-unpaid:#690005;--today:#99CBFF;--selected-day-bg:#FFB4AB;--selected-day-fg:#690005;--label:#C2C7CF;--period-day:#FFC14D;--period-night:#A5B4FC;--shadow-6:0 3px 6px rgba(0,0,0,.6);--shadow-2:0 1px 3px rgba(0,0,0,.6);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Roboto,system-ui,-apple-system,Segoe UI,sans-serif;background:#1d1f22;color:var(--on-surface);-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;color:inherit}.app-frame{position:relative;height:100%;max-width:480px;margin:0 auto;background:var(--background);color:var(--on-background);overflow:hidden;display:flex;flex-direction:column}@media(min-width:520px){.app-frame{height:min(100%,920px);top:50%;transform:translateY(-50%);border-radius:24px;box-shadow:0 10px 40px #00000080}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--background)}.screen[hidden]{display:none}.scroll{flex:1;overflow-y:auto;overflow-x:hidden}.msym{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-user-select:none;user-select:none;width:1em;height:1em;overflow:hidden;flex-shrink:0;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.topbar{display:flex;align-items:center;gap:4px;min-height:56px;padding:0 8px;background:var(--surface);color:var(--on-surface);flex-shrink:0}.topbar-title{flex:1;font-size:var(--fs-md);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;align-items:center}.icon-btn{border:0;background:transparent;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:inherit}.icon-btn:hover{background:var(--background-tag)}.icon-btn:disabled{opacity:.3;cursor:default}.scaffold-footer{padding:var(--pad-lg);flex-shrink:0;background:var(--background)}.btn{border:0;width:100%;min-height:48px;border-radius:var(--radius-max);padding:10px 20px;cursor:pointer;font-weight:500;font-size:var(--fs-md);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-danger{background:var(--danger);color:var(--on-danger)}.btn-success{background:var(--success);color:var(--on-success)}.btn-paid{background:var(--paid);color:var(--on-paid)}.btn-surface{background:var(--surface-variant);color:var(--on-surface)}.btn-danger-container{background:var(--danger-container);color:var(--on-danger-container)}.btn-text{background:transparent;color:var(--primary);width:auto;min-height:40px;padding:8px 12px;border-radius:var(--radius-sm)}.field{position:relative;display:block;margin:8px 0 4px}.field input,.field textarea{width:100%;border:1px solid var(--outline);border-radius:var(--radius-sm);background:transparent;padding:16px 14px;outline:none;font-size:var(--fs-md);resize:vertical}.field textarea{min-height:120px}.field input:focus,.field textarea:focus{border:2px solid var(--primary);padding:15px 13px}.field-label{position:absolute;left:10px;top:16px;padding:0 4px;color:var(--label);pointer-events:none;transition:all .15s;background:var(--background);font-size:var(--fs-md)}.field input:focus+.field-label,.field input:not(:placeholder-shown)+.field-label,.field textarea:focus+.field-label,.field textarea:not(:placeholder-shown)+.field-label{top:-8px;font-size:var(--fs-sm)}.field input:focus+.field-label,.field textarea:focus+.field-label{color:var(--primary)}.field-error input,.field-error textarea{border-color:var(--danger)}.field-error-text{display:block;color:var(--danger);font-size:var(--fs-sm);margin:4px 14px 0}.switch{width:52px;height:32px;border-radius:16px;border:2px solid var(--outline);background:var(--surface-variant);position:relative;cursor:pointer;padding:0;flex-shrink:0;transition:background .15s}.switch-thumb{position:absolute;top:6px;left:6px;width:16px;height:16px;border-radius:50%;background:var(--outline);transition:all .15s}.switch.on{background:var(--primary);border-color:var(--primary)}.switch.on .switch-thumb{left:24px;top:2px;width:24px;height:24px;background:var(--on-primary)}.row-item{display:flex;align-items:center;gap:12px;padding:14px 0;min-height:52px}.row-item.clickable{cursor:pointer}.row-item-main{flex:1;min-width:0}.row-item-sub{font-size:var(--fs-sm);color:var(--on-surface-variant);margin-top:2px}.row-item-right{display:flex;align-items:center;gap:8px;color:var(--on-surface-variant);text-align:right}.swatch{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);box-shadow:var(--shadow-2);flex-shrink:0}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000052;z-index:50;display:flex;align-items:flex-end;animation:fade .15s}.sheet{width:100%;max-height:85%;background:var(--surface-elevated);color:var(--on-surface);border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:slideup .2s ease-out}.sheet-handle{width:32px;height:4px;border-radius:2px;background:var(--outline);margin:10px auto 4px;opacity:.5}.sheet-title{text-align:center;font-weight:700;font-size:var(--fs-md-lg);padding:8px 16px}.sheet-body{overflow-y:auto;padding:8px 16px 24px;display:flex;flex-direction:column;gap:16px}@keyframes slideup{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.dialog-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade .15s}.dialog{background:var(--surface-elevated);color:var(--on-surface);border-radius:28px;padding:24px;width:100%;max-width:360px;box-shadow:var(--shadow-6)}.dialog-title{font-size:var(--fs-lg);font-weight:500;margin-bottom:12px}.dialog-body{color:var(--on-surface-variant);font-size:var(--fs-sm-md);line-height:1.45}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px;margin-top:20px}.dialog-buttons{display:flex;justify-content:flex-end;gap:8px}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px 4px}.color-cell{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:0}.color-name{font-size:var(--fs-xs);color:var(--on-surface-variant);text-align:center;line-height:1.15}.fab{position:absolute;right:16px;bottom:16px;width:56px;height:56px;border-radius:16px;border:0;background:var(--surface-elevated);color:var(--success);box-shadow:var(--shadow-6);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:700}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;color:var(--on-surface-variant);text-align:center}.card{background:var(--surface-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-6)}.toast-host{position:absolute;left:16px;right:16px;bottom:80px;z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 16px;border-radius:var(--radius-md);background:#323232;color:#fff;font-size:var(--fs-sm-md);box-shadow:var(--shadow-6);animation:fade .2s}.toast-success{background:#2e7d32}.toast-error{background:#c62828}.toast-warning{background:#ef6c00}.section-title{font-size:var(--fs-md-lg);color:var(--on-surface);padding:16px 16px 8px}.page-pad{padding:0 var(--pad-lg)}.period-line{display:flex;align-items:center;gap:4px;min-width:0}.period-icon{display:inline-flex;flex-shrink:0;line-height:1}.period-day{color:var(--period-day)}.period-night{color:var(--period-night)}.splash{flex:1;display:flex;align-items:center;justify-content:center;background:#fff}:root[data-theme=dark] .splash{background:#000}.loading{flex:1}.home-body{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.bottom-nav{display:flex;height:56px;background:var(--bottom-nav-bg);flex-shrink:0;box-shadow:0 -1px 4px #00000026}.bottom-nav-item{flex:1;border:0;background:transparent;color:var(--bottom-nav-unselected);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;min-width:0;padding:0 2px}.bottom-nav-item.selected{color:var(--bottom-nav-selected)}.bottom-nav-icon{position:relative;display:inline-flex}.bottom-nav-label{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-badge{position:absolute;top:-2px;right:-6px;width:10px;height:10px;border-radius:50%;background:var(--danger)}