:root{color-scheme:dark;--bg:#0D0D11;--card:#16161C;--card2:#1C1C22;--line:#2A2A33;--line2:#3A3A46;--ink:#FFF;--sub:#CFCFD8;--mut:#9A9AA3;--brand:#B19CFF;--good:#7DEBC8;--r:24px;--r-sm:14px;--pill:999px;--space:24px;--font:'Pretendard Variable','Pretendard',system-ui,sans-serif;--body:15px;--caption:13px;--section:20px;--card-title:17px;--title:40px;--question:23px;--page:1040px;--result:760px;--quiz:560px;--section-gap:64px}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:var(--body)/1.65 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0;word-break:keep-all;overflow-wrap:anywhere}h1{font-size:var(--title);font-weight:800;line-height:1.3;letter-spacing:-.5px}h2{font-size:var(--section);line-height:1.45;letter-spacing:-.5px}h3{font-size:var(--card-title);line-height:1.5}p{color:var(--sub)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--brand);outline-offset:4px}h1:focus,h2:focus{outline:none}button:disabled{cursor:default;color:var(--mut);background:var(--card2);border-color:var(--line)}
.hi-header{max-width:var(--page);margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.hi-header>a{min-height:44px;display:flex;align-items:center;font-size:var(--caption);color:var(--sub)}.hi-header .hi-logo{font-size:var(--section);font-weight:800;letter-spacing:1px;color:var(--ink)}.hi-logo span{font-size:var(--caption);font-weight:400;letter-spacing:0;color:var(--mut);margin-left:16px}.hi-skip{position:absolute;left:24px;top:-80px;background:var(--ink);color:var(--bg);padding:12px;z-index:99}.hi-skip:focus{top:12px}
#app{max-width:var(--page);margin:auto;padding:0 var(--space)}.screen{display:none}.screen.on{display:block;animation:hi-enter .3s ease}.hi-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center;padding:48px 0}.hi-kicker{font-size:var(--caption);font-weight:700;letter-spacing:.5px;color:var(--brand);margin-bottom:16px}.hi-pill{display:inline-block;margin-left:8px;padding:4px 12px;border:1px solid var(--line);border-radius:var(--pill);color:var(--sub);letter-spacing:0}.hi-lead{margin-top:24px;color:var(--sub);line-height:1.85}.hi-use{margin-top:24px;color:var(--brand);font-weight:700}.hi-caption{font-size:var(--caption);color:var(--mut);line-height:1.65;margin-top:12px}.hi-intro-actions{display:grid;gap:12px;margin-top:32px;max-width:360px}.hi-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 24px;border:1px solid var(--ink);border-radius:var(--pill);background:var(--ink);color:var(--bg);font-weight:700;text-align:center;line-height:1.5;transition:transform .15s,border-color .15s}.hi-button:hover:not(:disabled){transform:translateY(-2px)}.hi-button:active:not(:disabled){transform:translateY(0)}.hi-button.secondary{background:var(--card2);color:var(--ink);border-color:var(--line)}.hi-button.secondary:hover{border-color:var(--line2)}.hi-portrait{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--card)}.hi-portrait>img{width:100%;height:100%;object-fit:cover;display:block}.hi-portrait-copy{position:absolute;bottom:0;left:0;right:0;padding:24px;background:color-mix(in srgb,var(--bg) 87%,transparent)}.hi-portrait-copy>span{font-size:var(--caption);color:var(--sub)}.hi-portrait-copy>p{font-size:var(--section);font-weight:700;color:var(--ink);margin-top:8px;line-height:1.45}.hi-deliverables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--line);padding:32px 0 48px}.hi-deliverables p{margin-top:12px}.hi-deliverables .hi-kicker{display:block;margin-bottom:12px}.hi-footer{max-width:var(--page);margin:48px auto 0;padding:24px;font-size:var(--caption);color:var(--mut);display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line)}
body:has(#scr-quiz.on) .hi-header,body:has(#scr-quiz.on) .hi-footer{display:none}#scr-quiz{max-width:var(--quiz);margin:auto;padding:24px 0 32px;min-height:100dvh}#scr-quiz.on{display:flex;flex-direction:column}.hi-quiz-top{display:flex;align-items:center;justify-content:space-between;font-size:var(--caption);font-weight:700;color:var(--sub)}.hi-icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:var(--pill);background:var(--card);color:var(--ink);font-size:var(--section)}.hi-progress-row{display:flex;justify-content:space-between;gap:16px;margin-top:24px;font-size:var(--caption);color:var(--mut)}progress{width:100%;height:4px;appearance:none;border:0;background:var(--line);margin-top:8px;border-radius:var(--pill);overflow:hidden}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--brand)}progress::-moz-progress-bar{background:var(--brand)}.hi-question{margin:32px 0 24px;flex:1}.hi-question h2{font-size:var(--question);font-weight:800;line-height:1.42;min-height:3em}.hi-question fieldset{display:grid;gap:12px;border:0;padding:0;margin:24px 0 0}.hi-option{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--sub);cursor:pointer;transition:border-color .15s}.hi-option:hover{border-color:var(--line2)}.hi-option[aria-pressed=true]{border-color:var(--brand);color:var(--ink);background:var(--card2)}.hi-option:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.hi-option span{word-break:keep-all;overflow-wrap:anywhere}
#scr-result{max-width:var(--result);margin:auto}.hi-result-hero{padding:48px 0 32px}.hi-result-hero h1{max-width:650px}.hi-result-hero .hi-lead{margin-top:16px}.hi-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.hi-tags span{padding:4px 12px;border:1px solid var(--line);border-radius:var(--pill);font-size:var(--caption);color:var(--sub)}.hi-jump{display:flex;flex-wrap:wrap;gap:8px 20px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hi-jump a{display:flex;align-items:center;min-height:44px;font-size:var(--caption);color:var(--sub)}.hi-jump a:hover{color:var(--brand)}.hi-section{margin-top:var(--section-gap);scroll-margin-top:24px}.hi-section>.hi-kicker{margin-bottom:8px}.hi-section>h2{margin-bottom:24px}.hi-description{margin:-8px 0 24px}.hi-stack{display:grid;gap:16px}.hi-card{padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.hi-card p{margin-top:12px}.hi-card .hi-kicker{margin:0 0 8px;display:block}.hi-card .hi-scene{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.hi-card .hi-question-prompt{color:var(--brand)}.hi-field{display:grid;gap:8px}.hi-field label{font-weight:700;color:var(--sub)}.hi-field label>span{font-size:var(--caption);color:var(--mut);font-weight:400;margin-left:8px}.hi-field input,.hi-field textarea,.hi-field select{min-width:0;width:100%;min-height:48px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card2);color:var(--ink)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--mut)}.hi-fields{display:grid;gap:24px}.hi-fields>.hi-caption{margin:0}.hi-example{margin-top:16px}.hi-example>p{font-size:var(--card-title);line-height:1.85}.hi-example>.hi-button{margin-top:24px}.hi-prompt{margin-bottom:24px}.hi-prompt summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;color:var(--sub);font-weight:700}.hi-prompt pre{font-family:var(--font);font-size:var(--caption);line-height:1.85;color:var(--sub);white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0 0;max-height:480px;overflow:auto}#copy-prompt{width:100%}.hi-result-bottom{display:flex;flex-wrap:wrap;gap:12px;margin-top:48px}.hi-result-bottom>*{flex:1}.hi-footnote{margin-top:24px;text-align:center}.hi-result-bottom+.hi-footnote{padding-bottom:24px}
#copy-fallback{margin:auto;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);color:var(--ink)}#copy-fallback::backdrop{background:color-mix(in srgb,var(--bg) 75%,transparent)}#copy-fallback p{margin:16px 0}#copy-fallback textarea{width:100%;padding:12px;margin:8px 0 16px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card2);color:var(--ink)}#copy-fallback button{width:100%;margin-top:12px}
@keyframes hi-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:899px){:root{--title:30px;--section-gap:48px}.hi-logo span{display:none}.hi-intro{grid-template-columns:1fr;gap:32px;padding:32px 0}.hi-intro-actions{max-width:none}.hi-portrait{max-width:360px;width:100%;margin:auto;aspect-ratio:4/3}.hi-portrait>img{object-position:50% 27%}.hi-portrait-copy{padding:16px 24px}.hi-portrait-copy p{font-size:var(--card-title)}.hi-deliverables{grid-template-columns:1fr;gap:24px}.hi-deliverables>div{display:grid;grid-template-columns:96px 1fr;gap:0 16px}.hi-deliverables .hi-kicker{grid-row:1/3;margin:0}.hi-deliverables p{margin-top:8px}.hi-deliverables p br{display:none}.hi-desktop{display:none}.hi-footer{flex-wrap:wrap}.hi-result-hero{padding-top:32px}}@media(max-width:359px){:root{--space:16px}.hi-header{padding:16px}.hi-card{padding:24px 16px}.hi-portrait-copy{padding:16px}.hi-deliverables>div{grid-template-columns:1fr;gap:8px}.hi-deliverables .hi-kicker{grid-row:auto}.hi-result-bottom{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.hi-header,.hi-footer,.hi-jump,.mobile-tabs,.hi-button,#experience,.hi-intro-actions{display:none!important}}

body .mobile-tabs,body #pervue-consent,body #pervue-consent button{font-family:var(--font)}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}

.hi-button,.hi-field textarea,.hi-field textarea::placeholder,.hi-prompt pre,#manual-copy{word-break:keep-all;overflow-wrap:anywhere}

.hi-option{text-align:left}.hi-option:disabled{opacity:1;cursor:default}.hi-answer-mark{width:20px;height:20px;flex-shrink:0;border:1px solid var(--mut);border-radius:var(--pill);display:grid;place-items:center}.hi-answer-mark::after{content:"";width:10px;height:10px;border-radius:var(--pill)}.hi-option[aria-pressed=true] .hi-answer-mark{border-color:var(--brand)}.hi-option[aria-pressed=true] .hi-answer-mark::after{background:var(--brand)}