:root{--gray-900:#191f28;--gray-700:#333d4b;--gray-600:#4e5968;--gray-500:#6b7684;--gray-400:#8b95a1;--gray-300:#b0b8c1;--gray-200:#d1d6db;--gray-100:#e5e8eb;--gray-50:#f2f4f6;--white:#fff;--primary-100:#e8f3ff;--primary-300:#d8ebff;--primary-500:#0a79fb;--primary-600:#0355f1;--primary-700:#0243c4;--success-500:#2bac4e;--warn-500:#f2a50c;--error-500:#e55353;--type-00:#ebf4ff;--type-00-dark:#191f28;--type-01:#d3e7fe;--type-01-dark:#191f28;--type-02:#bbdafe;--type-02-dark:#191f28;--type-03:#a4cdfe;--type-03-dark:#191f28;--type-04:#8cc0fd;--type-04-dark:#191f28;--type-05:#74b3fd;--type-05-dark:#191f28;--type-06:#5ca6fc;--type-06-dark:#191f28;--type-07:#4499fc;--type-07-dark:#191f28;--type-08:#2c8cfc;--type-08-dark:#191f28;--type-09:#046eea;--type-09-dark:#fff;--type-10:#0362d2;--type-10-dark:#fff;--type-11:#0357ba;--type-11-dark:#fff;--type-12:#034ca2;--type-12-dark:#fff;--type-13:#02418a;--type-13-dark:#fff;--type-14:#023672;--type-14-dark:#fff;--type-15:#012b5b;--type-15-dark:#fff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--radius-pill:9999px;--shadow-1:0 1px 2px #191f280a, 0 1px 2px #191f280f;--shadow-2:0 4px 12px #191f280f, 0 2px 4px #191f280a;--shadow-3:0 12px 28px #191f281a, 0 4px 8px #191f280f;--shadow-cta-top:0 -4px 16px #191f280f;--shadow-focus:0 0 0 4px #0a79fb47;--font-sans:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"JetBrains Mono", "D2Coding", ui-monospace, monospace;--text-xs:12px;--lh-xs:16px;--text-sm:14px;--lh-sm:20px;--text-base:16px;--lh-base:24px;--text-md:17px;--lh-md:26px;--text-lg:19px;--lh-lg:28px;--text-xl:22px;--lh-xl:30px;--text-2xl:26px;--lh-2xl:34px;--text-3xl:32px;--lh-3xl:42px;--text-4xl:40px;--lh-4xl:50px;--fw-regular:500;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--duration-fast:.12s;--duration-base:.2s;--duration-slow:.24s;--ease-out:cubic-bezier(.2, .8, .2, 1);--bg-page:var(--gray-50);--bg-surface:var(--white);--bg-subtle:var(--gray-100);--bg-inverse:var(--gray-900);--text-default:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--text-helper:var(--gray-400);--text-inverse:var(--white);--text-link:var(--primary-600);--border-default:var(--gray-200);--border-subtle:var(--gray-100);--border-focus:var(--primary-500);--container-max:480px;--container-gutter:20px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}[data-type="00"]{--bg-capture:var(--type-00);--text-on-type:var(--type-00-dark)}[data-type="01"]{--bg-capture:var(--type-01);--text-on-type:var(--type-01-dark)}[data-type="02"]{--bg-capture:var(--type-02);--text-on-type:var(--type-02-dark)}[data-type="03"]{--bg-capture:var(--type-03);--text-on-type:var(--type-03-dark)}[data-type="04"]{--bg-capture:var(--type-04);--text-on-type:var(--type-04-dark)}[data-type="05"]{--bg-capture:var(--type-05);--text-on-type:var(--type-05-dark)}[data-type="06"]{--bg-capture:var(--type-06);--text-on-type:var(--type-06-dark)}[data-type="07"]{--bg-capture:var(--type-07);--text-on-type:var(--type-07-dark)}[data-type="08"]{--bg-capture:var(--type-08);--text-on-type:var(--type-08-dark)}[data-type="09"]{--bg-capture:var(--type-09);--text-on-type:var(--type-09-dark)}[data-type="10"]{--bg-capture:var(--type-10);--text-on-type:var(--type-10-dark)}[data-type="11"]{--bg-capture:var(--type-11);--text-on-type:var(--type-11-dark)}[data-type="12"]{--bg-capture:var(--type-12);--text-on-type:var(--type-12-dark)}[data-type="13"]{--bg-capture:var(--type-13);--text-on-type:var(--type-13-dark)}[data-type="14"]{--bg-capture:var(--type-14);--text-on-type:var(--type-14-dark)}[data-type="15"]{--bg-capture:var(--type-15);--text-on-type:var(--type-15-dark)}*,:before,:after{box-sizing:border-box}html,body{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--lh-md);color:var(--text-default);background:var(--bg-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}button{font-family:inherit}a{color:inherit}.container{max-width:var(--container-max);padding-left:var(--container-gutter);padding-right:var(--container-gutter);width:100%;margin:0 auto}:focus-visible{box-shadow:var(--shadow-focus);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.page-enter{animation:page-enter var(--duration-base) var(--ease-out)}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bottom-cta{padding:var(--space-3) var(--container-gutter) calc(var(--space-3) + var(--safe-bottom));background:linear-gradient(180deg, #f2f4f600 0%, var(--bg-page) 28%);z-index:20;position:sticky;bottom:0;left:0;right:0}.bottom-cta--surface{background:linear-gradient(180deg, #fff0 0%, var(--white) 28%);box-shadow:var(--shadow-cta-top)}.btn{justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;font-family:inherit;font-weight:var(--fw-bold);letter-spacing:-.01em;transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);border:none;text-decoration:none;display:inline-flex}.btn--md{min-height:48px;font-size:var(--text-base);padding:0 var(--space-5);border-radius:var(--radius-md)}.btn--lg{min-height:56px;font-size:var(--text-md);padding:0 var(--space-6);border-radius:var(--radius-lg)}.btn--xl{min-height:60px;font-size:var(--text-lg);padding:0 var(--space-6);border-radius:var(--radius-lg)}.btn--full{width:100%}.btn--fill{background:var(--primary-500);color:var(--white)}@media (hover:hover){.btn--fill:hover{background:var(--primary-600)}}.btn--fill:active{background:var(--primary-700);transform:translateY(1px)}.btn--weak{background:var(--gray-100);color:var(--text-default)}@media (hover:hover){.btn--weak:hover{background:var(--gray-200)}}.btn--weak:active{background:var(--gray-200);transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.avatar{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.avatar__img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.avatar--ring{background:var(--bg-capture,var(--gray-100));border-radius:50%;padding:6%}.avatar--lg.avatar--ring,.avatar--xl.avatar--ring{padding:8%}@media (hover:hover){.avatar--hoverable:hover{transform:translateY(-3px)}}.avatar--idle{animation:avatar-bob 3.5s var(--ease-out) infinite}@keyframes avatar-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.avatar--idle{animation:none}}.avatar--xl .avatar__img,.avatar--lg .avatar__img{filter:drop-shadow(0 8px 20px #191f281f)}.page-landing{max-width:var(--container-max);background:var(--bg-page);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}.page-landing__top{padding:calc(var(--space-6) + var(--safe-top)) var(--container-gutter) var(--space-2)}.page-landing__brand{font-size:var(--text-base);font-weight:var(--fw-extrabold);color:var(--text-default);letter-spacing:-.02em;margin:0}.page-landing__hero{padding:var(--space-6) var(--container-gutter) var(--space-8);text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.page-landing__hero-avatar{margin-bottom:var(--space-2)}.page-landing__title{font-size:var(--text-3xl);line-height:1.2;font-weight:var(--fw-extrabold);letter-spacing:-.025em;color:var(--text-default);margin:0}.page-landing__sub{font-size:var(--text-md);color:var(--text-secondary);line-height:1.5;font-weight:var(--fw-medium);margin:0}.page-landing__meta{margin-top:var(--space-2);padding:6px var(--space-3);background:var(--white);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-secondary);box-shadow:var(--shadow-1);align-items:center;gap:6px;display:inline-flex}.page-landing__gallery{margin:0 var(--container-gutter);padding:var(--space-7) var(--space-5) var(--space-6);background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-1)}.page-landing__gallery-title{font-size:var(--text-lg);font-weight:var(--fw-extrabold);color:var(--text-default);letter-spacing:-.01em;text-align:center;margin:0 0 4px}.page-landing__gallery-sub{margin:0 0 var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.page-landing__grid{gap:var(--space-5) var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.page-landing__cell{transition:transform var(--duration-fast) var(--ease-out);flex-direction:column;align-items:center;gap:6px;display:flex}@media (hover:hover){.page-landing__cell:hover{transform:translateY(-2px)}}.page-landing__cell-code{font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-bold);color:var(--text-muted);letter-spacing:.04em}.page-landing__bottom-pad{height:var(--space-16)}.topbar{z-index:10;background:var(--bg-page);padding-top:var(--safe-top);position:sticky;top:0}.topbar__row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--container-gutter);max-width:var(--container-max);width:100%;margin:0 auto;display:flex}.topbar__back{padding:var(--space-2);margin-left:calc(-1 * var(--space-2));color:var(--text-default);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.topbar__back:disabled{opacity:.3;cursor:default}.topbar__counter{text-align:center;font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-default);font-variant-numeric:tabular-nums;flex:1}.topbar__spacer{width:40px}.topbar__track{background:var(--gray-100);height:3px;max-width:var(--container-max);margin:0 auto;overflow:hidden}.topbar__fill{background:var(--primary-500);height:100%;transition:width var(--duration-base) var(--ease-out)}.choice{align-items:center;gap:var(--space-3);background:var(--white);width:100%;color:var(--text-default);padding:var(--space-4);border-radius:var(--radius-lg);text-align:left;cursor:pointer;font-family:inherit;font-size:var(--text-md);line-height:1.45;font-weight:var(--fw-medium);min-height:72px;box-shadow:var(--shadow-1);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);border:2px solid #0000;display:flex}@media (hover:hover){.choice:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}}.choice:active{transform:translateY(0)scale(.99)}.choice--selected{background:var(--primary-100);border-color:var(--primary-500)}.choice:disabled{opacity:.5;cursor:not-allowed}.choice__icon-wrap{border-radius:var(--radius-md);background:var(--gray-50);width:40px;height:40px;color:var(--text-default);transition:background var(--duration-base) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.choice--selected .choice__icon-wrap{background:var(--primary-100);color:var(--primary-700)}.choice__label{color:var(--text-default);letter-spacing:-.005em;flex:1}.choice__check{background:var(--primary-500);width:28px;height:28px;color:var(--white);animation:choice-pop var(--duration-base) var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@keyframes choice-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.page-quiz{background:var(--bg-page);flex-direction:column;flex:1;display:flex}.page-quiz__container{max-width:var(--container-max);width:100%;padding:0 var(--container-gutter) var(--space-16);margin:0 auto}.page-quiz__body{padding:var(--space-8) 0 var(--space-4);gap:var(--space-6);animation:quiz-slide var(--duration-base) var(--ease-out);flex-direction:column;display:flex}.page-quiz__scenario{font-size:var(--text-md);color:var(--text-secondary);line-height:1.55;font-weight:var(--fw-medium);margin:0}.page-quiz__question{font-size:var(--text-2xl);line-height:1.3;font-weight:var(--fw-extrabold);letter-spacing:-.02em;color:var(--text-default);margin:0}.page-quiz__choices{gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}@keyframes quiz-slide{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.badge{background:var(--white);color:var(--text-default);border:1px solid var(--border-default);padding:6px var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-sans);letter-spacing:.06em;align-items:center;font-weight:900;line-height:1;display:inline-flex}.badge--sm{font-size:var(--text-xs);padding:5px 10px}.badge--md{font-size:var(--text-sm)}.badge--lg{font-size:var(--text-lg);padding:var(--space-2) var(--space-4)}.badge--muted{background:var(--gray-100);color:var(--text-muted)}.badge--unknown{background:var(--gray-100);color:var(--text-helper)}.capture{background:var(--white);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2);flex-direction:column;display:flex;position:relative;overflow:hidden}.capture__hero{background:var(--bg-capture,var(--gray-100));padding:var(--space-8) var(--space-6) var(--space-6);align-items:center;gap:var(--space-4);flex-direction:column;display:flex;position:relative}.capture__hero:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 30%,#ffffff73,#0000 60%);position:absolute;inset:0}.capture__hero>*{z-index:1;position:relative}.capture__body{padding:var(--space-6) var(--space-5) var(--space-7);text-align:center;flex-direction:column;align-items:center;display:flex}.capture .badge{background:var(--white);box-shadow:var(--shadow-1);border-color:#0000}.capture__name{margin:var(--space-3) 0 var(--space-3);font-size:var(--text-2xl);font-weight:var(--fw-extrabold);letter-spacing:-.02em;color:var(--text-default);max-width:320px;line-height:1.25}.capture__bubble{margin:0 0 var(--space-5);padding:var(--space-4) var(--space-5);background:var(--primary-50,var(--gray-50));border:1px solid var(--primary-200,var(--border-default));border-radius:var(--radius-2xl);align-self:stretch;position:relative}.capture__bubble:before{content:"";background:var(--primary-50,var(--gray-50));border-top:1px solid var(--primary-200,var(--border-default));border-left:1px solid var(--primary-200,var(--border-default));width:16px;height:16px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.capture__tagline{font-size:var(--text-base);color:var(--text-default);line-height:1.55;font-weight:var(--fw-semibold);text-align:center;margin:0}.capture__traits{gap:var(--space-3);text-align:left;flex-direction:column;align-self:stretch;margin:0;padding:0;list-style:none;display:flex}.capture__trait{align-items:flex-start;gap:var(--space-3);font-size:var(--text-base);color:var(--text-default);line-height:1.55;font-weight:var(--fw-medium);display:flex}.capture__trait-num{background:var(--primary-500);min-width:28px;height:28px;color:var(--white);border-radius:var(--radius-pill);font-family:var(--font-mono);letter-spacing:.04em;flex-shrink:0;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}.capture__trait-text{flex:1;padding-top:3px}.capture__watermark{margin-top:var(--space-5);flex-direction:column;align-items:center;gap:2px;font-family:Playfair Display,Georgia,Times New Roman,serif;display:flex}.capture__watermark-url{font-style:italic;font-size:var(--text-md);color:var(--text-default);letter-spacing:.01em;font-weight:700}.capture__watermark-sub{font-style:italic;font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.04em;font-weight:500}.capture--celebrate{opacity:0;animation:capture-enter var(--duration-slow) var(--ease-out) forwards;transform:scale(.96)}.capture--celebrate .capture__hero .avatar{opacity:0;animation:avatar-pop var(--duration-slow) var(--ease-out) .1s forwards;transform:translateY(8px)scale(.92)}.capture--celebrate .badge,.capture--celebrate .capture__name{opacity:0;animation:text-rise var(--duration-base) var(--ease-out) forwards;transform:translateY(10px)}.capture--celebrate .badge{animation-delay:.35s}.capture--celebrate .capture__name{animation-delay:.48s}.capture--celebrate .capture__tagline{opacity:0;animation:fade-in var(--duration-base) var(--ease-out) .62s forwards}.capture--celebrate .capture__trait{opacity:0;animation:text-rise var(--duration-base) var(--ease-out) forwards;transform:translateY(6px)}.capture--celebrate .capture__trait:first-child{animation-delay:.76s}.capture--celebrate .capture__trait:nth-child(2){animation-delay:.82s}.capture--celebrate .capture__trait:nth-child(3){animation-delay:.88s}.capture--celebrate .capture__trait:nth-child(4){animation-delay:.94s}@keyframes capture-enter{to{opacity:1;transform:scale(1)}}@keyframes avatar-pop{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes text-rise{to{opacity:1;transform:translateY(0)}}@keyframes fade-in{to{opacity:1}}.type-card{align-items:center;gap:var(--space-3);background:var(--gray-50);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--text-default);min-height:80px;transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:none;text-decoration:none;display:flex}@media (hover:hover){.type-card:not(.type-card--static):hover{background:var(--gray-100);transform:translateY(-1px)}.type-card:not(.type-card--static):hover .type-card__arrow{transform:translate(2px)}}.type-card:not(.type-card--static):active{transform:scale(.99)}.type-card--static{cursor:default}.type-card .avatar{flex-shrink:0}.type-card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.type-card__head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.type-card__relation{font-size:11px;font-weight:var(--fw-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;display:inline-flex}.type-card__name{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.45;font-weight:var(--fw-semibold);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;display:-webkit-box;overflow:hidden}.type-card__arrow{color:var(--text-helper);transition:transform var(--duration-fast) var(--ease-out)}.type-card__icon{color:var(--text-secondary);flex-shrink:0}.share{background:var(--gray-50);padding:var(--space-4) var(--space-3);border-radius:var(--radius-md);cursor:pointer;min-height:76px;color:var(--text-default);transition:background var(--duration-fast) var(--ease-out);border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-family:inherit;display:flex}@media (hover:hover){.share:hover{background:var(--gray-100)}}.share:active{transform:scale(.98)}.share:disabled{opacity:.6;cursor:not-allowed}.share__icon{color:var(--text-default);justify-content:center;align-items:center;display:inline-flex}.share--kakao .share__icon{color:#3c1e1e}.share--link .share__icon,.share--image .share__icon{color:var(--text-default)}.share--instagram{background:linear-gradient(135deg,#f58529 0%,#dd2a7b 50%,#8134af 100%)}.share--instagram .share__icon,.share--instagram .share__label{color:#fff}@media (hover:hover){.share--instagram:hover{filter:brightness(1.05);background:linear-gradient(135deg,#f58529 0%,#dd2a7b 50%,#8134af 100%)}}.share__label{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--text-secondary)}.share__spin{animation:1s linear infinite share-spin}@keyframes share-spin{to{transform:rotate(360deg)}}.acttub-cta{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-5);box-shadow:var(--shadow-1)}.acttub-cta__eyebrow{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-secondary);letter-spacing:.02em}.acttub-cta__title{margin:0 0 var(--space-3);font-size:var(--text-xl);font-weight:var(--fw-extrabold);color:var(--text-default);letter-spacing:-.02em;line-height:1.35}.acttub-cta__body{margin:0 0 var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.share-modal__backdrop{z-index:200;padding:var(--space-4);animation:share-modal-fade var(--duration-base) var(--ease-out);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.share-modal{background:var(--white);border-radius:var(--radius-2xl);width:100%;max-width:380px;padding:var(--space-7) var(--space-5) var(--space-5);box-shadow:var(--shadow-3);animation:share-modal-rise var(--duration-base) var(--ease-out);position:relative}.share-modal__close{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute}.share-modal__close:hover{background:var(--gray-100);color:var(--text-default)}.share-modal__title{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--fw-extrabold);color:var(--text-default);letter-spacing:-.015em;text-align:center}.share-modal__body{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);text-align:center;line-height:1.6}.share-modal__body strong{color:var(--text-default);font-weight:var(--fw-bold)}.share-modal__url{align-items:center;gap:var(--space-2);background:var(--gray-50);border-radius:var(--radius-md);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);margin-bottom:var(--space-4);display:flex}.share-modal__url-text{font-size:var(--text-sm);color:var(--text-default);font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.share-modal__copy{background:var(--white);border:1px solid var(--gray-200,var(--gray-100));border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--text-default);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;display:inline-flex}.share-modal__copy:hover{background:var(--gray-50)}.share-modal__done{width:100%;min-height:48px;padding:var(--space-3);background:var(--primary-500,#0a79fb);color:#fff;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-md);font-weight:var(--fw-bold);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out);border:none}.share-modal__done:hover{opacity:.9}@keyframes share-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes share-modal-rise{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.story-canvas-wrapper{pointer-events:none;z-index:-1;width:1px;height:1px;position:fixed;top:0;left:0;overflow:hidden}.story-canvas{box-sizing:border-box;color:#191f28;pointer-events:none;-webkit-user-select:none;user-select:none;background:radial-gradient(at 100% 0,#ffe08273 0%,#0000 50%),radial-gradient(at 0 100%,#b4dcff59 0%,#0000 55%),linear-gradient(#fff 0%,#f9fafb 100%);flex-direction:column;width:540px;height:960px;padding:56px 40px 48px;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.story-canvas__header{color:#555;letter-spacing:.02em;justify-content:center;align-items:center;gap:8px;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:15px;font-style:italic;font-weight:600;display:flex}.story-canvas__brand{color:#191f28;font-weight:800}.story-canvas__dot{color:#bbb}.story-canvas__tag{color:#666}.story-canvas__hero{flex-direction:column;align-items:center;gap:14px;margin:28px 0 24px;display:flex}.story-canvas__avatar{object-fit:contain;filter:drop-shadow(0 6px 16px #00000014);width:200px;height:200px}.story-canvas__badge{color:#fff;letter-spacing:.08em;background:#191f28;border-radius:999px;padding:7px 18px;font-size:16px;font-weight:800}.story-canvas__body{text-align:center;flex-direction:column;flex:1;min-height:0;display:flex}.story-canvas__name{letter-spacing:-.02em;color:#191f28;margin:0 0 12px;font-size:22px;font-weight:900;line-height:1.3}.story-canvas__tagline{color:#555;margin:0 0 20px;font-size:15px;font-style:italic;font-weight:500;line-height:1.5}.story-canvas__traits{text-align:left;flex-direction:column;gap:8px;margin:0;padding:0 8px;list-style:none;display:flex}.story-canvas__traits li{color:#4e5968;padding-left:16px;font-size:14px;font-weight:500;line-height:1.45;position:relative}.story-canvas__traits li:before{content:"";background:#191f28;border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:0}.story-canvas__footer{text-align:center;border-top:1.5px solid #00000014;margin-top:20px;padding-top:20px}.story-canvas__cta-url{color:#191f28;letter-spacing:.005em;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:32px;font-style:italic;font-weight:800;line-height:1.1}.story-canvas__cta-sub{color:#666;letter-spacing:.01em;margin-top:6px;font-size:13px;font-weight:600}.toast{bottom:var(--space-8);background:var(--bg-inverse);color:var(--text-inverse);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);box-shadow:var(--shadow-3);z-index:100;animation:toast-enter var(--duration-base) var(--ease-out) forwards, toast-exit var(--duration-base) var(--ease-out) 1.4s forwards;pointer-events:none;display:flex;position:fixed;left:50%;transform:translate(-50%)}@keyframes toast-enter{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-exit{to{opacity:0;transform:translate(-50%,12px)}}.page-404{background:var(--bg-page);flex-direction:column;flex:1;display:flex}.page-404__container{max-width:var(--container-max);justify-content:center;align-items:center;gap:var(--space-6);width:100%;padding:var(--space-12) var(--container-gutter);flex-direction:column;flex:1;margin:0 auto;display:flex}.page-404__title{font-size:var(--text-3xl);line-height:1.25;font-weight:var(--fw-extrabold);text-align:center;letter-spacing:-.025em;margin:0}.page-404__hint{font-size:var(--text-sm);color:var(--text-muted);text-align:center;font-weight:var(--fw-medium);margin:0}.page-404__container .btn{max-width:240px}.page-result{background:var(--bg-page);flex-direction:column;flex:1;display:flex}.page-result__topbar{z-index:10;background:var(--bg-page);align-items:center;gap:var(--space-3);padding:calc(var(--space-2) + var(--safe-top)) var(--container-gutter) var(--space-2);max-width:var(--container-max);width:100%;margin:0 auto;display:flex;position:sticky;top:0}.page-result__back{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-default);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.page-result__topbar-title{text-align:center;font-size:var(--text-base);font-weight:var(--fw-extrabold);letter-spacing:-.02em;flex:1}.page-result__container{max-width:var(--container-max);padding:0 var(--container-gutter) var(--space-12);gap:var(--space-5);flex-direction:column;width:100%;margin:0 auto;display:flex}.page-result__visitor{text-align:center;font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-2) 0;font-weight:var(--fw-medium)}.page-result__section{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-5);box-shadow:var(--shadow-1)}.page-result__section-title{margin:0 0 var(--space-4);font-size:var(--text-lg);font-weight:var(--fw-extrabold);color:var(--text-default);letter-spacing:-.015em}.page-result__role-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.page-result__role-list li{font-size:var(--text-md);color:var(--text-secondary);padding-left:var(--space-4);line-height:1.5;font-weight:var(--fw-medium);position:relative}.page-result__role-list li:before{content:"";background:var(--primary-500);border-radius:50%;width:5px;height:5px;position:absolute;top:12px;left:0}.page-result__relations{gap:var(--space-3);flex-direction:column;display:flex}.page-result__share{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-5);box-shadow:var(--shadow-1)}.page-result__share-title{margin:0 0 var(--space-4);font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--text-default);letter-spacing:-.01em}.share-group{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.page-result__bottom-pad{height:var(--space-16)}