:root{--bg-app:#ededf0;--bg-device:#f5f5f7;--bg-card:#fff;--bg-subtle:#e9e9ee;--bg-subtle-hover:#dfdfe4;--bg-dark:#131316;--text-primary:#131316;--text-secondary:#3c3c43;--text-tertiary:#8a8a8e;--text-placeholder:#b4b4ba;--text-inverse:#fff;--border-light:#f0f0f3;--border-subtle:#e4e4e9;--border-medium:#c7c7cc;--border-dark:#131316;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 24px #00000024;--shadow-fab:0 8px 20px #13131647;--shadow-container:0 0 40px #0000000f;--cat-food:#ff9500;--cat-cafe:#af52de;--cat-transport:#34c759;--cat-living:#007aff;--cat-shopping:#ff3b30;--cat-housing:#5856d6;--cat-medical:#ff375f;--cat-culture:#fc0;--cat-salary:#30b0c7;--cat-other:#8e8e93;--radius-xs:6px;--radius-sm:9px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg-app);width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Helvetica Neue,Helvetica,sans-serif;overflow-x:hidden}.app-viewport{background:var(--bg-app);justify-content:center;width:100%;min-height:100dvh;display:flex}.mobile-app-root{background:var(--bg-device);width:100%;max-width:480px;min-height:100dvh;box-shadow:var(--shadow-container);flex-direction:column;display:flex;position:relative}.screen-scroll-container{padding:24px 20px 96px;padding-top:max(24px, env(safe-area-inset-top,24px));padding-bottom:max(96px, calc(env(safe-area-inset-bottom,20px) + 80px));-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:16px;display:flex;overflow:hidden auto}.screen-scroll-container::-webkit-scrollbar{display:none}.bottom-tab-bar{height:64px;height:calc(64px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);padding-top:10px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:40;background:#fffffff0;grid-template-columns:repeat(5,1fr);align-items:start;width:100%;max-width:480px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-item{cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:4px;transition:transform .15s,opacity .15s;display:flex}.tab-item:active{transform:scale(.92)}.tab-icon-box{background:var(--border-medium);border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.tab-item.active .tab-icon-box{background:var(--bg-dark)}.tab-label{color:var(--text-tertiary);font-size:11px;font-weight:500;transition:color .2s}.tab-item.active .tab-label{color:var(--bg-dark);font-weight:600}.fab-add-button{bottom:calc(76px + env(safe-area-inset-bottom,0px));background:var(--bg-dark);width:54px;height:54px;color:var(--text-inverse);box-shadow:var(--shadow-fab);cursor:pointer;z-index:50;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:27px;justify-content:center;align-items:center;font-size:32px;font-weight:300;line-height:1;transition:transform .15s,box-shadow .2s;display:flex;position:fixed;right:max(20px,50vw - 220px)}@media (width<=480px){.fab-add-button{right:20px}}.fab-add-button:hover{transform:scale(1.05);box-shadow:0 12px 28px #1313165c}.fab-add-button:active{transform:scale(.92)}.ios-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px 18px;transition:box-shadow .2s}.ios-card-list{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.segmented-control{background:var(--bg-subtle);border-radius:12px;gap:3px;padding:3px;display:grid}.segment-button{color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:9px;padding:8px 0;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}.segment-button.active{background:var(--bg-card);color:var(--text-primary);font-weight:600;box-shadow:0 1px 3px #0000001f}.category-badge{border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.keypad-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.keypad-btn{background:var(--bg-card);border-radius:var(--radius-md);text-align:center;color:var(--text-primary);cursor:pointer;border:none;padding:14px 0;font-size:24px;font-weight:500;transition:transform .1s,background .1s;box-shadow:0 1px 3px #0000000f}.keypad-btn:active{background:var(--bg-subtle);transform:scale(.96)}.ios-switch{background:var(--border-medium);cursor:pointer;border:none;border-radius:15px;align-items:center;width:50px;height:30px;padding:0 3px;transition:background .3s;display:flex}.ios-switch.on{background:var(--bg-dark);justify-content:flex-end}.ios-switch.off{justify-content:flex-start}.ios-switch-thumb{background:#fff;border-radius:12px;width:24px;height:24px;box-shadow:0 2px 4px #0003}.modal-overlay{-webkit-backdrop-filter:blur(5px);z-index:1000;background:#00000073;flex-direction:column;justify-content:flex-end;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-device);width:100%;max-width:480px;padding:20px 20px 32px;padding-bottom:max(32px, env(safe-area-inset-bottom,32px));z-index:1001;border-radius:28px 28px 0 0;flex-direction:column;max-height:92vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow-y:auto;box-shadow:0 -10px 40px #0000004d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}