:root{color-scheme:light;--font-body: "Pretendard Variable", Pretendard, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;--font-display: "Noto Serif KR", "Apple SD Gothic Neo", serif;--bg: #faf7f1;--surface: #fffdf9;--surface-tint: #f4ecdd;--ink: #231c15;--ink-2: #6d6154;--muted: #a2968a;--line: rgba(122, 95, 50, .14);--line-strong: rgba(122, 95, 50, .28);--accent: #ab7d2f;--accent-strong: #8a611f;--accent-soft: rgba(171, 125, 47, .1);--accent-text: #85601e;--seal: #a63d33;--seal-soft: rgba(166, 61, 51, .1);--good: #2f8f5b;--grad: linear-gradient(120deg, #d2a75b 0%, #b8863b 45%, #93672a 80%, #ad7f37 100%);--grad-soft: linear-gradient(135deg, rgba(210, 167, 91, .14), rgba(147, 103, 42, .1));--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(70, 48, 16, .05), 0 8px 24px rgba(70, 48, 16, .08), 0 24px 48px -16px rgba(70, 48, 16, .12);--shadow-sm: 0 1px 2px rgba(70, 48, 16, .05), 0 4px 12px rgba(70, 48, 16, .06);--ease-out: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E") repeat,radial-gradient(ellipse 90% 42% at 50% -10%,rgba(210,167,91,.18),transparent 62%),var(--bg);background-attachment:fixed;color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:#d2a75b52}.app{max-width:480px;margin:0 auto;min-height:100dvh;padding:24px 20px calc(44px + env(safe-area-inset-bottom));position:relative}.page-enter{animation:pageIn .45s var(--ease-out) both}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:900;font-size:19px;color:var(--ink);letter-spacing:.01em}.brand .brand-mark{display:block;filter:drop-shadow(0 2px 4px rgba(147,103,42,.3))}.fresh-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--accent-text);font-size:12.5px;font-weight:700}.fresh-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--grad)}.footer{margin-top:48px;text-align:center}.footer-link{color:var(--muted);font-size:12.5px;text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}@media(hover:hover){.footer-link:hover{color:var(--accent-text)}}.btn-primary{display:block;width:100%;padding:17px 20px;border-radius:var(--radius-md);background:var(--grad);color:#fff;font-size:16.5px;font-weight:700;letter-spacing:-.01em;box-shadow:inset 0 1px #ffffff47,var(--shadow-sm);transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out),filter .15s ease}@media(hover:hover){.btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,var(--shadow);filter:brightness(1.04)}}.btn-primary:active{transform:translateY(1px);box-shadow:var(--shadow-sm)}.btn-primary:disabled{filter:grayscale(.5) opacity(.55);cursor:not-allowed}.btn-ghost{display:block;width:100%;padding:13px 20px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-size:15px;font-weight:600;transition:background .15s ease,border-color .15s ease}@media(hover:hover){.btn-ghost:hover{border-color:var(--line-strong)}}.btn-ghost:active{background:var(--surface-tint)}.envelope-stage{position:relative;width:220px;margin:0 auto;padding:22px 0 26px}.envelope-stage:before{content:"";position:absolute;top:-12%;right:-28%;bottom:-12%;left:-28%;background:radial-gradient(closest-side,rgba(210,167,91,.28),transparent 72%)}.envelope{position:relative;width:200px;height:132px;margin:0 auto;animation:envelopeFloat 4.5s ease-in-out infinite}.envelope-body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(180deg,#fffdf8,#f9f2e4);border:1px solid var(--line-strong);box-shadow:var(--shadow)}.envelope-flap{position:absolute;top:0;left:0;right:0;height:78px;clip-path:polygon(0 0,100% 0,52% 100%,48% 100%);background:linear-gradient(180deg,#f7f0e0,#eee2c9);border-radius:16px 16px 0 0}.envelope-seal{position:absolute;left:50%;top:78px;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,#c9614f,#a63d33 62%,#822e26);color:#fdf4e3;font-family:var(--font-display);font-weight:900;font-size:21px;box-shadow:0 4px 10px #822e2659,inset 0 1px 2px #ffffff40}@keyframes envelopeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.home-hero{margin-top:28px;text-align:center}.hero-image-stage{width:min(268px,68%);margin:4px auto 0;animation:envelopeFloat 4.5s ease-in-out infinite}.hero-image{display:block;width:100%;height:auto}.home-fresh{margin-top:4px}.home-title{margin-top:16px;font-family:var(--font-display);font-size:30px;font-weight:900;letter-spacing:-.01em;line-height:1.3}.home-sub{margin-top:12px;padding:0 8px;color:var(--ink-2);font-size:15.5px;line-height:1.65}.home-categories{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.cat-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 14px 16px;border-radius:var(--radius-md);background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow-sm);transition:border-color .15s ease,transform .15s var(--ease-out),box-shadow .15s ease}@media(hover:hover){.cat-tile:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:var(--shadow)}}.cat-tile:active{transform:translateY(0)}.cat-tile-img{width:84px;height:84px;display:grid;place-items:center}.cat-tile-img img{width:100%;height:100%;object-fit:contain}.cat-tile-ph{width:100%;height:100%;border-radius:var(--radius-sm);background:var(--grad-soft);border:1px dashed var(--line-strong)}.cat-tile-label{font-size:15.5px;font-weight:700;color:var(--ink)}.cat-tile-badge{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:999px;background:var(--surface-tint);border:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:700}.cat-tile.is-preparing{opacity:.6;cursor:default;box-shadow:none}@media(hover:hover){.cat-tile.is-preparing:hover{border-color:var(--line);transform:none;box-shadow:none}}.home-secondary{display:block;margin:22px auto 0;background:none;border:none;color:var(--ink-2);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}@media(hover:hover){.home-secondary:hover{color:var(--accent-text)}}.nav-title{margin:6px 2px 20px;font-family:var(--font-display);font-size:23px;font-weight:700;letter-spacing:-.01em;line-height:1.4}.nav-btn{display:flex;align-items:center;gap:12px;padding-right:18px}.nav-flag{flex:none;font-size:22px;line-height:1}.nav-label{flex:1}.nav-badge{flex:none;padding:4px 10px;border-radius:999px;background:var(--surface-tint);border:1px solid var(--line);color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:.02em}.nav-btn.is-preparing{opacity:.62;cursor:default;box-shadow:none}@media(hover:hover){.nav-btn.is-preparing:hover{border-color:var(--line);transform:none;box-shadow:none}}.survey-top{display:flex;align-items:center;gap:12px;margin-bottom:26px}.back-btn{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);box-shadow:var(--shadow-sm);transition:background .15s ease,transform .15s var(--ease-out)}@media(hover:hover){.back-btn:hover{background:var(--surface-tint)}}.back-btn:active{transform:scale(.94)}.progress-track{height:5px;border-radius:999px;background:#7a5f3224;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--grad);transition:width .35s var(--ease-out)}.progress-label{margin-top:7px;font-size:11.5px;color:var(--muted);text-align:right;letter-spacing:.06em;font-variant-numeric:tabular-nums}.q-number{display:flex;align-items:center;gap:10px;color:var(--accent-text);font-weight:800;font-size:13px;letter-spacing:.08em}.q-number:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent)}.q-text{margin-top:10px;font-family:var(--font-display);font-size:23px;font-weight:700;letter-spacing:-.01em;line-height:1.4}.q-help{margin-top:8px;color:var(--ink-2);font-size:14px}.group-label{margin:22px 2px 8px;font-size:12.5px;font-weight:700;color:var(--muted);letter-spacing:.02em}.group-label:first-of-type{margin-top:26px}.option-btn{position:relative;display:block;width:100%;text-align:left;padding:16px 50px 16px 18px;margin-top:10px;border-radius:var(--radius-md);background:var(--surface);border:1.5px solid var(--line);font-size:15.5px;font-weight:600;color:var(--ink);box-shadow:var(--shadow-sm);transition:border-color .15s ease,background .15s ease,transform .15s var(--ease-out),box-shadow .15s ease}@media(hover:hover){.option-btn:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:var(--shadow)}}.option-btn:active{transform:translateY(1px)}.option-btn:after{content:"";position:absolute;right:15px;top:50%;width:22px;height:22px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px 12px no-repeat,var(--grad);opacity:0;transform:translateY(-50%) scale(.5);transition:opacity .15s ease,transform .18s var(--ease-out)}.option-btn.selected{border-color:var(--accent);background:linear-gradient(var(--accent-soft),var(--accent-soft)),var(--surface)}.option-btn.selected:after{opacity:1;transform:translateY(-50%) scale(1)}.option-sub{display:block;margin-top:3px;font-size:12.5px;font-weight:500;color:var(--muted)}.page-enter>.option-btn,.chip-row>.amount-chip{animation:rise .4s var(--ease-out) backwards}.page-enter>.option-btn:nth-of-type(1),.chip-row>.amount-chip:nth-child(1){animation-delay:.02s}.page-enter>.option-btn:nth-of-type(2),.chip-row>.amount-chip:nth-child(2){animation-delay:.06s}.page-enter>.option-btn:nth-of-type(3),.chip-row>.amount-chip:nth-child(3){animation-delay:.1s}.page-enter>.option-btn:nth-of-type(4),.chip-row>.amount-chip:nth-child(4){animation-delay:.14s}.page-enter>.option-btn:nth-of-type(5),.chip-row>.amount-chip:nth-child(5){animation-delay:.18s}.page-enter>.option-btn:nth-of-type(6),.chip-row>.amount-chip:nth-child(6){animation-delay:.22s}.page-enter>.option-btn:nth-of-type(7),.chip-row>.amount-chip:nth-child(7){animation-delay:.26s}.page-enter>.option-btn:nth-of-type(8),.chip-row>.amount-chip:nth-child(8){animation-delay:.3s}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.amount-chip{padding:12px 19px;border-radius:999px;background:var(--surface);border:1.5px solid var(--line);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);box-shadow:var(--shadow-sm);transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s var(--ease-out)}@media(hover:hover){.amount-chip:hover{border-color:var(--line-strong);transform:translateY(-1px)}}.amount-chip:active{transform:translateY(1px)}.amount-chip.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.amount-card{margin-top:26px;padding:30px 20px 24px;border-radius:var(--radius-lg);text-align:center;position:relative;overflow:hidden;border:1px solid transparent;background:linear-gradient(180deg,#fffdf8,#faf3e4) padding-box,var(--grad) border-box;box-shadow:var(--shadow)}.amount-card:before{content:"";position:absolute;inset:0 0 auto;height:90px;background:radial-gradient(ellipse 70% 100% at 50% -30%,rgba(210,167,91,.22),transparent 70%);pointer-events:none}.result-eyebrow{position:relative;color:var(--accent-text);font-weight:700;font-size:14px;letter-spacing:.02em}.result-amount{position:relative;margin-top:4px;font-family:var(--font-display);font-size:64px;font-weight:900;letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.result-amount .unit{font-size:24px;font-weight:700;-webkit-text-fill-color:var(--ink);margin-left:5px}.result-fresh{position:relative;margin-top:8px;font-size:12px;font-weight:600;color:var(--muted)}.reason-card{margin-top:22px;padding:18px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.reason-title{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:var(--muted);letter-spacing:.04em;margin-bottom:12px}.reason-title:before{content:"";width:14px;height:2px;border-radius:2px;background:var(--grad)}.reason-base{font-size:15.5px;font-weight:700}.reason-step{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line-strong);font-size:14.5px;color:var(--ink-2)}.reason-step .delta{flex:none;font-weight:800;font-size:13px;padding:3px 10px;border-radius:999px}.reason-step .delta.up{color:var(--accent-text);background:var(--accent-soft)}.reason-step .delta.down{color:var(--seal);background:var(--seal-soft)}.reason-mirror{margin-top:10px;font-size:14.5px;color:var(--ink-2)}.stat-line{margin-top:16px;padding:14px 16px;border-left:3px solid var(--accent);border-radius:6px var(--radius-md) var(--radius-md) 6px;background:var(--surface-tint);font-size:14px;color:var(--ink-2)}.vs-card{margin-top:16px;padding:16px;border-radius:var(--radius-md);background:linear-gradient(var(--accent-soft),var(--accent-soft)),var(--surface);border:1px solid rgba(171,125,47,.25);text-align:center;font-size:15px;font-weight:700;color:var(--accent-text)}.restart-link{margin-top:18px;text-align:center}.restart-link button{color:var(--muted);font-size:13.5px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.share-box{margin-top:30px}.share-lead{text-align:center;font-size:14.5px;color:var(--ink-2);margin-bottom:12px}.share-actions{display:grid;gap:10px}p.share-unsupported-hint{margin-top:10px;margin-bottom:0;font-size:12.5px;color:var(--muted);text-align:center}.copied-toast{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translate(-50%);background:#231c15eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:11px 20px;border-radius:999px;font-size:13.5px;font-weight:600;box-shadow:var(--shadow);z-index:20;animation:pageIn .25s var(--ease-out) both}.compare-hero{margin-top:36px;text-align:center}.compare-eyebrow{margin-top:4px;color:var(--accent-text);font-weight:700;font-size:14px;letter-spacing:.02em}.compare-title{margin-top:10px;font-family:var(--font-display);font-size:24px;font-weight:900;letter-spacing:-.01em;line-height:1.45}.compare-sub{margin-top:12px;color:var(--ink-2);font-size:15px}.compare-cta{margin-top:32px}.privacy-content{margin-top:24px}.privacy-content h1{font-family:var(--font-display);font-size:22px;font-weight:900}.privacy-content h2{font-size:16px;font-weight:700;margin-top:24px}.privacy-content p,.privacy-content li{margin-top:8px;color:var(--ink-2);font-size:14px;line-height:1.7}.privacy-content ul{padding-left:20px}.error-box{margin:14px 0;padding:13px 16px;border-radius:var(--radius-md);background:var(--seal-soft);border:1px solid rgba(166,61,51,.25);color:#93392f;font-size:14px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60dvh;gap:14px;color:var(--muted)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--surface-tint);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}