:root{color:#fff9e8;background:#070a14;font-family:Aptos Display,Noto Sans SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{min-height:100vh;margin:0}body{min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 16% 18%,rgb(255 195 59 / 16%),transparent 26rem),radial-gradient(circle at 84% 82%,rgb(71 104 189 / 16%),transparent 30rem),linear-gradient(140deg,#070a14,#10192d 48%,#060811)}button,input{font:inherit}button{cursor:pointer}.salary-app{position:relative;isolation:isolate;display:grid;min-height:100vh;place-items:center;padding:clamp(16px,4vw,36px);padding-bottom:max(24px,calc(16px + env(safe-area-inset-bottom,0px)))}.salary-app--result{align-items:end}.salary-app:before,.salary-app:after{position:fixed;z-index:-2;width:min(54vw,760px);aspect-ratio:1;content:"";border-radius:999px;filter:blur(2px);opacity:.46}.salary-app:before{top:-34vw;left:-20vw;background:conic-gradient(from 120deg,transparent,rgb(255 201 78 / 22%),transparent)}.salary-app:after{right:-24vw;bottom:-30vw;background:conic-gradient(from 290deg,transparent,rgb(108 133 240 / 18%),transparent)}.coin-rain{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.coin{position:absolute;top:var(--coin-rest-y);left:var(--coin-left);display:grid;width:var(--coin-size);height:var(--coin-size);place-items:center;border:1px solid rgb(255 244 184 / 72%);border-radius:50%;color:#614100;background:radial-gradient(circle at 33% 28%,#fff5b6 0 9%,transparent 10%),radial-gradient(circle at 52% 55%,#ffdf6d,#eaa825 64%,#935800);box-shadow:0 0 18px #ffcf4f42,inset -4px -5px 8px #5b32003d;font-size:calc(var(--coin-size) * .48);font-weight:900;opacity:.54;animation:coin-fall var(--coin-duration) linear var(--coin-delay) infinite}.coin-rain--celebrating .coin{z-index:1;top:0;opacity:1;filter:saturate(1.2) brightness(1.12);animation:coin-celebration-fall 1.25s linear var(--celebration-delay) both}.app-content{position:relative;z-index:1;width:min(100%,620px);animation:card-reveal .64s cubic-bezier(.2,.8,.2,1) both}.salary-card{position:relative;overflow:hidden;padding:clamp(28px,6vw,56px);border:1px solid rgb(255 255 255 / 16%);border-radius:28px;background:linear-gradient(150deg,#1f2945d6,#0b1120e0);box-shadow:0 28px 80px #0000005c,inset 0 1px #ffffff17;backdrop-filter:blur(20px)}.salary-card--result{padding:clamp(24px,4.5vw,44px)}.salary-card:after{position:absolute;top:0;right:10%;width:38%;height:1px;content:"";background:linear-gradient(90deg,transparent,#ffe291,transparent);opacity:.82}.eyebrow{margin:0 0 14px;color:#e7bc5b;font-size:.72rem;font-weight:800;letter-spacing:.16em}h1{margin:0;color:#fff9e9;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(2rem,5vw,3.65rem);font-weight:700;letter-spacing:-.055em;line-height:1.06}.intro{max-width:26rem;margin:18px 0 32px;color:#bdc7dc;font-size:1rem;line-height:1.75}form{display:grid;gap:10px}label{color:#ecf0f8;font-size:.9rem;font-weight:700}.salary-input-wrap{display:flex;align-items:center;gap:10px;min-height:64px;padding:0 18px;border:1px solid rgb(255 255 255 / 16%);border-radius:16px;background:#04081285;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.salary-input-wrap:focus-within{border-color:#f2c75d;background:#070c19c2;box-shadow:0 0 0 4px #f2c75d21}.salary-input-wrap span{color:#f4ca60;font-size:1.4rem;font-weight:800}#salary-input{width:100%;min-width:0;border:0;outline:0;color:#fffef8;background:transparent;font-size:1.26rem;font-variant-numeric:tabular-nums}#salary-input::placeholder{color:#66718b}.field-hint,.field-error,.storage-notice{min-height:1.35em;margin:0;font-size:.82rem;line-height:1.45}.field-hint{color:#8d9ab5}.field-error{color:#ffb4a4}.form-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:16px}.primary-button{min-height:52px;padding:0 24px;border:0;border-radius:14px;color:#432a00;background:linear-gradient(115deg,#ffe6a0,#e9b33d 78%);box-shadow:0 10px 25px #da9e2638;font-weight:900;transition:transform .16s ease,box-shadow .16s ease}.primary-button:hover{box-shadow:0 14px 30px #da9e2657;transform:translateY(-2px)}.text-button,.edit-button{border:0;color:#bfc9dd;background:transparent;font-size:.9rem;text-decoration:underline;text-decoration-color:#bfc9dd6b;text-underline-offset:4px}.result-topline{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:14px}.result-topline .eyebrow{margin:0;color:#e7bc5bb8;font-size:.62rem;letter-spacing:.13em}.salary-card--result h1{color:#fff9e9bd;font-size:clamp(1.2rem,2.2vw,1.65rem);letter-spacing:-.04em}.earned-amount{margin:12px 0 clamp(28px,5vw,44px);color:#ffe39a;font-size:clamp(3rem,7vw,5.4rem);font-weight:850;letter-spacing:-.075em;line-height:1;text-shadow:0 0 18px rgb(255 224 133 / 52%),0 0 44px rgb(255 188 46 / 34%);font-variant-numeric:tabular-nums}.progress-section{padding-top:16px;border-top:1px solid rgb(255 255 255 / 10%)}.progress-copy{display:flex;justify-content:space-between;gap:14px;margin-bottom:9px;color:#cbd3e2b8;font-size:.76rem;line-height:1.5}.progress-copy span:last-child{color:#9da9c0a8;text-align:right}progress{display:block;width:100%;height:6px;overflow:hidden;border:0;border-radius:999px;appearance:none;background:#ffffff17}progress::-webkit-progress-bar{background:#ffffff17}progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,#dca32c,#ffe693);box-shadow:0 0 16px #ffce5c6b}progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,#dca32c,#ffe693)}.storage-notice{min-height:1.2em;margin-top:12px;color:#f5c78fb8;font-size:.72rem}button:focus-visible,input:focus-visible{outline:3px solid #f6d170;outline-offset:3px}@keyframes coin-fall{0%{transform:translate(-50%,-110vh) rotate(0) scale(.8)}to{transform:translate(-50%,115vh) rotate(760deg) scale(1)}}@keyframes coin-celebration-fall{0%{opacity:0;transform:translate(calc(-50% + var(--celebration-drift)),-20vh) rotate(-120deg) scale(.8)}12%{opacity:1}to{opacity:.92;transform:translate(calc(-50% - var(--celebration-drift)),116vh) rotate(1120deg) scale(1.48)}}@keyframes card-reveal{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:540px){.salary-app{align-items:center;padding:16px;padding-bottom:max(20px,calc(12px + env(safe-area-inset-bottom,0px)))}.salary-app.salary-app--result{align-items:end}.salary-card{padding:28px 22px;border-radius:22px}.result-topline,.progress-copy{align-items:flex-start;flex-direction:column}.progress-copy span:last-child{text-align:left}.earned-amount{font-size:clamp(2.65rem,11.5vw,4.4rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.coin{animation:none;opacity:.32;transform:translate(-50%,-50%)}}