:root{--ink-deepest: #0A0A0C;--ink-deep: #15151A;--ink-mid: #1E1E24;--ink-light: #2A2A33;--ink-line: #3A3A45;--hanji-white: #F4EFE2;--hanji-cream: #E8E2D2;--hanji-mute: #8B8B95;--hanji-fade: #5A5A63;--gold-bright: #D4B26A;--gold-primary: #C9A658;--gold-deep: #8B7339;--gold-faint: rgba(201, 166, 88, .12);--bamboo: #6B8E5A;--maple: #C97D4A;--persimmon: #A04545;--indigo: #3D4F6B;--kakao-yellow: #FEE500;--kakao-text: #191600;--font-display: "Noto Serif KR", "Noto Serif TC", serif;--font-body: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;--font-han: "Noto Serif TC", "Noto Serif KR", serif;--text-xs: 13px;--text-sm: 15px;--text-base: 17px;--text-md: 19px;--text-lg: 22px;--text-xl: 26px;--text-2xl: 32px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-10: 56px;--space-12: 72px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--ink-deepest);color:var(--hanji-white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.96 0 0 0 0 0.94 0 0 0 0 0.88 0 0 0 0.018 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit}.page{max-width:480px;margin:0 auto;padding:56px 28px;min-height:100vh;display:flex;flex-direction:column}.page--center{justify-content:center;align-items:center}.logo{margin-bottom:var(--space-8)}.logo .name{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em}.logo .romaji{font-family:var(--font-body);font-size:12px;color:var(--gold-deep);margin-left:12px;letter-spacing:.3em;vertical-align:middle;text-transform:lowercase}.logo .underline{height:1px;width:56px;background:var(--gold-deep);margin-top:12px}.hero{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.4;font-weight:500;margin-bottom:var(--space-10)}.hero .em{color:var(--gold-bright);font-weight:700}.han-accent{font-family:var(--font-han);font-size:.6em;font-weight:500;color:var(--gold-deep);margin-left:8px;letter-spacing:.1em;vertical-align:middle}.meta-label{font-size:12px;color:var(--hanji-mute);letter-spacing:.18em;text-transform:uppercase;font-weight:500;margin-bottom:12px}.card{background:var(--ink-mid);border:1px solid var(--ink-line);border-left:3px solid var(--gold-deep);padding:var(--space-6) var(--space-5);margin-bottom:var(--space-5)}.card--featured{border-left-color:var(--gold-primary);border-left-width:4px;background:linear-gradient(to right,var(--ink-light) 0%,var(--ink-mid) 60%)}.btn-stamp{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;height:64px;background:var(--gold-primary);color:var(--ink-deepest);font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.05em;border:2px solid var(--gold-deep);border-radius:0;position:relative;overflow:hidden;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .2s}.btn-stamp:active{transform:scale(.97) rotate(-1.2deg);background:var(--gold-bright)}.btn-stamp:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,var(--gold-faint) 0%,transparent 70%);opacity:0;pointer-events:none}.btn-stamp:active:after{animation:ink-spread .6s ease-out}.btn-stamp[disabled]{opacity:.55;cursor:not-allowed;border-color:var(--gold-deep);background:var(--ink-light);color:var(--hanji-mute)}.btn-stamp[disabled]:active{transform:none;background:var(--ink-light)}@keyframes ink-spread{0%{opacity:0;transform:scale(.4)}40%{opacity:1}to{opacity:0;transform:scale(1.6)}}.btn-kakao{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:64px;background:var(--kakao-yellow);color:var(--kakao-text);font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.05em;border:0;border-radius:0;margin-bottom:var(--space-6);position:relative;overflow:hidden;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.btn-kakao:active{transform:scale(.97) rotate(-1.2deg)}.btn-kakao .symbol{display:inline-block;width:22px;height:22px;border-radius:50%;background:var(--kakao-text);color:var(--kakao-yellow);font-size:14px;font-weight:700;line-height:22px;text-align:center}.btn-outline{display:inline-flex;align-items:center;justify-content:center;width:100%;height:56px;background:transparent;color:var(--gold-primary);border:1.5px solid var(--gold-deep);border-radius:0;font-family:var(--font-body);font-size:16px;font-weight:500;margin-bottom:var(--space-4);transition:border-color .2s,background .2s}.btn-outline:hover,.btn-outline:active{border-color:var(--gold-primary);background:var(--gold-faint)}.btn-outline[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.input{display:block;width:100%;height:56px;background:var(--ink-deep);color:var(--hanji-white);font-family:var(--font-body);font-size:var(--text-base);border:1px solid var(--ink-line);border-bottom:2px solid var(--gold-deep);border-radius:2px;padding:0 var(--space-4);transition:border-color .2s}.input:focus{outline:none;border-bottom-color:var(--gold-primary)}.input::placeholder{color:var(--hanji-fade)}.input-row{margin-bottom:var(--space-5)}.input-row label{display:block;font-size:13px;color:var(--hanji-mute);letter-spacing:.05em;margin-bottom:6px}.hr-gold{height:1px;background:linear-gradient(to right,transparent,var(--gold-deep),transparent);margin:var(--space-7) 0 var(--space-6)}.divider{height:1px;background:var(--ink-line);margin:var(--space-6) 0}.note{font-size:14px;line-height:1.7;color:var(--hanji-mute)}@keyframes rise-in{to{opacity:1;transform:translateY(0)}}.fade-up{opacity:0;transform:translateY(8px);animation:rise-in .5s ease-out forwards}.fade-up:nth-child(1){animation-delay:0s}.fade-up:nth-child(2){animation-delay:.08s}.fade-up:nth-child(3){animation-delay:.16s}.fade-up:nth-child(4){animation-delay:.24s}.fade-up:nth-child(5){animation-delay:.32s}.fade-up:nth-child(6){animation-delay:.4s}.loading-text{font-family:var(--font-display);font-size:var(--text-lg);color:var(--hanji-cream);letter-spacing:.05em;text-align:center}.error-text{font-size:14px;color:var(--persimmon);margin-top:8px}.p1-header{display:flex;align-items:center;justify-content:space-between;padding:4px 0 var(--space-6);border-bottom:1px solid var(--ink-line);margin-bottom:var(--space-6)}.p1-header .icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--hanji-cream);background:transparent;border:0;cursor:pointer}.p1-header .brand{font-family:var(--font-display);font-size:18px;font-weight:500;letter-spacing:-.01em}.brief-headline{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.4;font-weight:500;color:var(--hanji-white);margin-bottom:var(--space-4)}.brief-headline .em{color:var(--gold-bright);font-weight:700}.brief-hint{font-size:14px;color:var(--hanji-mute);padding-left:var(--space-4);border-left:2px solid var(--gold-deep);line-height:1.5}.section-bordered{padding-bottom:var(--space-7);margin-bottom:var(--space-7);border-bottom:1px solid var(--ink-line)}.signal-stamp{position:absolute;top:16px;right:16px;font-family:var(--font-han);font-size:18px;font-weight:700;color:var(--gold-deep);border:1.5px solid var(--gold-deep);width:44px;height:44px;display:flex;align-items:center;justify-content:center}.action-card{background:var(--ink-mid);border:1px solid var(--gold-deep);border-left:4px solid var(--gold-primary);padding:var(--space-6) var(--space-5);position:relative;margin-top:var(--space-3)}.action-card .ask{font-family:var(--font-display);font-size:var(--text-md);line-height:1.5;color:var(--hanji-white);margin-bottom:var(--space-6)}.action-card .ask .em{color:var(--gold-bright);font-weight:700}.result-row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;font-size:14px}.result-row .label{color:var(--hanji-mute)}.result-row .value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--hanji-white)}.result-row .change{font-size:13px;color:var(--bamboo);margin-left:8px;font-weight:500}.result-row .small{font-size:13px;color:var(--hanji-cream)}
