@font-face{font-family:SUSE;src:url(../fonts/SUSE-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Google Sans Flex;src:url(../fonts/GoogleSansFlex-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:NanumSquareNeo;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:NanumSquareNeo;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:NanumSquareNeo;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:NanumSquareNeo;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff2) format("woff2");font-weight:800;font-display:swap}:root{--color-bg: #F8F7F4;--color-surface: #FFFFFF;--color-surface2: #F1F0EA;--color-body-bg: #E4E3DB;--color-text-primary: #181715;--color-text-secondary: #78776E;--color-text-muted: #878e98;--color-text-white: #FFFFFF;--color-accent: #009BFA;--color-accent-light: #E0F4FF;--color-accent-shadow: rgba(0,155,250,.35);--color-income: #4076cb;--color-income-light: #EAF2FF;--color-fixed: #0b7634;--color-fixed-light: #E6F5EF;--color-expense: #ff6000;--color-expense-light: #FBEEE9;--color-warn: #E8964A;--color-warn-light: #FEF1E4;--color-border: #ECEAE3;--color-overlay: rgba(0,0,0,.45);--shadow-sm: 0 2px 14px rgba(26,25,23,.07);--shadow-md: 0 8px 36px rgba(26,25,23,.11);--font-ui: "NanumSquareNeo", -apple-system, sans-serif;--font-num: "Google Sans Flex", "Roboto", sans-serif;--sp-screen: 21px;--sp-section: 24px;--sp-nav-bottom: 98px;--r-sm: 8px;--r-md: 14px;--r-lg: 16px;--r-xl: 18px;--r-sheet: 24px;--r-full: 99px;--r-card: 20px;--r-badge: 99px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}html{touch-action:manipulation}html,body{height:100%;overflow:hidden;overscroll-behavior:none}:root{--sat: env(safe-area-inset-top, 0px)}#root{height:100%;overflow:hidden}body{background:var(--color-bg);font-family:var(--font-ui);font-size:14px;font-weight:400;color:var(--color-text-primary)}button{appearance:none;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;padding:0;outline:none;-webkit-tap-highlight-color:transparent}a{-webkit-tap-highlight-color:transparent}input{font-family:var(--font-ui);font-size:14px;border:none;outline:none;background:none;width:100%}.u-num{font-family:var(--font-num);font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-1px}.u-hide-scroll{scrollbar-width:none;-ms-overflow-style:none}.u-hide-scroll::-webkit-scrollbar{display:none}.slide-left{animation:slideFromRight .3s ease-out}.slide-right{animation:slideFromLeft .3s ease-out}@keyframes slideFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes card-slide-left{0%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes card-slide-right{0%{transform:translate(-60px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}.sheet-slide-up{animation:slide-up .32s cubic-bezier(.32,.72,0,1)}.sheet-slide-down{animation:slide-down .28s cubic-bezier(.32,.72,0,1) forwards}@keyframes modal-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes modal-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.88)}}.modal-in{animation:modal-in .22s cubic-bezier(.34,1.56,.64,1) forwards}.modal-out{animation:modal-out .18s ease-in forwards}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}.page-slide-in{animation:slide-in-right .3s cubic-bezier(.32,.72,0,1)}.page-slide-out{animation:slide-out-right .26s cubic-bezier(.32,.72,0,1) forwards}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.page-slide-in-left{animation:slide-in-left .3s cubic-bezier(.32,.72,0,1)}.page-slide-up-in{animation:slide-up .36s cubic-bezier(.32,.72,0,1)}.page-slide-up-out{animation:slide-down .28s cubic-bezier(.4,0,1,1) forwards}@keyframes map-expand{0%{max-height:0;opacity:0}to{max-height:200px;opacity:1}}@keyframes map-collapse{0%{max-height:200px;opacity:1}to{max-height:0;opacity:0}}.map-expand{animation:map-expand .25s ease;overflow:hidden}.map-collapse{animation:map-collapse .22s ease forwards;overflow:hidden}@keyframes gauge-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.gauge-fill{transform-origin:left center;animation:gauge-fill .8s ease-out forwards}.amt-input-expense::placeholder{color:#ff600059}.amt-input-income::placeholder{color:#4076cb59}.amt-input-saving::placeholder{color:#4076cb59}.amt-input-fixed::placeholder{color:#0b763459}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes banner-slide-in{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes cards-slide-in{0%{transform:translate(calc(-150vw + 37px))}to{transform:translate(0)}}.cards-slide-in{animation:cards-slide-in 1.1s cubic-bezier(.22,1,.36,1) .4s both}@keyframes budget-cards-in{0%{transform:translate(calc(-300vw + 81px))}to{transform:translate(0)}}.budget-cards-in{animation:budget-cards-in 1.3s cubic-bezier(.34,1.2,.64,1) .7s both}.overlay-fade-in{animation:fade-in .2s ease}.overlay-fade-out{animation:fade-out .28s ease forwards}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;width:0;padding:0}input[type=date]::-webkit-date-and-time-value{text-align:left}input[type=date]::-webkit-inner-spin-button{display:none}input[type=date]{-webkit-appearance:none;appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}@keyframes tutorial-pop{0%{opacity:0;transform:translate(-50%) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#eceae3 25%,#f4f3ee,#eceae3 75%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite;border-radius:8px}
