:root{font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;color:#19372d;background:#f6f8f6;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#19372d;--green:#27775b;--line:#e3eae5;--muted:#778b80;--danger:#b34b47}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a0dfc2;outline-offset:2px}input,select{color:var(--ink)}button{border:0}h1,h2,h3,p{margin-top:0}.app-shell{max-width:1150px;margin:0 auto;padding:0 28px}.site-header{height:102px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand-icon{background:#185b47;color:#ddfce9;border-radius:14px;width:45px;height:45px;display:grid;place-items:center;font-size:25px;transform:none}.brand>div:last-child{display:flex;flex-direction:column}.brand strong{font-size:25px;font-weight:860;line-height:1.1;letter-spacing:-1.2px}.brand small{font-size:11px;color:#93a297;margin-top:4px}.brand-period{color:#4cab7d}.header-right{display:flex;align-items:center;gap:15px}.private-pill{font-size:12px;background:#e9f3ed;border-radius:30px;padding:9px 13px;color:#56846b}.header-meta{font-size:12px;color:#a4b0a6}.desktop-nav{display:flex;gap:16px;border-bottom:1px solid var(--line);align-items:center;min-height:57px}.desktop-nav>button{color:#829489;padding:16px 11px;border-bottom:2px solid transparent;background:transparent;font-weight:750;font-size:14px;display:flex;align-items:center;gap:7px}.desktop-nav>button.current{color:#216e52;border-bottom-color:#216e52}.desktop-nav>button span{font-size:19px}.nav-spacer{flex:1}.month-control{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:3px}.month-control button{width:30px;height:30px;border-radius:9px;color:#557767;background:transparent;font-size:23px;line-height:1}.month-control button:hover{background:#edf4ef}.month-control strong{text-align:center;min-width:88px;font-size:13px}.mobile-month,.mobile-nav{display:none}main{padding-top:32px;min-height:calc(100vh - 280px)}.section-title{margin:0 0 24px}.eyebrow{font-size:12px;font-weight:760;letter-spacing:1px;color:#23815b}.section-title h1{font-size:29px;letter-spacing:-1.1px;margin:5px 0 3px}.section-title p{font-size:14px;color:var(--muted);margin:0;line-height:1.5}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px}.stack{display:flex;flex-direction:column;gap:18px;min-width:0}.hero{border-radius:23px;background:linear-gradient(120deg,#1c5342,#0e3029);color:#fff;padding:29px;position:relative;overflow:hidden;box-shadow:0 15px 38px #164f382b}.hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#418c6f55,transparent 70%);right:-85px;top:-85px}.hero>*{position:relative;z-index:1}.hero-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#d2e9db;font-weight:650}.hero-pill{border:1px solid #7ba4918a;padding:6px 10px;border-radius:25px;font-size:11px}.hero-money{font-weight:850;letter-spacing:-2px;font-size:clamp(34px,4.5vw,52px);margin:13px 0 4px;font-variant-numeric:tabular-nums}.hero p{font-size:12px;color:#c2decd;margin:0;line-height:1.7}.hero-separator{height:1px;background:#ffffff39;margin:28px 0 20px}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hero-bottom div{display:flex;flex-direction:column;gap:8px;min-width:0}.hero-bottom span{font-size:12px;color:#c5e2d1}.hero-bottom strong{font-size:18px;letter-spacing:-.5px}.hero-warning{margin-top:18px;color:#ffdcaf;font-size:12px}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat{border:1px solid var(--line);background:#fff;border-radius:18px;padding:17px 15px;display:flex;flex-direction:column;gap:8px;min-width:0}.stat>span{color:#829289;font-size:12px}.stat strong{font-size:17px;letter-spacing:-.75px;white-space:nowrap}.stat small{font-size:11px;color:#a7b3ac}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px;box-shadow:0 5px 18px #22412e07;min-width:0}.card-heading{margin-bottom:20px}.card-heading h2{font-size:16px;font-weight:800;margin:0 0 6px;letter-spacing:-.4px}.card-heading p{font-size:12px;line-height:1.5;color:#98a79d;margin:0}.stacked-rail{display:flex;height:12px;overflow:hidden;gap:2px;border-radius:30px;background:#e3eee8}.legend{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:12px;margin-top:17px}.legend span{display:flex;align-items:center;gap:6px;font-size:12px;color:#6c8274}.dot{display:inline-block;border-radius:50%;width:9px;height:9px}.goal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.goal-top strong{font-size:26px;letter-spacing:-1px}.goal-top>span{color:#23815b;font-weight:750}.progress{height:10px;border-radius:99px;background:#e6efe9;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#4fb68c,#21805b);border-radius:99px;transition:width .2s}.progress-caption{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#84938a;margin-top:10px}.text-button{background:transparent;color:#23795a;font-size:12px;font-weight:780;padding:7px 0;margin-top:14px}.big-inline{display:flex;align-items:baseline;justify-content:space-between;margin:7px 0 18px}.big-inline strong{font-size:25px;letter-spacing:-1px}.big-inline span{font-size:12px;color:var(--muted)}.primary-button{padding:13px 18px;border-radius:12px;background:#237b5c;color:#fff;font-weight:750;font-size:13px;min-height:44px}.primary-button:hover{background:#176447}.primary-button.full{width:100%;margin-top:19px}.secondary-button{padding:12px 16px;background:#eef5ef;color:#276e54;font-size:13px;font-weight:720;border-radius:12px;min-height:44px}.item-list{display:flex;flex-direction:column}.item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 0;border-bottom:1px solid #eef2ee}.item:last-child{border:0}.item-name{display:flex;align-items:center;gap:10px;min-width:0}.emoji{display:inline-grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:12px;background:#f1f6f2;font-size:18px}.item-name div{display:flex;flex-direction:column;gap:5px;min-width:0}.item-name strong{font-size:13px}.item-name small{font-size:11px;color:#9bab9f}.item>strong{font-size:13px;white-space:nowrap}.notice{padding:17px;background:#eaf3ec;border:1px solid #deecdf;border-radius:16px;display:flex;gap:10px;font-size:12px;color:#547663;line-height:1.7}.notice span{font-size:16px}.notice p{margin:0}.notice strong{font-weight:800;color:#375e48}.notice.inside{display:block;margin-top:20px}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.entry-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.entry-form label,.simple-label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;color:#637c6d}.form-wide{grid-column:1/-1}input,select{background:#fcfdfc;border:1px solid #dce7df;border-radius:11px;padding:11px 12px;min-height:44px;width:100%;font-size:14px;max-width:100%;min-width:0}input:focus,select:focus{border-color:#38966f}.form-error{font-size:12px;color:var(--danger);grid-column:1/-1;margin:0}.summary-pairs{display:grid;grid-template-columns:1fr 1fr;gap:15px}.summary-pairs>div{display:flex;flex-direction:column;gap:8px}.summary-pairs>div>span{font-size:12px;color:var(--muted)}.summary-pairs>div>strong{font-size:17px;letter-spacing:-.3px}.summary-pairs .emphasize{grid-column:1/-1;padding:16px;background:#f1f7f2;border-radius:14px}.summary-pairs .emphasize strong{font-size:22px}.usage-note{font-size:12px;color:#829286;border-top:1px solid #eef2ef;padding-top:13px;margin:14px 0 0}.empty{text-align:center;padding:40px 10px;color:#91a296;font-size:13px;line-height:1.8}.expense-list{display:flex;flex-direction:column}.expense-row{padding:13px 0;border-bottom:1px solid #edf1ed;display:flex;justify-content:space-between;gap:10px;align-items:center}.expense-row:last-child{border:0}.expense-main{display:flex;gap:10px;min-width:0;align-items:center}.expense-icon{background:#f1f5f1;width:37px;height:37px;border-radius:13px;display:grid;place-items:center;flex:none}.expense-main>div{display:flex;flex-direction:column;gap:5px;min-width:0}.expense-main strong{font-size:13px}.expense-main small{color:#8e9f93;font-size:11px;overflow-wrap:anywhere}.expense-side{display:flex;align-items:center;gap:5px;flex-shrink:0}.expense-side strong{color:#ad5b4d;font-size:13px;white-space:nowrap}.delete-button{background:transparent;color:#a0b0a4;font-size:22px;min-width:30px}.setting-fields{display:flex;flex-direction:column}.setting-field{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf2ec;font-size:13px;color:#526b5d}.setting-field:last-child{border:0}.setting-field>span{flex:1}.input-with-unit{position:relative;display:flex;align-items:center;max-width:192px;width:100%}.input-with-unit input{text-align:right;padding-right:32px;font-variant-numeric:tabular-nums}.input-with-unit small{position:absolute;right:12px;color:#859a8a;font-size:12px;pointer-events:none}.total-row{border-top:1px solid var(--line);margin-top:17px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.total-row strong{font-size:17px}.budget-item{padding:16px 0;border-bottom:1px solid #eaf0eb}.budget-item:first-child{padding-top:0}.budget-item:last-child{border:0}.budget-item.disabled{opacity:.48}.budget-item-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.budget-item-head>div{display:flex;gap:8px;align-items:center;min-width:0}.budget-item-head strong{font-size:13px}.budget-item-head small{font-size:10px;color:#93a298;background:#f0f4f1;padding:4px 7px;border-radius:14px;white-space:nowrap}.budget-item-bottom{margin-top:9px;padding-left:44px;display:flex;gap:10px;align-items:center}.budget-item-bottom>.input-with-unit{max-width:100%}.remove-item{background:transparent;color:#b9665e;font-size:11px;white-space:nowrap}.switch{position:relative;width:39px;height:24px;flex:none}.switch input{position:absolute;opacity:0;width:100%;height:100%;z-index:1;cursor:pointer;margin:0}.switch span{display:block;width:39px;height:24px;background:#c5d0c7;border-radius:30px;transition:background .2s}.switch span:before{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;box-shadow:0 1px 2px #0002;transition:transform .2s}.switch input:checked+span{background:#2a8967}.switch input:checked+span:before{transform:translate(15px)}.goal-large{font-size:32px;font-weight:800;letter-spacing:-1px;margin:4px 0 23px}.goal-large small{display:block;font-size:12px;letter-spacing:0;color:#98a69a;margin-top:8px;font-weight:500}.extra-top{margin-top:24px}.future-list{display:flex;flex-direction:column;gap:15px}.future-list>div{display:grid;grid-template-columns:35px 1fr;column-gap:8px}.future-list span{grid-row:span 2;width:32px;height:32px;display:grid;place-items:center;background:#edf4ef;color:#458163;border-radius:11px;font-size:19px}.future-list strong{font-size:13px}.future-list small{font-size:11px;color:#92a194;margin-top:3px}.body-copy{font-size:13px;line-height:1.8;color:#6c8173;margin-bottom:16px}.button-row{display:flex;gap:9px;flex-wrap:wrap}.small-note{font-size:11px;color:#91a293;margin:17px 0 0;line-height:1.6}.security-list{display:flex;flex-direction:column;gap:13px}.security-list p{margin:0;color:#788b7e;font-size:12px;line-height:1.65}.security-list strong{color:#315b45}.danger-button{padding:11px 14px;border-radius:10px;color:#b34b47;border:1px solid #e9c4c0;background:#fff5f4;font-size:12px;font-weight:700}.status-text{font-size:12px;color:#277954;margin-top:12px}.text-negative{color:var(--danger)!important}.save-error{padding:12px 16px;background:#fff3f2;color:#a34840;border-radius:11px;font-size:13px;margin-bottom:16px}.site-footer{display:flex;justify-content:space-between;font-size:12px;color:#a0aca3;padding:37px 0 40px;margin-top:36px;border-top:1px solid var(--line)}@media(max-width:850px){.dashboard-layout,.two-column{grid-template-columns:1fr}.desktop-nav{gap:5px}.stat strong{font-size:16px}}@media(max-width:650px){.app-shell{padding:0 16px}.site-header{height:81px}.brand-icon{width:39px;height:39px;border-radius:13px}.brand strong{font-size:23px}.brand small{font-size:10px}.header-meta{display:none}.private-pill{font-size:10px;padding:7px 9px}.desktop-nav{display:none}.mobile-month{display:flex;justify-content:flex-end;margin:0 0 14px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fffffff5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:7px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));z-index:10;box-shadow:0 -6px 15px #20372610}.mobile-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:#99a89d;background:transparent;min-height:45px;font-weight:750}.mobile-nav button.current{color:#206a50}.mobile-nav button span{font-size:22px;line-height:1.1}.mobile-nav button small{font-size:10px}.section-title{margin-bottom:20px}.section-title h1{font-size:25px}main{padding-top:0}.hero{padding:26px 23px}.hero-money{font-size:43px}.hero-bottom strong{font-size:16px}.stat-row{gap:8px}.stat{padding:13px 10px;border-radius:14px}.stat>span{font-size:11px}.stat strong{font-size:14px;letter-spacing:-.6px}.stat small{font-size:10px}.card{padding:20px 17px;border-radius:17px}.stack{gap:14px}.hero-separator{margin:24px 0 19px}.site-footer{padding-bottom:115px;font-size:11px}.site-footer span:last-child{display:none}.goal-top strong{font-size:23px}.entry-form{gap:10px}.entry-form select{font-size:13px}.setting-field{gap:8px}.setting-field>span{font-size:12px}.item-name small{font-size:10px}}@media(max-width:360px){.app-shell{padding:0 12px}.private-pill{display:none}.hero-money{font-size:37px}.stat strong{font-size:12px}.item>strong{font-size:12px}.budget-item-head small{display:none}}.onboarding{background:#e8f4eb;border:1px solid #d9e9dd;padding:15px 18px;border-radius:13px;color:#49735a;font-size:13px;margin-bottom:24px;line-height:1.7}.onboarding strong{color:#23553c;margin-right:8px}.onboarding button{background:transparent;color:#1d7954;font-weight:800;text-decoration:underline;padding:0 4px}.settings-status{margin:0 0 18px}.sync-key-input{margin:16px 0 10px}.sync-key{width:100%;min-height:78px;resize:none;border:1px solid #dce7df;border-radius:11px;padding:11px 12px;color:#526b5d;background:#f8faf8;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.sync-disconnect{margin-top:17px}button:disabled{cursor:not-allowed;opacity:.55}