:root{--color-primary: #6c63ff;--color-primary-dark: #5148e5;--color-primary-soft: #eeedff;--color-primary-softer: #f6f5ff;--color-bg: #f8f8fc;--color-surface: #ffffff;--color-border: #e9e9f0;--color-border-strong: #d8d8e4;--color-text: #19191f;--color-text-secondary: #6b6b78;--color-text-tertiary: #737381;--color-text-on-primary: #ffffff;--color-success: #17b26a;--color-danger: #e2544a;--color-cat-personality: #6c63ff;--color-cat-friend: #4a9df0;--color-cat-emotion: #e27396;--color-cat-study: #4bb98f;--color-cat-game: #f0913c;--color-cat-fun: #a06cf0;--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--text-display: 2rem;--text-h1: 1.5rem;--text-h2: 1.25rem;--text-h3: 1.0625rem;--text-body: .9375rem;--text-sm: .875rem;--text-xs: .8125rem;--text-caption: .75rem;--weight-black: 900;--weight-bold: 700;--weight-semibold: 600;--weight-medium: 500;--weight-regular: 400;--leading-tight: 1.3;--leading-normal: 1.55;--leading-relaxed: 1.7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(25, 25, 31, .04);--shadow-md: 0 2px 8px rgba(25, 25, 31, .06);--shadow-lg: 0 8px 24px rgba(25, 25, 31, .08);--shadow-primary: 0 6px 16px rgba(108, 99, 255, .24);--container-max: 720px;--container-wide: 1080px;--header-height: 56px;--page-gutter: 20px;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media (min-width: 768px){:root{--text-display: 2.5rem;--text-h1: 1.75rem;--text-h2: 1.375rem;--page-gutter: 24px}}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-main{flex:1 0 auto;width:100%}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.container--wide{max-width:var(--container-wide)}.page-enter{animation:pageFade var(--duration-base) var(--ease-out)}@keyframes pageFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stack-4>*+*{margin-top:var(--space-4)}.text-secondary{color:var(--color-text-secondary)}.header{position:sticky;top:0;z-index:50;background:#f8f8fce0;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--color-border);padding-top:var(--safe-top)}.header__inner{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.header__logo{font-size:1.125rem;font-weight:var(--weight-black);letter-spacing:.12em;color:var(--color-text)}.header__nav{display:none;align-items:center;gap:var(--space-6)}.header__link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.header__link:hover,.header__link--active{color:var(--color-text)}.header__link--active{font-weight:var(--weight-semibold)}.header__menu-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:-8px;border-radius:var(--radius-md);color:var(--color-text);transition:background var(--duration-fast) var(--ease-out)}.header__menu-button:hover{background:var(--color-primary-soft)}.header__mobile-nav{border-top:1px solid var(--color-border);background:var(--color-surface);overflow:hidden;animation:menuDrop var(--duration-base) var(--ease-out)}@keyframes menuDrop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.header__mobile-link{display:block;padding:var(--space-4) 0;font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-text);border-bottom:1px solid var(--color-border)}.header__mobile-link:last-child{border-bottom:none}@media (min-width: 768px){.header__nav{display:flex}.header__menu-button{display:none}}.footer{margin-top:var(--space-16);padding:var(--space-8) 0 calc(var(--space-8) + var(--safe-bottom));border-top:1px solid var(--color-border);background:var(--color-surface)}.footer__logo{font-size:var(--text-body);font-weight:var(--weight-black);letter-spacing:.12em}.footer__tagline{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary)}.footer__nav{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-5)}.footer__link{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.footer__link:hover{color:var(--color-primary)}.footer__note{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border);font-size:var(--text-caption);color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}.footer__credit{color:inherit;text-decoration:underline;text-underline-offset:2px}.footer__credit:hover{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-full);font-weight:var(--weight-semibold);text-align:center;white-space:nowrap;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--md{height:44px;padding:0 var(--space-5);font-size:var(--text-sm)}.btn--lg{height:52px;padding:0 var(--space-6);font-size:var(--text-h3)}.btn--primary{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong)}.btn--secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-primary-soft)}.btn--block{width:100%}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.section-title__text{font-size:var(--text-h2);font-weight:var(--weight-bold);letter-spacing:-.01em}.section-title__action{flex-shrink:0;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.section-title__action:hover{color:var(--color-primary)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);white-space:nowrap;transition:all var(--duration-fast) var(--ease-out)}.chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.chip--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.chip--active:hover{color:var(--color-text-on-primary)}.chip-row{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);margin-left:calc(var(--page-gutter) * -1);margin-right:calc(var(--page-gutter) * -1);padding-left:var(--page-gutter);padding-right:var(--page-gutter);scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.test-card{display:flex;flex-direction:column;width:100%;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:left;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.test-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:transparent}.test-card__thumb{width:100%;aspect-ratio:16 / 5;background:var(--color-primary-softer);overflow:hidden}.test-card__thumb img{width:100%;height:100%;object-fit:cover}.test-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4)}.test-card__category{font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:.02em}.test-card__title{font-size:var(--text-h3);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.01em;color:var(--color-text);word-break:keep-all}.test-card__summary{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.test-card__meta{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-caption);color:var(--color-text-tertiary)}.test-card__meta-item{display:inline-flex;align-items:center;gap:4px}.test-card-list{display:grid;gap:var(--space-3)}@media (min-width: 768px){.test-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.progress{display:flex;flex-direction:column;gap:var(--space-2)}.progress__meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-caption);color:var(--color-text-secondary)}.progress__count{font-weight:var(--weight-semibold);color:var(--color-text)}.progress__track{height:6px;border-radius:var(--radius-full);background:var(--color-border);overflow:hidden}.progress__fill{height:100%;border-radius:var(--radius-full);background:var(--color-primary);transition:width var(--duration-slow) var(--ease-out)}.question{animation:questionIn var(--duration-base) var(--ease-out)}@keyframes questionIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.question__index{font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.08em;color:var(--color-primary)}.question__text{margin-top:var(--space-3);font-size:var(--text-h1);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.02em;word-break:keep-all}.question__options{display:grid;gap:var(--space-3);margin-top:var(--space-8)}.option{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:60px;padding:var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;font-size:var(--text-body);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--color-text);word-break:keep-all;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.option:hover{border-color:var(--color-primary);background:var(--color-primary-softer)}.option:active{transform:scale(.99)}.option--selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.option__marker{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--color-border-strong);display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--duration-fast) var(--ease-out)}.option--selected .option__marker{background:var(--color-primary);border-color:var(--color-primary)}.result-card{position:relative;overflow:hidden;padding:var(--space-8) var(--space-6);border-radius:var(--radius-2xl);background:var(--color-surface);border:1px solid var(--color-border);text-align:center}.result-card__glow{position:absolute;top:-110px;left:50%;transform:translate(-50%);width:240px;height:200px;border-radius:50%;opacity:.18;filter:blur(48px);pointer-events:none}.result-card__brand{position:relative;font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.18em;color:var(--color-text-tertiary)}.result-card__icon{position:relative;width:84px;height:84px;margin:var(--space-6) auto var(--space-5);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff}.result-card__label{position:relative;font-size:var(--text-body);color:var(--color-text-secondary)}.result-card__name{position:relative;margin-top:var(--space-2);font-size:var(--text-display);font-weight:var(--weight-black);letter-spacing:-.03em;line-height:var(--leading-tight);word-break:keep-all}.result-card__tagline{position:relative;margin-top:var(--space-4);font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-relaxed);word-break:keep-all}.share-stack{display:grid;gap:var(--space-3)}.share-row{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 480px){.share-row{grid-template-columns:1.4fr 1fr}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spin{animation:none}}.toast{position:fixed;left:50%;bottom:calc(24px + var(--safe-bottom));transform:translate(-50%);z-index:100;max-width:calc(100vw - 40px);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:var(--color-text);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-medium);box-shadow:var(--shadow-lg);animation:toastIn var(--duration-base) var(--ease-out)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;background:#19191f66;animation:fadeIn var(--duration-fast) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:420px;padding:var(--space-6) var(--space-5) calc(var(--space-6) + var(--safe-bottom));background:var(--color-surface);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:sheetUp var(--duration-base) var(--ease-out)}@keyframes sheetUp{0%{transform:translateY(16px)}to{transform:none}}.modal__title{font-size:var(--text-h2);font-weight:var(--weight-bold)}.modal__body{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.modal__actions{margin-top:var(--space-6)}@media (min-width: 480px){.modal-backdrop{align-items:center}.modal{border-radius:var(--radius-2xl);padding-bottom:var(--space-6)}}.disclaimer{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary-softer);border:1px solid var(--color-border);font-size:var(--text-caption);line-height:var(--leading-relaxed);color:var(--color-text-secondary);word-break:keep-all}.disclaimer__icon{flex-shrink:0;color:var(--color-text-tertiary);margin-top:1px}.ad-slot{display:flex;align-items:center;justify-content:center;min-height:90px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);font-size:var(--text-caption);color:var(--color-text-tertiary)}.page{padding-top:var(--space-8);padding-bottom:var(--space-8)}.section{margin-top:var(--space-10)}.hero{padding-block:var(--space-8) var(--space-6)}.hero__eyebrow{display:inline-block;padding:6px var(--space-3);border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--text-caption);font-weight:var(--weight-semibold)}.hero__title{margin-top:var(--space-4);font-size:var(--text-display);font-weight:var(--weight-black);line-height:var(--leading-tight);letter-spacing:-.03em;word-break:keep-all}.hero__description{margin-top:var(--space-3);font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-relaxed);word-break:keep-all}.hero__actions{margin-top:var(--space-6);display:flex;gap:var(--space-3)}@media (min-width: 768px){.hero{padding-block:var(--space-12) var(--space-8)}.hero__description{max-width:480px}}.today-card{display:block;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.today-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.today-card__image{width:100%;aspect-ratio:16 / 5;object-fit:cover;background:var(--color-primary-softer)}.today-card__body{padding:var(--space-5)}.today-card__category{font-size:var(--text-caption);font-weight:var(--weight-semibold)}.today-card__title{margin-top:var(--space-1);font-size:var(--text-h2);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:var(--leading-tight);word-break:keep-all}.today-card__summary{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);word-break:keep-all}.today-card__meta{display:inline-flex;align-items:center;gap:5px;margin-top:var(--space-3);font-size:var(--text-caption);color:var(--color-text-tertiary)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.category-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.category-tile:hover{transform:translateY(-2px);border-color:var(--color-primary)}.category-tile__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:#fff}@media (min-width: 768px){.category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.tests-header{margin-bottom:var(--space-5)}.tests-header__title{font-size:var(--text-h1);font-weight:var(--weight-black);letter-spacing:-.02em}.tests-header__count{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary)}.tests-header__intro{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);word-break:keep-all}.tests-header__clear{font-size:inherit;color:var(--color-primary);font-weight:var(--weight-medium);text-decoration:underline}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{display:inline-block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-primary-softer);border:1px solid var(--color-border);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out)}.tag:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.tests-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin:var(--space-4) 0 var(--space-5)}.sort-group{display:flex;gap:var(--space-1);padding:3px;background:var(--color-primary-soft);border-radius:var(--radius-full)}.sort-group__button{padding:6px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out)}.sort-group__button--active{background:var(--color-surface);color:var(--color-text);font-weight:var(--weight-semibold);box-shadow:var(--shadow-sm)}.empty-state{padding:var(--space-12) var(--space-4);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.detail-hero{padding:var(--space-6) 0;text-align:center}.detail-hero__thumb{width:88px;height:88px;margin:0 auto var(--space-5);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff}.detail-hero__category{font-size:var(--text-caption);font-weight:var(--weight-semibold)}.detail-hero__title{margin-top:var(--space-2);font-size:var(--text-display);font-weight:var(--weight-black);line-height:var(--leading-tight);letter-spacing:-.03em;word-break:keep-all}.detail-hero__description{margin-top:var(--space-4);font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-relaxed);word-break:keep-all}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-4) 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.detail-stat{text-align:center;border-right:1px solid var(--color-border)}.detail-stat:last-child{border-right:none}.detail-stat__value{font-size:var(--text-h3);font-weight:var(--weight-bold)}.detail-stat__label{margin-top:2px;font-size:var(--text-caption);color:var(--color-text-secondary)}.sticky-cta{position:sticky;bottom:0;z-index:40;margin-top:var(--space-8);margin-left:calc(var(--page-gutter) * -1);margin-right:calc(var(--page-gutter) * -1);padding:var(--space-4) var(--page-gutter) calc(var(--space-4) + var(--safe-bottom));background:#f8f8fceb;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--color-border)}.play{padding-top:var(--space-6);padding-bottom:var(--space-12)}.play__top{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.play__back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:background var(--duration-fast) var(--ease-out)}.play__back:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary)}.play__back:disabled{opacity:.35;cursor:not-allowed}.play__progress{flex:1;min-width:0}.play__hint{margin-top:var(--space-6);text-align:center;font-size:var(--text-caption);color:var(--color-text-tertiary)}.result{padding-top:var(--space-6);padding-bottom:var(--space-10)}.result__section{margin-top:var(--space-8)}.result__section-title{font-size:var(--text-h3);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.trait-list{display:grid;gap:var(--space-2)}.trait-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-body);font-weight:var(--weight-medium);word-break:keep-all}.trait-item__dot{flex-shrink:0;width:20px;height:20px;margin-top:1px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.detail-paragraphs{display:grid;gap:var(--space-3)}.detail-paragraph{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-relaxed);word-break:keep-all}.match-box{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-primary-softer);border:1px solid var(--color-border)}.match-box__label{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-primary)}.match-box__name{margin-top:var(--space-1);font-size:var(--text-h3);font-weight:var(--weight-bold)}.match-box__reason{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);word-break:keep-all}.other-types{display:flex;flex-wrap:wrap;gap:var(--space-2)}.other-type{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium)}.other-type__dot{width:8px;height:8px;border-radius:50%;opacity:.55}.result-preview{display:grid;gap:var(--space-2)}.result-preview__item{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 12px)}.result-preview__name{font-weight:var(--weight-bold, 700)}.result-preview__tagline{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary);word-break:keep-all}.other-types__note{margin-top:var(--space-3);font-size:var(--text-caption);color:var(--color-text-tertiary);word-break:keep-all}.result-origin{display:grid;gap:var(--space-3);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.result-origin__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);word-break:keep-all}.result-origin__text strong{color:var(--color-text)}.tip-list{display:grid;gap:var(--space-3)}.tip-item{display:flex;gap:var(--space-3);align-items:flex-start;line-height:var(--leading-relaxed);word-break:keep-all}.tip-item__icon{flex:none;margin-top:.3em}.article-list{display:grid;gap:var(--space-3);margin-top:var(--space-4);list-style:none;padding:0}.article-card{display:grid;gap:var(--space-1);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;text-decoration:none}.article-card:hover{border-color:var(--color-border-strong)}.legal__body .article-card{text-decoration:none;color:inherit}.article-card__title{font-weight:var(--weight-bold);color:var(--color-text)}.article-card__summary{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);word-break:keep-all}.article-cta{margin:var(--space-8) 0}.legal__body .article-cta a{color:var(--color-text-on-primary);text-decoration:none}.result__actions{display:grid;gap:var(--space-3);margin-top:var(--space-8)}.legal{max-width:680px}.legal__header{padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.legal__title{font-size:var(--text-h1);font-weight:var(--weight-black);letter-spacing:-.02em}.legal__updated{margin-top:var(--space-2);font-size:var(--text-caption);color:var(--color-text-tertiary)}.legal__section{margin-top:var(--space-8)}.legal__heading{font-size:var(--text-h3);font-weight:var(--weight-bold);margin-bottom:var(--space-3);letter-spacing:-.01em}.legal__body p{font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-secondary);word-break:keep-all}.legal__body p+p{margin-top:var(--space-3)}.legal__body a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.legal__body strong{color:var(--color-text);font-weight:var(--weight-semibold)}.legal__list{display:grid;gap:var(--space-2);margin:var(--space-3) 0}.legal__list li{position:relative;padding-left:var(--space-5);font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-secondary);word-break:keep-all}.legal__list li:before{content:"";position:absolute;left:6px;top:.68em;width:5px;height:5px;border-radius:50%;background:var(--color-primary);opacity:.6}.legal__highlight{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-primary-softer);border:1px solid var(--color-border);font-weight:var(--weight-semibold);color:var(--color-text)!important}.notfound{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--page-gutter);min-height:60vh}.notfound__code{font-size:4rem;font-weight:var(--weight-black);letter-spacing:-.04em;color:var(--color-primary);line-height:1}.notfound__title{margin-top:var(--space-4);font-size:var(--text-h1);font-weight:var(--weight-bold)}.notfound__description{margin-top:var(--space-3);font-size:var(--text-body);color:var(--color-text-secondary);word-break:keep-all}.notfound__actions{margin-top:var(--space-8);display:flex;gap:var(--space-3)}