:root{--color-ink: #1f2a3b;--color-muted: rgba(31, 42, 59, .64);--color-accent: #2f4b66;--color-accent-soft: #4f6b86;--color-eyebrow: #b35345;--color-gold: #c3a35e;--color-sand: #f4ead6;--color-surface: #fff9f1;--color-border: #e9d7bf;--shadow-soft: 0 12px 24px rgba(61, 42, 22, .12);--shadow-card: 0 18px 32px rgba(55, 38, 20, .16);--radius-lg: 22px;--radius-md: 16px;--font-body: "Hiragino Sans", "Yu Gothic", "YuGothic", "Meiryo", sans-serif;--font-display: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", serif;font-family:var(--font-body);line-height:1.7;color:var(--color-ink);background-color:#f1e3c8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-image:radial-gradient(circle at 18% 12%,rgba(255,255,255,.65),transparent 42%),radial-gradient(circle at 86% 8%,rgba(255,235,199,.8),transparent 45%),linear-gradient(160deg,#f1e3c8,#f7efe0 55%,#efd7af),repeating-linear-gradient(135deg,#ffffff38 0,#ffffff38 12px,#fff0 12px,#fff0 24px);background-attachment:scroll;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{min-height:100vh}.page{width:min(100%,960px);margin:0 auto;padding:20px 18px;display:flex;flex-direction:column;gap:22px;min-height:100vh}.page__header{position:relative;display:grid;gap:10px;padding:20px 20px 22px;background:#fff9f1f0;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);overflow:hidden}.page__header:after{content:"";position:absolute;inset:auto -40px -60px auto;width:160px;height:160px;background:radial-gradient(circle,#c3a35e99,#c3a35e00);transform:rotate(12deg);pointer-events:none}.page__eyebrow{display:inline-flex;align-items:center;align-self:flex-start;padding:4px 12px;border-radius:999px;background:var(--color-eyebrow);color:#fff5ec;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:0}.page__title{font-family:var(--font-display);font-size:clamp(28px,7vw,40px);margin:0;font-weight:600;letter-spacing:.02em}.page__lead{margin:0;font-size:15px;color:var(--color-muted);max-width:42ch}.page__body{display:grid;gap:18px}.page__nav{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.appendix-tabs{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.appendix-tabs__button{display:block;width:100%;border:1px solid var(--color-border);background:#ffffffe0;color:var(--color-ink);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;line-height:1.4;text-align:left;white-space:normal;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.appendix-tabs__button:hover,.appendix-tabs__button:focus-visible{transform:translateY(-1px);border-color:#b3534561;box-shadow:var(--shadow-soft)}.appendix-tabs__button--active{border-color:#b353456b;background:linear-gradient(135deg,#c3a35e47,#b3534524);color:#7a4d2a}.page__link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:var(--radius-md);border:1px solid var(--color-border);text-decoration:none;color:inherit;background:#fffffff0;box-shadow:var(--shadow-soft);font-weight:600;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.page__link-content{display:grid;gap:2px}.page__link-title{font-weight:600}.page__link-description{font-size:12px;font-weight:400;color:var(--color-muted)}.page__link:after{content:">";font-size:16px;color:var(--color-accent)}.page__link:hover,.page__link:focus-visible{transform:translateY(-1px);border-color:var(--color-accent-soft);box-shadow:var(--shadow-card)}.page__section{background:#fff9f1f5;border-radius:var(--radius-lg);padding:20px;border:1px solid var(--color-border);box-shadow:var(--shadow-card);display:grid;gap:12px}.page__section--step2{background:#fff9f1f5;border-color:var(--color-border)}.page__section--results{background:transparent;border:none;box-shadow:none;padding:0}.page__section-title{font-family:var(--font-display);margin:0;font-size:18px}.page__section-subtitle{font-family:var(--font-display);margin:8px 0 0;font-size:16px}.page__text{margin:0;font-size:15px;color:var(--color-muted)}.page__list{margin:0;padding-left:0;list-style:none;display:grid;gap:10px;color:var(--color-muted)}.page__list-item{line-height:1.6}.page__figure{margin:6px 0 0}.page__figure-image{width:100%;max-width:100%;display:block;border:none;border-radius:0;background:transparent;box-shadow:none}.page__start{margin-top:6px;padding:14px 16px;border-radius:14px;border:none;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-soft));color:#fff8f1;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.page__actions{display:grid}.page__start:hover{transform:translateY(-1px);box-shadow:0 12px 20px #2f4b663d}.page__start:disabled,.page__start:disabled:hover{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.page__start:focus-visible{outline:2px solid rgba(47,75,102,.6);outline-offset:2px}.page__footer{margin-top:auto;text-align:center;font-size:11px;color:var(--color-muted);padding:8px 0 4px}.floating-top-button{position:fixed;right:18px;bottom:18px;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:56px;height:56px;padding:6px;border:none;border-radius:8px;background:#8b6844;color:#fff;box-shadow:0 12px 24px #3d2a1633;font-size:12px;font-weight:700;line-height:1;text-align:center;cursor:pointer}.page__note{margin:0;font-size:12px;color:var(--color-muted)}.appendix-source-list{gap:4px}.appendix-sources{display:grid;gap:2px}.appendix-diagram{margin-top:2px}.appendix-diagram__image{display:block;max-width:100%;height:auto;margin:0 auto}.appendix-diagram--a6 .appendix-diagram__image{max-width:300px}.appendix-paragraph-divider{border-top:1px solid rgba(31,42,59,.18);margin:8px 0 2px}.appendix-source-list__item{font-size:12px;line-height:1.35}.appendix-badge-row{margin:2px 0 0}.appendix-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#b353451f;border:1px solid rgba(179,83,69,.24);color:var(--color-eyebrow);font-size:12px;font-weight:600;letter-spacing:.04em;line-height:1.2}.appendix-badge-text{margin-top:4px}.page--appendix-d .appendix-list-item{line-height:1.4}.page--appendix-d .appendix-list-item--continuation{margin-top:-8px}.appendix-d-heading{font-weight:700;color:var(--color-ink)}.appendix-d5-overview-item{line-height:1.4}.appendix-d5-overview-item--continuation,.page--appendix-f .appendix-list-description{margin-top:-8px}.page--appendix-f-compact-list .appendix-list-item{line-height:1.4}.page--appendix-f-compact-list .appendix-list-item--continuation{margin-top:-8px}.page--appendix-f .appendix-f4-list-label{margin-top:-4px;font-weight:700;color:var(--color-ink)}.page--appendix-f .appendix-f4-list-start,.page--appendix-f .appendix-f4-conclusion{margin-top:-4px}.appendix-qa-line,.appendix-c-heading{font-weight:700;color:var(--color-ink)}.step1-screen{position:fixed;top:0;right:0;bottom:0;left:0;padding:20px 18px;display:grid;grid-template-rows:auto 1fr auto;gap:16px;background-image:radial-gradient(circle at 18% 12%,rgba(255,255,255,.65),transparent 42%),radial-gradient(circle at 86% 8%,rgba(255,235,199,.8),transparent 45%),linear-gradient(160deg,#f1e3c8,#f7efe0 55%,#efd7af);z-index:10}.step1-screen__top{display:grid;gap:10px;width:min(100%,960px);justify-self:center}.step1-screen__labels{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.step1-screen__back{width:28px;height:28px;border-radius:10px;border:1px solid rgba(47,75,102,.4);display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;font-family:inherit;color:var(--color-accent);background:#ffffffb3;cursor:pointer;padding:0}.step1-screen__label{width:28px;height:28px;border-radius:10px;border:1px solid rgba(195,163,94,.5);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;font-family:inherit;color:#1f2a3b99;background:#ffffffb3;cursor:pointer;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.step1-screen__label--done{background:#c3a35e59;color:#5b4a28}.step1-screen__label--active{background:linear-gradient(135deg,var(--color-gold),var(--color-eyebrow));border-color:var(--color-eyebrow);color:#fff8f1}.step1-screen__label:disabled{cursor:default;opacity:.5}.step1-screen__progress{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);text-align:center}.step1-screen__panel{min-height:0;background:#fff9f1f5;border-radius:var(--radius-lg);padding:16px;border:1px solid var(--color-border);box-shadow:var(--shadow-card);overflow:auto;width:min(100%,960px);justify-self:center}.step1-screen__title{margin:0 0 12px;font-family:var(--font-display);font-size:16px}.step1-screen__options{display:grid;gap:12px}.step1-screen__category{display:flex;align-items:center;gap:10px;padding:4px 8px;border-radius:14px;background:#2f4b661f;color:var(--color-accent);font-weight:700;font-size:17px;letter-spacing:.08em}.step1-screen__category-icon{width:40px;height:40px;flex-shrink:0}.step1-screen__category-title{display:inline-flex;align-items:center}.step1-screen__category--career{background:#d6789638;color:#a24d6b}.step1-screen__category--job{background:#9ead5c40;color:#5f6d2c}.step1-screen__category--management{background:#d6b25842;color:#7a5b14}.step1-screen__option--career .characteristic-option__title{background:#d6789638;color:#a24d6b}.step1-screen__option--job .characteristic-option__title{background:#9ead5c40;color:#5f6d2c}.step1-screen__option--management .characteristic-option__title{background:#d6b25842;color:#7a5b14}.step1-screen__subcategory{padding:8px 12px;border-radius:12px;background:#c3a35e33;color:#5b4a28;font-weight:600;font-size:12px}.step1-screen__actions{margin-top:16px;display:grid}.step1-screen__actions--outside{width:min(100%,960px);justify-self:center}.step1-screen__next{padding:14px 16px;border-radius:14px;border:none;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-soft));color:#f6f1e8;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.step1-screen__next:hover{transform:translateY(-1px);box-shadow:0 12px 20px #2f4b663d}.step1-screen__next:focus-visible{outline:2px solid rgba(47,75,102,.6);outline-offset:2px}.step1-screen__option{position:relative;text-align:left;display:grid;gap:8px;padding:14px 16px 14px 46px;border-radius:14px;border:1px solid rgba(233,215,191,.9);background:#fffdf8;color:var(--color-ink);font-size:15px;line-height:1.6;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.characteristic-option__title{display:inline-block;max-width:100%;padding:4px 10px;border-radius:999px;background:#c3a35e38;font-weight:700;font-size:14px;line-height:1.4}.characteristic-option__definition{font-size:14px;color:var(--color-muted);line-height:1.6}.step1-screen__option:before{content:"";position:absolute;top:18px;left:16px;width:16px;height:16px;border-radius:4px;border:1px solid rgba(195,163,94,.6);background:#fffdf8;box-shadow:inset 0 0 0 1px #ffffffb3}.step1-screen__option:after{content:"";position:absolute;top:19px;left:21px;width:6px;height:10px;border-right:2px solid rgba(179,83,69,.9);border-bottom:2px solid rgba(179,83,69,.9);transform:rotate(45deg);opacity:0}.step1-screen__option:hover,.step1-screen__option:focus-visible{transform:translateY(-1px);box-shadow:0 10px 18px #2f4b662e;outline:none}.step1-screen__option:focus{outline:none}.step1-screen__option:focus-visible{outline:2px solid rgba(179,83,69,.5);outline-offset:2px;border-color:var(--color-eyebrow)}.step1-screen__option--selected{border-color:var(--color-eyebrow);background:#b353451f;box-shadow:0 8px 16px #b3534529,0 2px 4px #1f2a3b14}.step1-screen__option--selected:before{border-color:var(--color-eyebrow);background:#fff8f1e6}.step1-screen__option--selected:after{opacity:1}.step1-screen__option:focus-visible:before{border-color:var(--color-eyebrow)}.step1-screen__footer{text-align:center;font-size:11px;color:var(--color-muted);width:min(100%,960px);justify-self:center}.results{margin-top:16px;display:grid;gap:16px;font-size:15px;color:var(--color-ink)}.results__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}.results__tab{width:100%;padding:10px 12px;border-radius:14px 14px 10px 10px;border:1px solid var(--color-border);background:#ffffffe6;color:var(--color-ink);font-size:14px;font-weight:600;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.results__tab:hover,.results__tab:focus-visible{transform:translateY(-1px);border-color:#b3534561;box-shadow:0 8px 16px #5b4a2824;outline:none}.results__tab--active{background:linear-gradient(135deg,var(--color-gold),var(--color-eyebrow));border-color:var(--color-eyebrow);color:#f6f1e8;box-shadow:0 10px 18px #5b4a2833}.results__card{padding:0;border:none;background:transparent;box-shadow:none;display:grid;gap:12px}.results__header{display:block}.results__hero{position:relative;padding:28px 18px 18px;border-radius:18px;border:1px solid var(--color-border);background:radial-gradient(circle at 78% 84%,var(--hero-soft, #f1dccb),transparent 62%),radial-gradient(circle at 20% 18%,rgba(255,255,255,.7),transparent 52%),linear-gradient(160deg,#fffffff5,#ffffffe6 60%,#ffffffdb);box-shadow:var(--shadow-soft);overflow:hidden}.results__hero:before{content:"";position:absolute;top:-32px;right:-32px;width:140px;height:140px;background:radial-gradient(circle,var(--hero-accent, var(--color-accent)) 0%,rgba(0,0,0,0) 70%);opacity:.18}.results__hero:after{content:"";position:absolute;bottom:-36px;right:-36px;width:180px;height:180px;border-radius:50%;background:conic-gradient(from 120deg,rgba(0,0,0,0),var(--hero-accent, var(--color-accent)),rgba(0,0,0,0) 60%);opacity:.12}.results__badge{position:absolute;top:10px;left:14px;font-size:11px;letter-spacing:.12em;color:var(--hero-accent, var(--color-accent));font-weight:600}.results__hero-title{font-family:var(--font-display);font-size:20px;margin:0 0 4px;padding-top:6px}.results__hero-tagline{font-size:14px;color:var(--color-muted)}.results__hero-profile{margin:8px 0 0;font-size:14px;color:var(--color-muted)}.results__meta{font-size:13px;color:var(--color-muted)}.results__sections{display:grid;gap:10px}.results__section{padding:12px 14px;border-radius:12px;border:1px solid var(--color-border);background:#ffffffe0}.results__section-title{font-size:15px;margin:0}.results__text{margin:0;font-size:14px;color:var(--color-muted)}.results__list{margin:0;padding:0;list-style:none;display:grid;gap:6px;color:var(--color-muted)}.results__list-item{line-height:1.6;display:flex;gap:6px;align-items:flex-start}.results__list--dot .results__list-item:before{content:"・";color:var(--color-muted);flex-shrink:0}.results__note{margin:10px 2px 0;font-size:11px;color:var(--color-muted);line-height:1.6}.tie-breaker{display:grid;gap:16px}.tie-breaker__intro{padding:14px 16px;border-radius:14px;border:1px solid var(--color-border);background:#ffffffe6;display:grid;gap:8px}.tie-breaker__groups{display:grid;gap:12px}.tie-breaker__options{margin-top:10px;display:grid;gap:10px}.tie-breaker__option{width:100%}.results__actions{margin-top:16px;display:grid}.step3{position:relative;padding:22px 18px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:radial-gradient(circle at 80% 88%,rgba(195,163,94,.18),transparent 60%),radial-gradient(circle at 12% 14%,rgba(255,255,255,.7),transparent 55%),linear-gradient(160deg,#fff9f1fa,#ffffffe6);box-shadow:var(--shadow-card);display:grid;gap:14px}.step3__title{margin:0;font-family:var(--font-display);font-size:20px}.step3__intro{margin:0;font-size:15px;color:var(--color-muted)}.step3__examples{display:grid;gap:10px}.step3__examples-title{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.step3__example{padding:12px 14px;border-radius:14px;border:1px solid var(--color-border);background:#ffffffeb;box-shadow:0 8px 16px #3d2a1614;font-size:14px;color:var(--color-muted);line-height:1.7;border-left:3px solid rgba(179,83,69,.35)}.step3__example--highlight{border-left-color:var(--example-accent, var(--color-eyebrow));background:linear-gradient(135deg,rgba(255,255,255,.96),var(--example-soft, rgba(241, 220, 203, .6)));color:var(--color-ink);box-shadow:0 10px 18px #3d2a161f}.step3__actions{margin-top:16px;display:grid;gap:10px}.step3__back{background:#ffffffe6;color:var(--color-accent);border:1px solid rgba(47,75,102,.25)}.step3__back:hover{box-shadow:0 10px 18px #2f4b6626}.slide-enter-active,.slide-leave-active{transition:transform .4s ease,opacity .4s ease}.slide-enter-from{transform:translate(80px);opacity:0}.slide-leave-to{transform:translate(-80px);opacity:0}@media (min-width: 720px){.page{padding:20px 22px;gap:28px}.page__nav{grid-template-columns:repeat(2,minmax(0,1fr))}.step1-screen,.step1-screen__panel{padding:20px 22px}}@media (min-width: 960px){.page{padding:20px 24px;gap:32px}.page__header{padding:26px 28px 28px}.page__section{padding:26px 28px}.step1-screen{padding:20px 24px}.step1-screen__panel{padding:24px 28px}.appendix-diagram--a6 .appendix-diagram__image{max-width:400px}}