:root{--bg:#0a0a0a;--background:#131313;--surface:#131313;--surface-dim:#131313;--surface-bright:#3a3939;--surface-container-lowest:#0e0e0e;--surface-container-low:#1c1b1b;--surface-container:#201f1f;--surface-container-high:#2a2a2a;--surface-container-highest:#353534;--surface-variant:#353534;--primary:#ecb1ff;--primary-container:#bf00ff;--on-primary:#520070;--on-primary-container:#fff;--inverse-primary:#9900ce;--secondary:#d7ffc5;--secondary-container:#2ff801;--on-secondary-container:#0f6d00;--tertiary:#c6c6c7;--error:#ffb4ab;--error-container:#93000a;--on-error-container:#ffdad6;--on-surface:#e5e2e1;--on-surface-variant:#d5c0d7;--outline:#9d8ba0;--outline-variant:#514254;--glass-bg:#ffffff0d;--glass-border:#ffffff1f;--glass-hover:#ffffff1a;--primary-rgb:236, 181, 255;--primary-container-rgb:191, 0, 255;--secondary-container-rgb:47, 248, 1;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-gutter:20px;--sp-lg:24px;--sp-xl:40px;--sp-2xl:64px;--margin-inline:16px;--radius:4px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--font-display:"Anybody", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-body:"Hanken Grotesk", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-label:"Space Grotesk", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--appbar-h:64px;--bottomnav-h:80px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:400 16px/1.5 var(--font-body);color:var(--on-surface-variant);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width>=768px){:root{--margin-inline:48px}}body{min-height:100svh;color:var(--on-surface-variant);background-color:var(--bg);background-image:radial-gradient(circle at 15% 0%, rgba(var(--primary-container-rgb), .16) 0%, transparent 45%), radial-gradient(circle at 90% 20%, rgba(var(--secondary-container-rgb), .08) 0%, transparent 40%), radial-gradient(circle at 50% 100%, rgba(var(--primary-container-rgb), .1) 0%, transparent 55%);background-attachment:fixed;margin:0;overflow-x:hidden}::selection{background:var(--primary-container);color:var(--on-primary-container)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--on-surface);margin:0}p{margin:0}.t-display{font-family:var(--font-display);letter-spacing:-.04em;font-size:72px;font-weight:800;line-height:1.1}.t-headline-xl{font-family:var(--font-display);letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:1.2}@media (width>=768px){.t-headline-xl{font-size:48px}}.t-headline-md{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.3}.t-body-lg{font-size:18px;line-height:1.6}.t-label-caps{font-family:var(--font-label);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1.2}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.text-glow-primary{text-shadow:0 0 10px rgba(var(--primary-rgb), .8)}.neon-glow-primary{box-shadow:0 0 15px rgba(var(--primary-rgb), .5)}.icon{stroke-width:1.6px;flex-shrink:0;width:1.25em;height:1.25em}.button{justify-content:center;align-items:center;gap:var(--sp-sm);border-radius:var(--radius-lg);font:inherit;cursor:pointer;border:0;transition:box-shadow .3s,background .2s,color .2s,border-color .2s,transform .15s;display:inline-flex}.button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.button:disabled{cursor:not-allowed}.button--primary{padding:var(--sp-md) var(--sp-lg);background:var(--primary);color:var(--on-primary);font-family:var(--font-display);box-shadow:0 0 15px rgba(var(--primary-rgb), .5);font-size:18px;font-weight:600}.button--primary:hover:not(:disabled){box-shadow:0 0 25px rgba(var(--primary-rgb), .8)}.button--primary:active:not(:disabled){transform:scale(.985)}.button--primary:disabled{opacity:.55;box-shadow:none}.button--ghost{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);color:var(--on-surface);font-family:var(--font-label);letter-spacing:.06em;padding:7px 14px;font-size:12px;font-weight:700}.button--ghost:hover:not(:disabled){background:var(--glass-hover);color:var(--primary);border-color:rgba(var(--primary-rgb), .4)}.button--ghost:disabled{opacity:.5}.button--danger:hover:not(:disabled){color:var(--error);border-color:#ffb4ab66}.spinner{border:2px solid rgba(var(--primary-rgb), .25);border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.spinner--on-primary{border-color:#5200704d;border-top-color:var(--on-primary)}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.field-error{color:var(--error);font-size:13px;line-height:1.5}*{scrollbar-color:var(--outline-variant) transparent}.pass-panel{gap:var(--sp-md);margin-bottom:var(--sp-lg);padding:var(--sp-lg);border-radius:var(--radius-xl);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width>=768px){.pass-panel{justify-content:space-between;align-items:center;gap:var(--sp-xl);flex-flow:wrap}.pass-panel__error{gap:var(--sp-xs);flex-basis:100%}}.pass-panel--quiet{justify-content:flex-start;align-items:center;gap:var(--sp-sm);padding:var(--sp-md) var(--sp-lg);flex-direction:row}.pass-panel__aura{border-radius:var(--radius-full);background:rgba(var(--primary-container-rgb), .25);filter:blur(64px);pointer-events:none;width:240px;height:240px;position:absolute;top:-120px;left:30%}.pass-panel__text{z-index:1;gap:var(--sp-xs);flex-direction:column;min-width:0;display:flex;position:relative}.pass-panel__eyebrow{color:var(--primary)}.pass-panel__title{align-items:baseline;gap:var(--sp-sm);font-family:var(--font-display);color:var(--on-surface);flex-wrap:wrap;font-size:24px;font-weight:600;line-height:1.3;display:flex}.pass-panel__price{font-family:var(--font-display);color:var(--secondary-container);text-shadow:0 0 12px rgba(var(--secondary-container-rgb), .4);font-size:18px;font-weight:700}.pass-panel__note{color:var(--on-surface-variant);font-size:14px;line-height:1.5}.pass-panel__hint{margin-top:var(--sp-xs);color:var(--on-surface-variant);opacity:.7;font-size:12px}.pass-panel__hint code{border-radius:var(--radius);font-family:var(--font-label);color:var(--primary);background:#ffffff0f;padding:2px 6px;font-size:12px}.pass-panel__cta{z-index:1;white-space:nowrap;flex-shrink:0;position:relative}.pass-panel--active{border-color:rgba(var(--secondary-container-rgb), .35);box-shadow:0 0 20px rgba(var(--secondary-container-rgb), .12)}.pass-panel--active .pass-panel__eyebrow{color:var(--secondary-container)}.pass-panel__check{border-radius:var(--radius-full);background:rgba(var(--secondary-container-rgb), .12);width:40px;height:40px;color:var(--secondary-container);flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width>=768px){.pass-panel--active .pass-panel__text{flex:1}}.pass-panel__error{z-index:1;align-items:flex-start;gap:var(--sp-sm);width:100%;color:var(--error);font-size:13px;line-height:1.5;display:flex;position:relative}.dropzone-field{gap:var(--sp-sm);flex-direction:column;flex:1;display:flex}.dropzone{border:2px dashed var(--outline-variant);border-radius:var(--radius-xl);background:#1c1b1b80;flex:1;min-height:300px;transition:border-color .3s,background .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.dropzone:hover{background:var(--surface-container-low)}.dropzone:after{content:"";background:linear-gradient(to top, rgba(var(--primary-rgb), .1), transparent);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.dropzone:hover:after{opacity:1}.dropzone--dragging{border-style:solid;border-color:var(--secondary-container);background:rgba(var(--secondary-container-rgb), .06);box-shadow:0 0 20px rgba(var(--secondary-container-rgb), .2)}.dropzone--error{border-color:var(--error)}.dropzone--disabled{opacity:.6}.dropzone__input{display:none}.dropzone__empty{z-index:1;justify-content:center;align-items:center;gap:var(--sp-sm);padding:var(--sp-xl) var(--sp-lg);border-radius:inherit;color:var(--on-surface-variant);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;display:flex;position:relative}.dropzone__empty:disabled{cursor:not-allowed}.dropzone__empty:focus-visible{outline:2px solid var(--primary);outline-offset:-6px}.dropzone__icon{width:40px;height:40px;margin-bottom:var(--sp-sm);color:var(--primary);transition:transform .3s}.dropzone:hover .dropzone__icon{transform:translateY(-4px)}.dropzone__title{font-family:var(--font-display);color:var(--on-surface);font-size:18px;font-weight:600}.dropzone__hint{text-align:center;color:var(--on-surface-variant);font-size:13px;line-height:1.5}.dropzone__preview{z-index:1;gap:var(--sp-md);padding:var(--sp-sm);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.dropzone__image{object-fit:contain;border-radius:var(--radius-lg);background:var(--surface-container-lowest);flex:1;width:100%;min-height:0;max-height:420px}.dropzone__meta{justify-content:space-between;align-items:center;gap:var(--sp-md);min-width:0;padding:0 var(--sp-sm) var(--sp-xs);display:flex}.dropzone__file{min-width:0}.dropzone__filename{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--on-surface);font-size:13px;overflow:hidden}.dropzone__filemeta{font-family:var(--font-label);letter-spacing:.06em;color:var(--on-surface-variant);opacity:.7;margin-top:2px;font-size:11px}.dropzone__actions{gap:var(--sp-sm);flex-shrink:0;display:flex}.dropzone__overlay{z-index:2;justify-content:center;align-items:center;gap:var(--sp-sm);border-radius:inherit;-webkit-backdrop-filter:blur(6px);color:var(--primary);font-family:var(--font-label);letter-spacing:.06em;pointer-events:none;background:#131313b8;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.dropzone__overlay--drop{color:var(--secondary-container);background:rgba(var(--secondary-container-rgb), .08)}.report{gap:var(--sp-xl);margin-top:var(--sp-2xl);scroll-margin-top:calc(var(--appbar-h) + var(--sp-md));flex-direction:column;display:flex}.report__eyebrow{margin-bottom:var(--sp-sm);color:var(--on-surface-variant);opacity:.7}.report__title{margin-bottom:var(--sp-sm);color:var(--primary)}.report__summary{max-width:70ch;color:var(--on-surface-variant)}.report__metrics{gap:var(--sp-sm);margin:var(--sp-lg) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.report__metrics li{align-items:baseline;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);border-radius:var(--radius-full);color:var(--on-surface-variant);font-size:13px;display:flex}.report__metrics strong{font-family:var(--font-display);color:var(--primary);font-size:15px;font-weight:600}.report__block{gap:var(--sp-md);flex-direction:column;display:flex}.report__block-title{align-items:center;gap:var(--sp-sm);color:var(--primary);display:flex}.report__block-title .icon{width:20px;height:20px}.strength-list{gap:var(--sp-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.strength-list li{align-items:flex-start;gap:var(--sp-sm);padding:var(--sp-md);border-radius:var(--radius-lg);color:var(--on-surface);font-size:15px;line-height:1.5;display:flex}.strength-list__icon{width:18px;height:18px;color:var(--secondary-container);margin-top:2px}.rec-grid{gap:var(--sp-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.rec-card{gap:var(--sp-sm);padding:var(--sp-md);border-radius:var(--radius-lg);flex-direction:column;transition:background .2s;display:flex}.rec-card:hover{background:var(--glass-hover)}.rec-card__category{color:var(--secondary)}.chip-list{gap:var(--sp-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chip{border:1px solid rgba(var(--primary-rgb), .3);border-radius:var(--radius-full);background:rgba(var(--primary-rgb), .08);color:var(--primary);padding:5px 10px;font-size:13px}.rec-card__reason{color:var(--on-surface-variant);font-size:13px;line-height:1.6}.avoid-panel{padding:var(--sp-lg);border-radius:var(--radius-xl);position:relative;overflow:hidden}.avoid-panel__bar{background:var(--error);width:3px;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 12px #ffb4ab99}.avoid-panel__title{align-items:center;gap:var(--sp-sm);margin-bottom:var(--sp-md);color:var(--error);display:flex}.avoid-panel__title .icon{width:20px;height:20px}.avoid-list{gap:var(--sp-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.avoid-list li{gap:var(--sp-xs);color:var(--on-surface-variant);flex-direction:column;font-size:14px;line-height:1.5;display:flex}.avoid-list strong{font-family:var(--font-body);color:var(--on-surface);font-size:18px;font-weight:600}.palette{gap:var(--sp-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid}.palette li{align-items:center;gap:var(--sp-md);padding:var(--sp-md);border-radius:var(--radius-lg);transition:background .2s;display:flex}.palette li:hover{background:var(--glass-hover)}.palette__swatch{border-radius:var(--radius-full);background:var(--surface-container-high);flex-shrink:0;width:48px;height:48px;transition:transform .2s}.palette li:hover .palette__swatch{transform:scale(1.1)}.palette__text{min-width:0}.palette strong{color:var(--on-surface);display:block}.palette p{margin-top:var(--sp-xs);color:var(--on-surface-variant);font-size:12px;line-height:1.5}.outfit-list{gap:var(--sp-lg);grid-template-columns:1fr;display:grid}@media (width>=768px){.outfit-list{grid-template-columns:repeat(2,1fr)}}.outfit{border-radius:var(--radius-xl);flex-direction:column;transition:box-shadow .3s;display:flex;overflow:hidden}.outfit:hover{box-shadow:0 0 25px rgba(var(--primary-rgb), .3)}.outfit__figure{aspect-ratio:1;background:var(--surface-container-low);margin:0;position:relative;overflow:hidden}.outfit__figure img{object-fit:cover;width:100%;height:100%;transition:transform .7s;display:block}.outfit:hover .outfit__figure img{transform:scale(1.05)}.outfit__scrim{background:linear-gradient(to top, var(--background), transparent 55%);opacity:.8;pointer-events:none;position:absolute;inset:0}.outfit__tag{left:var(--sp-md);bottom:var(--sp-md);border:1px solid rgba(var(--primary-rgb), .3);border-radius:var(--radius-full);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);color:var(--primary);max-width:calc(100% - var(--sp-xl));text-overflow:ellipsis;white-space:nowrap;padding:5px 12px;position:absolute;overflow:hidden}.outfit__placeholder{justify-content:center;align-items:center;gap:var(--sp-md);height:100%;padding:var(--sp-md);text-align:center;color:var(--on-surface-variant);flex-direction:column;font-size:13px;display:flex}.outfit__placeholder--loading{color:var(--primary);font-family:var(--font-label);letter-spacing:.06em}.outfit__error{color:var(--error);line-height:1.5}.outfit__body{gap:var(--sp-xs);padding:var(--sp-lg);flex-direction:column;display:flex}.outfit__occasion{color:var(--primary)}.outfit__body p{color:var(--on-surface-variant);font-size:14px;line-height:1.6}.report__disclaimer{padding-top:var(--sp-md);text-align:center;color:var(--on-surface-variant);opacity:.6;font-size:12px}.app{flex-direction:column;min-height:100svh;display:flex}.appbar{z-index:50;justify-content:space-between;align-items:center;gap:var(--sp-md);width:100%;height:var(--appbar-h);padding:0 var(--margin-inline);box-sizing:border-box;-webkit-backdrop-filter:blur(20px);box-shadow:0 0 20px rgba(var(--primary-container-rgb), .15);background:#131313cc;border-bottom:1px solid #ffffff1a;display:flex;position:fixed;top:0;left:0}.appbar__brand{align-items:center;gap:var(--sp-sm);text-decoration:none;transition:opacity .2s;display:flex}.appbar__brand:hover{opacity:.8}.appbar__bolt{width:24px;height:24px;color:var(--primary);fill:rgba(var(--primary-rgb), .25)}.appbar__wordmark{font-family:var(--font-display);letter-spacing:-.04em;color:var(--primary);font-size:22px;font-weight:800}.appbar__nav{align-items:center;gap:var(--sp-lg);display:none}@media (width>=768px){.appbar__nav{display:flex}}.appbar__link{color:var(--on-surface-variant);text-decoration:none;transition:color .2s}.appbar__link:hover{color:var(--primary)}.appbar__link--muted{opacity:.35;pointer-events:none}.appbar__avatar{border-radius:var(--radius-full);background:var(--surface-variant);width:32px;height:32px;color:var(--on-surface-variant);border:1px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;display:flex}.appbar__avatar .icon{width:18px;height:18px}.page{width:100%;max-width:1200px;padding:calc(var(--appbar-h) + var(--sp-xl)) var(--margin-inline) calc(var(--bottomnav-h) + var(--sp-xl));box-sizing:border-box;flex:1;margin:0 auto}@media (width>=768px){.page{padding-bottom:var(--sp-2xl)}}.hero{margin-bottom:var(--sp-xl);scroll-margin-top:calc(var(--appbar-h) + var(--sp-md));position:relative}.hero__glow{z-index:-1;border-radius:var(--radius-full);background:var(--primary-container);opacity:.2;filter:blur(64px);mix-blend-mode:screen;pointer-events:none;width:260px;height:260px;position:absolute;top:-80px;left:-60px}.hero__eyebrow{margin-bottom:var(--sp-sm);color:var(--primary)}.hero h1{margin-bottom:var(--sp-md);color:var(--on-surface)}.hero__accent{color:var(--primary)}.hero__lede{max-width:46ch;color:var(--on-surface-variant)}.card{gap:var(--sp-xl);padding:var(--sp-md);border-radius:var(--radius-xl);grid-template-columns:1fr;display:grid;position:relative;overflow:hidden}@media (width>=768px){.card{padding:var(--sp-xl);grid-template-columns:1fr 1fr}}.card__aura{border-radius:var(--radius-full);background:rgba(var(--secondary-container-rgb), .1);filter:blur(64px);pointer-events:none;width:256px;height:256px;position:absolute;top:-80px;right:-80px}.card__column{z-index:1;gap:var(--sp-md);flex-direction:column;min-width:0;display:flex;position:relative}.section-heading h2{align-items:center;gap:var(--sp-sm);margin-bottom:var(--sp-xs);display:flex}.section-heading__index{color:var(--primary)}.section-heading p{color:var(--on-surface-variant);font-size:14px}.field{gap:var(--sp-xs);flex-direction:column;display:flex}.field label{color:var(--on-surface);font-size:14px}.input-wrap{align-items:center;gap:var(--sp-sm);padding:0 var(--sp-md);border:0;border-bottom:2px solid var(--outline-variant);border-radius:var(--radius) var(--radius) 0 0;background:#2a2a2a80;transition:border-color .3s,box-shadow .3s,background .3s;display:flex}.input-wrap:focus-within{border-bottom-color:var(--secondary-container);box-shadow:0 10px 15px -3px rgba(var(--secondary-container-rgb), .2)}.input-wrap:has(input[aria-invalid=true]){border-bottom-color:var(--error);box-shadow:none}.input-wrap:has(input:disabled){opacity:.6}.input-wrap input{min-width:0;padding:var(--sp-md) 0;color:var(--on-surface);font-family:var(--font-body);background:0 0;border:0;flex:1;font-size:18px;line-height:1.6}.input-wrap input:focus{outline:none}.input-wrap input::placeholder{color:var(--outline);opacity:.7}.input-wrap input::-webkit-outer-spin-button{appearance:none;margin:0}.input-wrap input::-webkit-inner-spin-button{appearance:none;margin:0}.input-wrap input{appearance:textfield}.unit{color:var(--on-surface-variant);flex-shrink:0;font-size:16px}.submit-button{width:100%;margin-top:var(--sp-lg);border-radius:var(--radius-lg)}@media (width>=768px){.submit-button{margin-top:auto}}.submit-button__icon{transition:transform .2s}.submit-button:hover:not(:disabled) .submit-button__icon{transform:translate(4px)}.submit-note{font-family:var(--font-label);letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--primary);opacity:.8;font-size:12px;font-weight:700}.submit-error{align-items:flex-start;gap:var(--sp-sm);padding:var(--sp-md);border:1px solid #ffb4ab66;border-left:3px solid var(--error);border-radius:var(--radius-lg);color:var(--error);background:#93000a26;font-size:14px;line-height:1.5;display:flex}.bottomnav{z-index:50;width:100%;height:var(--bottomnav-h);padding:0 var(--sp-md) env(safe-area-inset-bottom);box-sizing:border-box;border-radius:var(--radius-xl) var(--radius-xl) 0 0;-webkit-backdrop-filter:blur(24px);background:#0e0e0e99;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -10px 30px #00000080}@media (width>=768px){.bottomnav{display:none}}.bottomnav__item{justify-content:center;align-items:center;gap:var(--sp-xs);padding:var(--sp-sm) var(--sp-md);border-radius:var(--radius-full);color:#d5c0d799;flex-direction:column;text-decoration:none;transition:color .2s,background .2s,transform .2s;display:flex}.bottomnav__item:hover{color:rgba(var(--primary-rgb), .8)}.bottomnav__item--active{color:var(--primary);filter:drop-shadow(0 0 8px rgba(var(--primary-rgb), .6));background:#ffffff0d;transform:translateY(-2px)}.bottomnav__item--disabled{opacity:.35;pointer-events:none}