:root{font-family:Pretendard Variable,SUIT Variable,Noto Sans KR,sans-serif;line-height:1.46;font-weight:400;color:#10243a;background:radial-gradient(1200px 540px at -5% -8%,#ffedd5 0%,transparent 46%),radial-gradient(900px 470px at 110% 0%,#cffafe 0%,transparent 42%),#f7fafc;--ink: #10243a;--muted: #486077;--line: #d5e0ec;--panel: #ffffff;--accent: #0f766e;--accent-2: #0284c7;--danger: #b91c1c;--focus: #a5f3fc}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:transparent;overflow-x:hidden}h1,h2,h3,h4,h5,p{margin:0}ul{margin:0;padding-left:1.1rem}button,input,textarea{font:inherit;color:inherit}input,textarea{width:100%;border:1px solid #c6d3e2;border-radius:12px;padding:.76rem .8rem;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}input:focus,textarea:focus{outline:none;border-color:#22c1dc;box-shadow:0 0 0 4px #cffafe}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#ef4444}button{border:none;background:none}.app-shell{width:min(1180px,100% - 1rem);margin:.9rem auto 1.4rem}.app-header{border:1px solid #d6e4f2;border-radius:18px;background:linear-gradient(130deg,#fbfdff,#f2f9ff 56%,#fff);box-shadow:0 16px 38px #0a25400f;padding:.95rem 1rem}.hero-topline{display:flex;align-items:center;gap:.55rem}.badge{display:inline-block;padding:.22rem .64rem;border-radius:999px;background:#0b3c5d;color:#e9fbff;font-size:.77rem;letter-spacing:.06em;text-transform:uppercase}.topline-note{display:inline-block;border-radius:999px;padding:.2rem .6rem;border:1px solid #b7d4ea;background:#f2faff;font-size:.78rem;color:#30506d}.app-header h1{font-size:clamp(1.4rem,3.1vw,2.2rem);margin-top:.54rem}.hero-sub{margin-top:.36rem;color:var(--muted);font-size:.95rem}.mobile-tabs{margin-top:.72rem;display:grid;grid-template-columns:1fr 1fr;gap:.48rem}.mobile-tab-btn{min-height:56px;border-radius:14px;padding:.56rem .72rem;border:1px solid #c9d9e9;background:#fff;text-align:left;font-weight:700;color:#23415f;display:flex;flex-direction:column;justify-content:center;gap:.14rem;cursor:pointer}.mobile-tab-btn small{font-size:.8rem;font-weight:500;color:#5b7086}.mobile-tab-btn.is-current{border-color:#0891b2;background:linear-gradient(130deg,#ecfeff,#f8fdff);box-shadow:0 6px 20px #0284c71f}.layout-grid{margin-top:.72rem;display:grid;gap:.8rem}.panel{border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 14px 34px #0e233b0f;min-width:0}.panel-content{padding:.9rem;display:flex;flex-direction:column;gap:.9rem}.section-title-wrap{display:flex;flex-direction:column;gap:.24rem}.section-title-wrap h2{font-size:1.05rem}.section-title-wrap p{font-size:.9rem;color:var(--muted)}.progress-card{border:1px solid #cde0f2;border-radius:12px;background:linear-gradient(130deg,#f6fbff,#fff);padding:.7rem}.progress-head{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.progress-head span{color:#0f766e;font-weight:700}.progress-track{margin-top:.42rem;height:10px;border-radius:999px;background:#deebf7;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0891b2,#10b981)}.preset-wrap{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.preset-btn{min-height:45px;border:1px solid #c0d3e5;background:#f8fbff;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer}.preset-btn:hover{background:#eef7ff}.field{display:flex;flex-direction:column;gap:.42rem}.field>span{font-size:.88rem;font-weight:700}.field-help{color:#657c93;font-size:.79rem}.error{color:var(--danger);font-size:.79rem}.inline-row{display:flex;align-items:center;gap:.52rem}.inline-row input{flex:1}.inline-unit{flex-shrink:0;border:1px solid #c1d3e2;border-radius:10px;background:#f8fbff;padding:.62rem .74rem;font-weight:700;color:#45627d}.range-input{accent-color:#0e7490;padding:0}.range-labels{display:flex;justify-content:space-between;align-items:center;color:#60758b;font-size:.79rem}.range-labels strong{color:#0f766e}.live-preview{border:1px solid #d2e4f4;border-radius:12px;background:linear-gradient(140deg,#f0f9ff,#f8fffb);padding:.75rem}.live-preview h3{font-size:.9rem}.preview-row{margin-top:.46rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.preview-row span{font-size:.86rem;color:#4f667d}.preview-row strong{font-size:.93rem}.action-row{position:sticky;bottom:max(.7rem,env(safe-area-inset-bottom));background:linear-gradient(180deg,#ffffff1a,#fffffff2 20%,#fff);padding-top:.5rem;display:flex;flex-direction:column;gap:.45rem}.primary-btn,.secondary-btn,.ghost-btn{min-height:48px;border-radius:12px;padding:.62rem .9rem;font-weight:700;cursor:pointer}.primary-btn{background:linear-gradient(120deg,#0f766e,#0284c7);color:#fff;box-shadow:0 12px 22px #0369a138}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.secondary-btn{border:1px solid #b6cbe0;color:#2f4c67;background:#fff}.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.54rem;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.26rem .68rem;font-size:.77rem;font-weight:700}.status-pill.idle{color:#4a657f;background:#eef4fa}.status-pill.loading{color:#8a4b00;background:#fff7ed}.status-pill.success{color:#0f766e;background:#ecfdf5}.status-pill.error{color:#b91c1c;background:#fef2f2}.ghost-btn{border:1px solid #bfd0e2;background:#f8fbff;color:#2f4c67}.empty-state{border:1px dashed #bfd0e2;border-radius:14px;padding:.86rem;background:#f8fbff}.empty-state p{font-weight:700;margin-bottom:.4rem}.empty-state li{color:#4f667d;font-size:.88rem;margin-top:.24rem}.quick-metrics{display:grid;grid-template-columns:1fr;gap:.54rem}.quick-metrics>div{border:1px solid #d4e2ef;border-radius:12px;padding:.72rem;background:#fbfdff}.quick-metrics span{color:#60768d;font-size:.81rem}.quick-metrics strong{display:block;margin-top:.2rem;font-size:1rem}.scenario-grid{display:grid;grid-template-columns:1fr;gap:.56rem;overflow:visible}.scenario-card{min-width:0;border-radius:14px;border:1px solid #cbdaea;padding:.72rem}.scenario-card h4{font-size:.94rem}.scenario-card .rate{margin-top:.2rem;color:#50657b;font-size:.82rem}.scenario-card .money{margin-top:.45rem;font-size:1.03rem;font-weight:700}.scenario-card .unit{margin-top:.12rem;color:#4f667d;font-size:.81rem}.tone-cool{background:linear-gradient(150deg,#f0f9ff,#fff)}.tone-base{background:linear-gradient(150deg,#f0fdf4,#fff)}.tone-warm{background:linear-gradient(150deg,#fff7ed,#fff)}.analysis-section{border-top:1px solid #d9e6f2;padding-top:.86rem}.analysis-section h3{font-size:1rem;margin-bottom:.6rem}.loading-box,.error-box{border:1px solid #d3dfeb;border-radius:12px;padding:.78rem;background:#f8fbff;display:flex;gap:.66rem;align-items:center}.error-box{flex-wrap:wrap}.spinner{width:21px;height:21px;border-radius:999px;border:3px solid #cbd5e1;border-top-color:#0284c7;flex-shrink:0;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.analysis-body{display:flex;flex-direction:column;gap:.9rem}.analysis-body h4{margin-bottom:.42rem}.summary-box{border:1px solid #cfe3f5;border-radius:12px;background:#f2f9ff;padding:.72rem}.summary-box p{color:#324d66}.summary-box,.risk-item,.advice-card,.week-card,.analysis-body p,.analysis-body li{overflow-wrap:anywhere}.risk-list{display:grid;gap:.56rem}.risk-item{border:1px solid #d5e2ef;border-radius:11px;background:#fff;padding:.65rem}.risk-top{display:flex;align-items:center;justify-content:space-between;gap:.44rem}.risk-top span{font-size:.82rem;color:#43607c}.risk-bar{height:8px;background:#e3eaf3;border-radius:999px;margin:.35rem 0 .28rem;overflow:hidden}.risk-bar span{display:block;height:100%;background:linear-gradient(90deg,#0ea5e9,#f97316)}.risk-item p{color:#486078;font-size:.87rem}.advice-list{display:grid;gap:.65rem}.advice-card{border:1px solid #d3dfeb;border-radius:12px;padding:.72rem;background:#fff}.advice-card h5{font-size:.97rem}.advice-card>p{margin-top:.34rem;color:#4e667f;font-size:.9rem}.advice-grid{margin:.52rem 0;display:grid;gap:.66rem}.advice-card strong{font-size:.86rem}.advice-card li,.week-card li{color:#445d76;font-size:.87rem;margin-top:.2rem}.plan-grid{display:grid;gap:.58rem}.week-card{border:1px solid #d2deeb;border-radius:11px;background:#fbfdff;padding:.66rem}.week-card h5{font-size:.9rem;margin-bottom:.2rem}.disclaimer{color:#60758b;font-size:.79rem}@media(max-width:959px){.panel{display:none}.panel.is-active{display:block}}@media(min-width:960px){.app-shell{width:min(1220px,100% - 2rem);margin-top:1.2rem}.mobile-tabs{display:none}.layout-grid{margin-top:1rem;grid-template-columns:minmax(320px,.95fr) minmax(420px,1.2fr);align-items:start}.panel{display:block}.panel-content{padding:1.08rem}.quick-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.advice-grid,.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-row{position:static;background:transparent;padding-top:.2rem}.primary-btn,.secondary-btn,.ghost-btn{min-height:44px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}