@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@latest/dist/web/static/pretendard.css";
:root{--color-static-white:#fff;--color-static-black:#000;--color-neutral-50:#f7f7f7;--color-neutral-100:#dcdcdc;--color-neutral-200:#c4c4c4;--color-neutral-300:#b0b0b0;--color-neutral-400:#9b9b9b;--color-neutral-500:#8a8a8a;--color-neutral-600:#737373;--color-neutral-700:#5c5c5c;--color-neutral-800:#474747;--color-neutral-900:#303030;--color-neutral-950:#2a2a2a;--color-neutral-1000:#1c1c1c;--color-neutral-1050:#171717;--color-neutral-1100:#0f0f0f;--color-coolneutral-50:#f7f7f8;--color-coolneutral-100:#f4f4f5;--color-coolneutral-150:#eaebec;--color-coolneutral-200:#e1e2e4;--color-coolneutral-250:#dbdcdf;--color-coolneutral-300:#c2c4c8;--color-coolneutral-400:#aeb0b6;--color-coolneutral-500:#989ba2;--color-coolneutral-550:#878a93;--color-coolneutral-600:#70737c;--color-coolneutral-700:#5a5c63;--color-coolneutral-800:#46474c;--color-coolneutral-850:#37383c;--color-coolneutral-900:#333438;--color-coolneutral-950:#2e2f33;--color-coolneutral-1000:#292a2d;--color-coolneutral-1050:#212225;--color-coolneutral-1100:#1b1c1e;--color-coolneutral-1150:#171719;--color-coolneutral-1200:#141415;--color-coolneutral-1250:#0f0f10;--color-blue-50:#f7fbff;--color-blue-100:#eaf2fe;--color-blue-200:#c9defe;--color-blue-300:#9ec5ff;--color-blue-400:#69a5ff;--color-blue-500:#4f95ff;--color-blue-600:#3385ff;--color-blue-700:#1a75ff;--color-blue-800:#06f;--color-blue-900:#005eeb;--color-blue-1000:#0054d1;--color-blue-1100:#003e9c;--color-blue-1200:#002966;--color-blue-1300:#001536;--color-red-50:snow;--color-red-100:#feecec;--color-red-200:#fed5d5;--color-red-300:#ffb5b5;--color-red-400:#ff8c8c;--color-red-500:#ff6363;--color-red-600:#ff4242;--color-red-700:#e52222;--color-red-800:#b20c0c;--color-red-900:#750404;--color-red-1000:#3b0101;--color-green-50:#f2fff6;--color-green-100:#d9ffe6;--color-green-200:#acfcc7;--color-green-300:#7df5a5;--color-green-400:#49e57d;--color-green-500:#1ed45a;--color-green-600:#00bf40;--color-green-700:#009632;--color-green-800:#006e25;--color-green-900:#004517;--color-green-1000:#00240c;--color-orange-50:#fffcf7;--color-orange-100:#fef4e6;--color-orange-200:#fee6c6;--color-orange-300:#ffd49c;--color-orange-400:#ffc06e;--color-orange-500:#ffa938;--color-orange-600:#ff9200;--color-orange-700:#d47800;--color-orange-800:#d17600;--color-orange-900:#9c5800;--color-orange-1000:#663a00;--color-orange-1100:#361e00;--color-redorange-50:#fffaf7;--color-redorange-100:#feeee5;--color-redorange-200:#fedbc6;--color-redorange-300:#ffc09c;--color-redorange-400:#ff9c63;--color-redorange-500:#ff7b2e;--color-redorange-600:#ff5e00;--color-redorange-700:#f55a00;--color-redorange-800:#cc4b00;--color-redorange-900:#943600;--color-redorange-1000:#5c2200;--color-redorange-1100:#2e1100;--color-lime-50:#f8fff2;--color-lime-100:#e6ffd4;--color-lime-200:#ccfca9;--color-lime-300:#aef779;--color-lime-400:#88f03e;--color-lime-500:#6be016;--color-lime-600:#58cf04;--color-lime-700:#48ad00;--color-lime-800:#429e00;--color-lime-900:#347d00;--color-lime-1000:#225200;--color-lime-1100:#112900;--color-cyan-50:#f7feff;--color-cyan-100:#defaff;--color-cyan-200:#b5f4ff;--color-cyan-300:#8aedff;--color-cyan-400:#57dff7;--color-cyan-500:#28d0ed;--color-cyan-600:#00bdde;--color-cyan-700:#0098b2;--color-cyan-800:#006f82;--color-cyan-900:#004854;--color-cyan-1000:#00252b;--color-lightblue-50:#f7fdff;--color-lightblue-100:#e5f6fe;--color-lightblue-200:#c4ecfe;--color-lightblue-300:#a1e1ff;--color-lightblue-400:#70d2ff;--color-lightblue-500:#3dc2ff;--color-lightblue-600:#00aeff;--color-lightblue-700:#008dcf;--color-lightblue-800:#006796;--color-lightblue-900:#004261;--color-lightblue-1000:#002130;--color-violet-50:#fbfaff;--color-violet-100:#f0ecfe;--color-violet-200:#dbd3fe;--color-violet-300:#c0b0ff;--color-violet-400:#9e86fc;--color-violet-500:#7d5ef7;--color-violet-600:#6541f2;--color-violet-700:#5b37ed;--color-violet-800:#4f29e5;--color-violet-900:#3a16c9;--color-violet-1000:#23098f;--color-violet-1100:#11024d;--color-purple-50:#fefbff;--color-purple-100:#f9edff;--color-purple-200:#f2d6ff;--color-purple-300:#e9baff;--color-purple-400:#de96ff;--color-purple-500:#d478ff;--color-purple-600:#cb59ff;--color-purple-700:#ad36e3;--color-purple-800:#861cb8;--color-purple-900:#580a7d;--color-purple-1000:#290247;--color-pink-50:#fffafe;--color-pink-100:#feecfb;--color-pink-200:#fed3f7;--color-pink-300:#ffb8f3;--color-pink-400:#ff94ed;--color-pink-500:#fa73e3;--color-pink-600:#f553da;--color-pink-700:#e846cd;--color-pink-800:#d331b8;--color-pink-900:#a81690;--color-pink-1000:#730560;--color-pink-1100:#3d0133;--opacity-5:.05;--opacity-8:.08;--opacity-12:.12;--opacity-16:.16;--opacity-22:.22;--opacity-28:.28;--opacity-35:.35;--opacity-43:.43;--opacity-52:.52;--opacity-61:.61;--opacity-74:.74;--opacity-88:.88;--opacity-97:.97}:root,[data-theme=light]{--color-brand-yellow:#f8e417;--color-brand-yellow-hover:#ecd80f;--color-mystic-purple:#7b51b2;--color-point-magenta:#b60a51;--primary:var(--color-mystic-purple);--primary-hover:#6a44a0;--primary-pressed:#5a3a88;--primary-subtle:#7b51b21f;--primary-on:var(--color-static-white);--cta-bg:var(--color-brand-yellow);--cta-bg-hover:var(--color-brand-yellow-hover);--cta-on:#1a1a1a;--point:var(--color-point-magenta);--bg-base:var(--color-static-white);--bg-subtle:var(--color-coolneutral-50);--bg-muted:var(--color-coolneutral-100);--bg-inverse:var(--color-coolneutral-1150);--surface-base:var(--color-static-white);--surface-subtle:var(--color-coolneutral-50);--surface-elevated:var(--color-static-white);--surface-overlay:#17171985;--line-subtle:#70737c14;--line-default:#70737c38;--line-strong:#70737c6e;--line-emphasis:var(--color-coolneutral-1150);--text-primary:var(--color-coolneutral-1150);--text-secondary:#2e2f33e0;--text-tertiary:#2e2f339c;--text-disabled:#2e2f3347;--text-on-primary:var(--color-static-white);--icon-primary:var(--color-coolneutral-1150);--icon-secondary:#2e2f33bd;--icon-tertiary:#2e2f336e;--status-positive:var(--color-green-600);--status-positive-subtle:var(--color-green-100);--status-cautionary:var(--color-orange-600);--status-cautionary-subtle:var(--color-orange-100);--status-negative:var(--color-red-700);--status-negative-subtle:var(--color-red-100);--status-informative:var(--color-blue-800);--status-informative-subtle:var(--color-blue-100);--inverse-bg:var(--color-coolneutral-1150);--inverse-text:var(--color-static-white);--static-white:var(--color-static-white);--static-black:var(--color-static-black);--static-dim:#00000085}[data-theme=dark]{--primary:var(--color-blue-700);--primary-hover:var(--color-blue-600);--primary-pressed:var(--color-blue-500);--primary-subtle:#0066ff29;--primary-on:var(--color-static-white);--bg-base:var(--color-coolneutral-1150);--bg-subtle:var(--color-coolneutral-1100);--bg-muted:var(--color-coolneutral-1050);--bg-inverse:var(--color-static-white);--surface-base:var(--color-coolneutral-1100);--surface-subtle:var(--color-coolneutral-1050);--surface-elevated:var(--color-coolneutral-1000);--surface-overlay:#000000bd;--line-subtle:#ffffff14;--line-default:#ffffff29;--line-strong:#ffffff59;--line-emphasis:var(--color-static-white);--text-primary:#fffffff7;--text-secondary:#ffffffbd;--text-tertiary:#ffffff85;--text-disabled:#ffffff47;--text-on-primary:var(--color-static-white);--icon-primary:#fffffff7;--icon-secondary:#ffffffbd;--icon-tertiary:#ffffff6e;--status-positive:var(--color-green-500);--status-positive-subtle:#1ed45a29;--status-cautionary:var(--color-orange-500);--status-cautionary-subtle:#ffa93829;--status-negative:var(--color-red-600);--status-negative-subtle:#ff424229;--status-informative:var(--color-blue-700);--status-informative-subtle:#0066ff29;--inverse-bg:var(--color-static-white);--inverse-text:var(--color-coolneutral-1150)}:root{--font-sans:"Wanted Sans", "Pretendard", "Pretendard JP", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-sans-variable:"Wanted Sans Variable", var(--font-sans);--font-sans-kr:"Pretendard", "Wanted Sans", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--type-display1-size:56px;--type-display1-lh:72px;--type-display1-tracking:-.0319em;--type-display2-size:40px;--type-display2-lh:52px;--type-display2-tracking:-.0282em;--type-display3-size:36px;--type-display3-lh:48px;--type-display3-tracking:-.027em;--type-title1-size:32px;--type-title1-lh:44px;--type-title1-tracking:-.0253em;--type-title2-size:28px;--type-title2-lh:38px;--type-title2-tracking:-.0236em;--type-title3-size:24px;--type-title3-lh:32px;--type-title3-tracking:-.023em;--type-heading1-size:22px;--type-heading1-lh:30px;--type-heading1-tracking:-.0194em;--type-heading2-size:20px;--type-heading2-lh:28px;--type-heading2-tracking:-.012em;--type-headline1-size:18px;--type-headline1-lh:26px;--type-headline1-tracking:-.002em;--type-headline2-size:17px;--type-headline2-lh:24px;--type-headline2-tracking:0em;--type-body1-normal-size:16px;--type-body1-normal-lh:24px;--type-body1-normal-tracking:.0057em;--type-body1-reading-size:16px;--type-body1-reading-lh:26px;--type-body1-reading-tracking:.0057em;--type-body2-normal-size:15px;--type-body2-normal-lh:22px;--type-body2-normal-tracking:.0096em;--type-body2-reading-size:15px;--type-body2-reading-lh:24px;--type-body2-reading-tracking:.0096em;--type-label1-normal-size:14px;--type-label1-normal-lh:20px;--type-label1-normal-tracking:.0145em;--type-label1-reading-size:14px;--type-label1-reading-lh:22px;--type-label1-reading-tracking:.0145em;--type-label2-size:13px;--type-label2-lh:18px;--type-label2-tracking:.0194em;--type-caption1-size:12px;--type-caption1-lh:16px;--type-caption1-tracking:.0252em;--type-caption2-size:11px;--type-caption2-lh:14px;--type-caption2-tracking:.0311em;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--space-0:0;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:28px;--space-9:32px;--space-10:40px;--space-11:48px;--space-12:56px;--space-13:64px;--space-14:80px;--space-15:96px;--space-16:128px;--radius-2:2px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-16:16px;--radius-20:20px;--radius-24:24px;--radius-32:32px;--radius-full:9999px;--elevation-1:0 1px 2px #1717190a, 0 1px 3px #1717190f;--elevation-2:0 2px 6px #1717190f, 0 4px 12px #17171914;--elevation-3:0 6px 16px #17171914, 0 12px 28px #1717191a;--elevation-4:0 12px 32px #1717191f, 0 24px 56px #17171924;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-emphasized:cubic-bezier(.3, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--type-body1-normal-size);line-height:var(--type-body1-normal-lh);letter-spacing:var(--type-body1-normal-tracking);font-weight:var(--font-weight-regular);color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"ss03", "ss04";margin:0}.t-display1{font-size:var(--type-display1-size);line-height:var(--type-display1-lh);letter-spacing:var(--type-display1-tracking);font-weight:700}.t-display2{font-size:var(--type-display2-size);line-height:var(--type-display2-lh);letter-spacing:var(--type-display2-tracking);font-weight:700}.t-display3{font-size:var(--type-display3-size);line-height:var(--type-display3-lh);letter-spacing:var(--type-display3-tracking);font-weight:700}.t-title1{font-size:var(--type-title1-size);line-height:var(--type-title1-lh);letter-spacing:var(--type-title1-tracking);font-weight:700}.t-title2{font-size:var(--type-title2-size);line-height:var(--type-title2-lh);letter-spacing:var(--type-title2-tracking);font-weight:700}.t-title3{font-size:var(--type-title3-size);line-height:var(--type-title3-lh);letter-spacing:var(--type-title3-tracking);font-weight:700}.t-heading1{font-size:var(--type-heading1-size);line-height:var(--type-heading1-lh);letter-spacing:var(--type-heading1-tracking);font-weight:600}.t-heading2{font-size:var(--type-heading2-size);line-height:var(--type-heading2-lh);letter-spacing:var(--type-heading2-tracking);font-weight:600}.t-headline1{font-size:var(--type-headline1-size);line-height:var(--type-headline1-lh);letter-spacing:var(--type-headline1-tracking);font-weight:600}.t-headline2{font-size:var(--type-headline2-size);line-height:var(--type-headline2-lh);letter-spacing:var(--type-headline2-tracking);font-weight:600}.t-body1{font-size:var(--type-body1-normal-size);line-height:var(--type-body1-normal-lh);letter-spacing:var(--type-body1-normal-tracking);font-weight:400}.t-body1-reading{font-size:var(--type-body1-reading-size);line-height:var(--type-body1-reading-lh);letter-spacing:var(--type-body1-reading-tracking);font-weight:400}.t-body2{font-size:var(--type-body2-normal-size);line-height:var(--type-body2-normal-lh);letter-spacing:var(--type-body2-normal-tracking);font-weight:400}.t-body2-reading{font-size:var(--type-body2-reading-size);line-height:var(--type-body2-reading-lh);letter-spacing:var(--type-body2-reading-tracking);font-weight:400}.t-label1{font-size:var(--type-label1-normal-size);line-height:var(--type-label1-normal-lh);letter-spacing:var(--type-label1-normal-tracking);font-weight:500}.t-label2{font-size:var(--type-label2-size);line-height:var(--type-label2-lh);letter-spacing:var(--type-label2-tracking);font-weight:500}.t-caption1{font-size:var(--type-caption1-size);line-height:var(--type-caption1-lh);letter-spacing:var(--type-caption1-tracking);font-weight:500}.t-caption2{font-size:var(--type-caption2-size);line-height:var(--type-caption2-lh);letter-spacing:var(--type-caption2-tracking);font-weight:500}
.shell{background:var(--bg-base);flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:20;background:var(--surface-base);border-bottom:1px solid var(--line-default);height:56px;position:fixed;top:0;left:0;right:0}.topbar-inner{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;max-width:720px;height:100%;padding:0 var(--space-5);margin:0 auto;display:flex}.brand{font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--type-headline1-tracking);font-size:var(--type-headline1-size);text-decoration:none}.wallet-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--bg-muted);color:var(--text-secondary);font-size:var(--type-label2-size);font-weight:var(--font-weight-medium);text-decoration:none;display:inline-flex}.wallet-chip strong{color:var(--text-primary)}.topbar-nav{gap:var(--space-3);align-items:center;display:inline-flex}.main{width:100%;max-width:720px;padding:calc(56px + var(--space-5)) var(--space-5) calc(76px + env(safe-area-inset-bottom,0px));flex:1;margin:0 auto}.chip-row{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--line-default);background:var(--surface-base);color:var(--text-secondary);font-size:var(--type-label2-size);font-weight:var(--font-weight-medium);text-decoration:none}.chip.is-active{background:var(--primary);color:var(--primary-on);border-color:var(--primary)}.fortune-para{margin:0 0 var(--space-4);color:var(--text-primary);line-height:1.75}.fortune-para:last-child{margin-bottom:0}.fortune-badge{border-radius:var(--radius-full);font-size:var(--type-label2-size);font-weight:var(--font-weight-bold);background:var(--primary-subtle);color:var(--primary);white-space:nowrap;flex:none;padding:2px 10px}.fortune-badge.is-soon{background:var(--bg-muted);color:var(--text-tertiary)}.card.is-disabled{opacity:.6}.mystic{color:var(--primary);font-weight:var(--font-weight-bold)}.chat-wrap{margin-top:var(--space-5)}.chat-log{gap:var(--space-3);min-height:40vh;padding:var(--space-4);border:1px solid var(--line-default);border-radius:var(--radius-12);background:var(--bg-subtle);flex-direction:column;display:flex}.chat-msg{display:flex}.chat-msg.user{justify-content:flex-end}.chat-bubble{max-width:80%;padding:var(--space-3) var(--space-4);white-space:pre-wrap;border-radius:14px;line-height:1.6}.chat-msg.assistant .chat-bubble{background:var(--surface-base);border:1px solid var(--line-default);border-top-left-radius:4px}.chat-msg.user .chat-bubble{background:var(--primary);color:var(--primary-on);border-top-right-radius:4px}.chat-typing{color:var(--text-tertiary)}.chat-input{gap:var(--space-2);margin-top:var(--space-3);display:flex}.chat-input input{min-height:48px;padding:0 var(--space-4);border:1px solid var(--line-default);border-radius:var(--radius-full);background:var(--surface-base);color:var(--text-primary);font:inherit;flex:1}.chat-input input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle);outline:none}.chat-input .btn{flex:none}.daeun-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.daeun-cell{text-align:center;padding:var(--space-3) var(--space-2);border:1px solid var(--line-default);border-radius:var(--radius-10)}.daeun-age{font-size:var(--type-caption1-size);color:var(--text-tertiary)}.daeun-ganji{font-size:var(--type-title2-size,1.3rem);margin:2px 0}.daeun-year{font-size:11px}.compat-head{align-items:center;gap:var(--space-5);display:flex}.compat-score{border-radius:var(--radius-full);background:var(--primary-subtle);width:84px;height:84px;color:var(--primary);flex:none;justify-content:center;align-items:baseline;gap:2px;display:flex}.compat-score-num{font-size:34px;font-weight:var(--font-weight-bold);line-height:1}.compat-score-unit{font-size:14px;font-weight:var(--font-weight-medium)}.compat-names strong{font-size:var(--type-headline2-size,1.1rem)}.strength-badge{border-radius:var(--radius-full);font-size:var(--type-label2-size);font-weight:var(--font-weight-bold);padding:2px 8px}.strength-신강{background:var(--bg-muted);color:var(--primary)}.strength-신약,.strength-중화{background:var(--bg-muted);color:var(--text-secondary)}.strength-note{margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--line-default);border-radius:var(--radius-md,12px);background:var(--bg-muted);font-size:var(--type-body2-size,.9rem)}.bottom-nav{z-index:20;background:var(--surface-base);border-top:1px solid var(--line-default);padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{justify-content:space-around;align-items:stretch;width:100%;max-width:720px;height:64px;margin:0 auto;display:flex}.bottom-nav-item{color:var(--text-tertiary,var(--text-secondary));font-size:var(--type-label2-size);font-weight:var(--font-weight-medium);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.bottom-nav-icon{font-size:20px;line-height:1}.bottom-nav-label{letter-spacing:-.2px;font-size:11px}.bottom-nav-item.is-active{color:var(--primary);font-weight:var(--font-weight-bold)}.bottom-nav-item.is-active .bottom-nav-icon{transform:translateY(-1px)}.page-title{margin:0 0 var(--space-2);font-size:var(--type-title3-size);line-height:var(--type-title3-lh);letter-spacing:var(--type-title3-tracking);font-weight:var(--font-weight-bold);color:var(--text-primary)}.page-sub{margin:0 0 var(--space-7);color:var(--text-tertiary);font-size:var(--type-body2-normal-size);line-height:var(--type-body2-normal-lh)}.card{background:var(--surface-base);border:1px solid var(--line-default);border-radius:var(--radius-16);padding:var(--space-6)}.card+.card{margin-top:var(--space-4)}.card-link{color:inherit;transition:background var(--duration-fast) var(--ease-standard);text-decoration:none;display:block}.card-link:hover{background:var(--bg-subtle)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.muted{color:var(--text-tertiary);font-size:var(--type-label1-normal-size)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);border-radius:var(--radius-10);font-size:var(--type-body1-normal-size);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #06f3}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--cta-bg);color:var(--cta-on);font-weight:var(--font-weight-bold)}.btn-primary:hover:not(:disabled),.btn-primary:active:not(:disabled){background:var(--cta-bg-hover)}.btn-outline{border-color:var(--line-default);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--bg-subtle)}.btn-danger-ghost{color:var(--status-negative);background:0 0}.btn-danger-ghost:hover{background:var(--status-negative-subtle)}.btn-danger{background:var(--status-negative);color:#fff}.btn-danger:hover:not(:disabled){background:var(--status-negative-hover,#b20c0c)}.btn-block{width:100%}.login{max-width:360px;padding-top:var(--space-8);margin:0 auto}.oauth-btn{font-weight:var(--font-weight-semibold);border:1px solid #0000}.oauth-kakao{color:#191600;background:#fee500}.oauth-naver{color:#fff;background:#03c75a}.oauth-google{color:#1f1f1f;border-color:var(--line-default);background:#fff}.oauth-apple{color:#fff;background:#000}.oauth-btn:hover:not(:disabled){filter:brightness(.96)}.consent{gap:var(--space-3);margin-top:var(--space-6);font-size:var(--type-label1-normal-size);color:var(--text-secondary);align-items:flex-start;display:flex}.consent input{margin-top:2px}.consent a{color:var(--primary)}.consent-required{color:var(--status-negative)}.prose h2{margin-top:var(--space-7);margin-bottom:var(--space-2)}.prose p{color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.7}.field{gap:var(--space-3);flex-direction:column;display:flex}.label{font-size:var(--type-label1-normal-size);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.label .req{color:var(--status-negative);margin-left:var(--space-1)}.input,.select{width:100%;min-height:48px;padding:0 var(--space-4);border:1px solid var(--line-default);border-radius:var(--radius-10);background:var(--surface-base);color:var(--text-primary);font:inherit}.input:focus,.select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #06f3}.grid-3{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.segment{gap:var(--space-2);grid-auto-flow:column;display:grid;position:relative}.segment input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.segment label{min-height:48px;padding:0 var(--space-3);border:1px solid var(--line-default);border-radius:var(--radius-10);color:var(--text-secondary);font-size:var(--type-label1-normal-size);cursor:pointer;text-align:center;justify-content:center;align-items:center;display:flex}.segment input:checked+label{border-color:var(--primary);background:var(--primary-subtle);color:var(--primary);font-weight:var(--font-weight-semibold)}.segment input:focus-visible+label{box-shadow:0 0 0 3px #06f3}.hint{color:var(--text-tertiary);font-size:var(--type-caption1-size);line-height:var(--type-caption1-lh);margin:0}.banner{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-12);font-size:var(--type-label1-reading-size);line-height:var(--type-label1-reading-lh);display:flex}.banner-info{background:var(--status-informative-subtle);color:var(--status-informative)}.banner-caution{background:var(--status-cautionary-subtle);color:var(--status-cautionary)}.banner-danger{background:var(--status-negative-subtle);color:var(--status-negative)}.banner-success{background:var(--status-positive-subtle);color:var(--status-positive)}.field>label{font-size:var(--type-label1-normal-size);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.field input,.field select,.field textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--line-default);border-radius:var(--radius-10);background:var(--surface-base);color:var(--text-primary);font:inherit}.field input,.field select{min-height:48px}.field textarea{resize:vertical;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle);outline:none}.faq-item summary{cursor:pointer;font-weight:var(--font-weight-bold);list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"＋";color:var(--primary);margin-right:var(--space-2)}.faq-item[open] summary:before{content:"－"}.answer-box{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-10);background:var(--bg-muted)}.menu-list{border:1px solid var(--line-default);border-radius:var(--radius-12);background:var(--surface-base);flex-direction:column;display:flex;overflow:hidden}.menu-item{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);color:var(--text-primary);border-bottom:1px solid var(--line-subtle);text-decoration:none;display:flex}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:var(--bg-subtle)}.menu-item>span:nth-child(2){flex:1}.menu-arrow{color:var(--text-tertiary);font-size:20px}.pillars{grid-template-columns:repeat(var(--pillar-count,4), 1fr);gap:var(--space-3);display:grid}.pillar{border:1px solid var(--line-default);border-radius:var(--radius-12);padding:var(--space-4) var(--space-2) var(--space-3);text-align:center;background:var(--surface-base)}.pillar-slot{font-size:var(--type-caption1-size);color:var(--text-tertiary);margin-bottom:var(--space-3)}.pillar-char{font-size:2.35rem;line-height:1;font-weight:var(--font-weight-bold);color:var(--text-primary)}.pillar-korean{margin-top:var(--space-1);font-size:var(--type-label1-normal-size);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.pillar-korean span{color:var(--text-tertiary);font-size:var(--type-caption1-size);margin-left:2px}.pillar-hidden{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line-subtle);font-size:var(--type-caption1-size);color:var(--text-secondary);gap:var(--space-1);flex-direction:column;display:flex}.simple-reading p{margin:var(--space-3) 0 0;color:var(--text-secondary);font-size:var(--type-body2-normal-size);line-height:var(--type-body2-normal-lh)}.simple-reading p:first-of-type{color:var(--text-primary);font-weight:var(--font-weight-medium)}.quick-fortune-list{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.quick-fortune-item{border-radius:var(--radius-12);background:var(--bg-muted);overflow:hidden}.quick-fortune-item summary{gap:var(--space-2) var(--space-3);padding:var(--space-4);cursor:pointer;grid-template-rows:auto auto;grid-template-columns:4.5rem 1fr 1.25rem;margin:0;list-style:none;display:grid}.quick-fortune-item summary::-webkit-details-marker{display:none}.quick-fortune-item strong{color:var(--text-primary);white-space:nowrap;grid-row:1/span 2}.quick-fortune-item span{color:var(--text-secondary);grid-column:2;line-height:1.65}.quick-fortune-item summary:after{content:"+";color:var(--text-tertiary);font-weight:var(--font-weight-bold);grid-area:1/3/span 2;place-self:center end}.quick-fortune-item[open] summary:after{content:"-"}.quick-fortune-item p{padding:0 var(--space-4) var(--space-4) calc(4.5rem + var(--space-7));color:var(--text-secondary);font-size:var(--type-body2-normal-size);line-height:var(--type-body2-normal-lh);margin:0}.elements{gap:var(--space-3);flex-direction:column;display:flex}.element-row{align-items:center;gap:var(--space-3);grid-template-columns:2rem 1fr 2rem;display:grid}.element-name{font-size:var(--type-label1-normal-size);color:var(--text-secondary)}.element-bar{border-radius:var(--radius-full);background:var(--bg-muted);height:8px;display:block;overflow:hidden}.element-fill{background:var(--primary);border-radius:var(--radius-full);min-width:2px;height:100%;display:block}.element-row[data-missing=true] .element-fill{display:none}.element-count{text-align:right;font-size:var(--type-label2-size);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.element-row[data-missing=true] .element-name{color:var(--status-cautionary);font-weight:var(--font-weight-semibold)}.manse-reading{margin-top:var(--space-4)}.manse-reading-list{border-top:1px solid var(--line-subtle);flex-direction:column;display:flex}.manse-reading-row{gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--line-subtle);grid-template-columns:6rem 1fr;display:grid}.manse-reading-row strong{color:var(--text-primary);font-size:var(--type-label1-normal-size)}.manse-reading-row p{color:var(--text-secondary);font-size:var(--type-body2-normal-size);line-height:var(--type-body2-normal-lh);margin:0}.balances{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.balance-box{border:1px solid var(--line-default);border-radius:var(--radius-12);padding:var(--space-5)}.balance-label{font-size:var(--type-label2-size);color:var(--text-tertiary)}.balance-value{font-size:var(--type-title3-size);font-weight:var(--font-weight-bold);color:var(--text-primary)}.ledger{margin:0;padding:0;list-style:none}.ledger li{justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--line-subtle);font-size:var(--type-label1-normal-size);display:flex}.ledger li:last-child{border-bottom:none}.delta-plus{color:var(--status-positive);font-weight:var(--font-weight-semibold)}.delta-minus{color:var(--text-secondary);font-weight:var(--font-weight-semibold)}.charge-card{margin-top:var(--space-6)}.package-grid{gap:var(--space-3);margin-top:var(--space-5);display:grid}.package-option{min-height:72px;padding:var(--space-4);border:1px solid var(--line-default);border-radius:var(--radius-10);background:var(--surface-base);cursor:pointer;align-items:center;display:flex;position:relative}.package-option input{opacity:0;width:1px;height:1px;position:absolute}.package-option>span{gap:var(--space-1);flex-direction:column;display:flex}.package-option span span{color:var(--text-tertiary);font-size:var(--type-label1-normal-size)}.package-option:has(input:checked){border-color:var(--primary);background:var(--primary-subtle)}.package-option:has(input:focus-visible){box-shadow:0 0 0 3px #06f3}.result-card{margin-top:var(--space-6)}.error-text{color:var(--status-negative)}.archive-item{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.archive-actions{align-items:center;gap:var(--space-3);display:flex}.archive-section{margin-top:var(--space-8)}.archive-section h2{margin:0 0 var(--space-4);font-size:var(--type-heading1-size);line-height:var(--type-heading1-lh)}.consultation-item{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.consultation-summary{margin:var(--space-3) 0 0;color:var(--text-secondary);font-size:var(--type-body2-normal-size);line-height:var(--type-body2-normal-lh)}.status-badge{min-height:24px;margin-left:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--type-caption1-size);font-weight:var(--font-weight-semibold);align-items:center;display:inline-flex}.status-ready{background:var(--status-positive-subtle);color:var(--status-positive)}.status-pending{background:var(--status-informative-subtle);color:var(--status-informative)}.status-failed{background:var(--status-negative-subtle);color:var(--status-negative)}.progress{border-radius:var(--radius-full);background:var(--bg-muted);height:6px;display:block;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--primary);height:100%;transition:width .4s ease-out;display:block}@media (prefers-reduced-motion:reduce){.progress-fill{transition:none}}.accordion{border:1px solid var(--line-default);border-radius:var(--radius-16);background:var(--surface-base);overflow:hidden}.accordion-item+.accordion-item{border-top:1px solid var(--line-subtle)}.accordion-summary{align-items:center;gap:var(--space-4);min-height:56px;padding:var(--space-4) var(--space-5);cursor:pointer;font-size:var(--type-body1-normal-size);font-weight:var(--font-weight-semibold);color:var(--text-primary);list-style:none;display:flex}.accordion-summary::-webkit-details-marker{display:none}.accordion-summary:hover{background:var(--bg-subtle)}.accordion-summary:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #06f3}.accordion-index{min-width:2rem;color:var(--text-tertiary);font-size:var(--type-label2-size);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.accordion-item[open] .accordion-summary{background:var(--bg-subtle)}.accordion-item[open] .accordion-index{color:var(--primary)}.accordion-body{padding:var(--space-2) var(--space-5) var(--space-7)}.accordion-body p{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--type-body1-reading-size);line-height:var(--type-body1-reading-lh);letter-spacing:var(--type-body1-reading-tracking)}.accordion-body p:last-child{margin-bottom:0}.empty{padding:var(--space-11) var(--space-5);text-align:center;color:var(--text-tertiary);border:1px dashed var(--line-default);border-radius:var(--radius-16)}@media (min-width:640px){.main{padding-top:var(--space-10)}.page-title{font-size:var(--type-title2-size);line-height:var(--type-title2-lh)}}@media (max-width:900px){.archive-item,.consultation-item{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.manse-reading-row{gap:var(--space-2);grid-template-columns:1fr}}@media print{.topbar,.bottom-nav,.btn{display:none!important}.shell{background:var(--surface-base);min-height:auto;display:block}.main{max-width:none;padding:0;display:block}.card{break-inside:avoid}.accordion{border-radius:0;overflow:visible}.accordion-item{break-inside:auto;page-break-inside:auto}.accordion-summary{break-after:avoid;page-break-after:avoid}.accordion-body{break-before:avoid;page-break-before:avoid;display:block!important}.accordion-body p{break-inside:avoid;page-break-inside:avoid}}