*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-base:"DM Mono","IBM Plex Mono",monospace;--font-heading:"Epilogue",sans-serif;--bg:#080b1a;--surface:#0e1228;--surface-high:#141830;--navy:#0a0f2c;--card-bg:#0d1435;--border:#1c2240;--border-high:#2a3260;--blue:#2d5be3;--blue-light:#4f7aff;--cyan:#00b8d9;--green:#00c47a;--amber:#f5a623;--red:#e3365a;--purple:#8b5cf6;--teal:#0abfbc;--text-primary:#fff;--text-body:#d0d8f5;--text-secondary:#b0bad8;--text-muted:#6b7699;--text-muted-high:#9aa3c2;--text-muted-dark:#3d4870;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080}[data-theme=light]{--bg:#f0f4ff;--surface:#fff;--surface-high:#f5f7ff;--navy:#e8edff;--card-bg:#fafbff;--border:#dde3f5;--border-high:#c5ceee;--text-primary:#080b1a;--text-body:#1c2240;--text-secondary:#3d4870;--text-muted:#6b7699;--text-muted-high:#8a93b2;--text-muted-dark:#9aa3c2;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a}html,body{background:var(--bg);color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.65;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:DM Sans,sans-serif}input,textarea,select{font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-high);border-radius:3px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.stream-cursor:after{content:"▋";color:var(--blue);margin-left:.125rem;font-size:.8rem;animation:1s step-start infinite blink}.fade-up{animation:.35s forwards fadeUp}.slide-in{animation:.3s forwards slideIn}.pulse{animation:1.5s infinite pulse}.container{width:90%;max-width:680px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.container--narrow{max-width:560px}.container--mid{max-width:600px}.container--full-height{flex-direction:column;height:calc(100dvh - 56px);padding-left:0;padding-right:0;display:flex}.container--page{padding-top:40px;padding-bottom:80px}.label{font-family:var(--font-base);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);font-size:.714rem;font-weight:500}.label--sm{letter-spacing:1px;font-size:.643rem}.label--blue{color:var(--blue)}.label--cyan{color:var(--cyan)}.label--green{color:var(--green)}.label--amber{color:var(--amber)}.page-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:8px;font-size:1.714rem;font-weight:900;line-height:1.2}.page-title--lg{font-size:1.857rem}.page-subtitle{color:var(--text-secondary);font-size:.929rem;line-height:1.6}.section-header{margin-bottom:36px}.section-header .label{margin-bottom:10px}.section-header .page-title{margin-bottom:8px}.progress-bar{background:var(--border);border-radius:2px;height:2px;margin-bottom:8px;overflow:hidden}.progress-bar--thick{height:4px}.progress-bar__fill{background:var(--accent,linear-gradient(90deg,var(--blue),var(--cyan)));border-radius:2px;height:100%;transition:width .4s}.progress-meta{justify-content:space-between;margin-bottom:32px;display:flex}.progress-meta__text{font-family:var(--font-base);color:var(--text-muted);font-size:.714rem}.option-list{flex-direction:column;gap:8px;margin-bottom:32px;display:flex}.option-btn{text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:.929rem;line-height:1.5;transition:all .15s}.option-btn--active{border-color:var(--accent,var(--blue));background:color-mix(in srgb,var(--accent,var(--blue))10%,transparent);color:var(--text-primary)}.option-btn__content{align-items:flex-start;gap:12px;display:flex}.radio{border:2px solid var(--border-high);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:2px;transition:all .15s;display:flex}.radio--checked{border-color:var(--accent,var(--blue));background:var(--accent,var(--blue))}.radio__dot{background:#fff;border-radius:50%;width:6px;height:6px}.checkbox{border:2px solid var(--border-high);background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:2px;transition:all .15s;display:flex}.checkbox--checked{border-color:var(--accent,var(--amber));background:var(--accent,var(--amber))}.checkbox__mark{color:#080b1a;font-size:.714rem;font-weight:700}.btn--primary{background:var(--accent,var(--blue));border:1px solid var(--accent,var(--blue));color:#080b1a;cursor:pointer;border-radius:10px;width:100%;padding:14px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;transition:all .2s}.btn--primary:disabled,.btn--primary.btn--disabled{background:var(--surface-high);border-color:var(--border);color:var(--text-muted);cursor:not-allowed}.btn--inline{border-radius:8px;width:auto;padding:12px 28px;font-weight:600}.btn--inline:disabled,.btn--inline.btn--disabled{background:var(--surface-high);border-color:var(--border);color:var(--text-muted);cursor:not-allowed}.btn--ghost{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:8px 0;font-family:DM Sans,sans-serif;font-size:.929rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:24px}.card--sm{padding:16px 20px}.card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.card__title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.071rem;font-weight:800}.card__text{color:var(--text-secondary);font-size:.929rem;line-height:1.6}.notice{color:var(--text-secondary);background:color-mix(in srgb,var(--accent,var(--amber))6%,transparent);border:1px solid color-mix(in srgb,var(--accent,var(--amber))15%,transparent);border-radius:10px;margin-bottom:20px;padding:14px 16px;font-size:.857rem;line-height:1.6}.notice--row{border-radius:8px;align-items:center;gap:8px;padding:10px 14px;display:flex}.notice__strong{color:var(--accent,var(--amber))}.quiz-nav{justify-content:space-between;align-items:center;display:flex}.category-tag{font-family:var(--font-base);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);background:var(--surface-high);border:1px solid var(--border);border-radius:6px;margin-bottom:14px;padding:3px 8px;font-size:.643rem;font-weight:500;display:inline-block}.question-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:8px;font-size:1.286rem;font-weight:800;line-height:1.3}.question-title--lg{font-size:1.357rem}.question-context{color:var(--text-muted);margin-bottom:24px;font-size:.857rem;font-style:italic}.text-loading{color:var(--text-muted);font-size:.929rem;font-style:italic}.text-error{color:var(--red);font-size:.929rem}.link--accent{color:var(--accent,var(--cyan));text-underline-offset:3px;text-decoration:underline}.next-tools{grid-template-columns:1fr 1fr;gap:10px;display:grid}.next-tools--3col{grid-template-columns:1fr 1fr 1fr}.next-tool{background:color-mix(in srgb,var(--accent)6%,transparent);border:1px solid color-mix(in srgb,var(--accent)15%,transparent);cursor:pointer;border-radius:10px;padding:16px;transition:all .15s;display:block}.next-tool--center{text-align:center;padding:12px}.next-tool__icon{color:var(--accent);margin-bottom:6px;font-size:1.286rem}.next-tool__icon--sm{margin-bottom:4px;font-size:1.143rem}.next-tool__name{color:var(--accent);margin-bottom:4px;font-size:.857rem;font-weight:600}.next-tool__name--sm{margin-bottom:0;font-size:.714rem;line-height:1.3}.next-tool__desc{color:var(--text-muted);font-size:.786rem}.nav{z-index:100;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.nav__left,.nav__right{align-items:center;display:flex}.nav__left{gap:16px;min-width:0}.nav__right{flex-shrink:0;gap:8px}.nav__back-link{color:var(--text-muted);flex-shrink:0;align-items:center;gap:6px;font-size:.929rem;font-weight:500;transition:color .15s;display:flex}.nav__back-arrow{font-size:1.143rem;line-height:1}.nav__back-text{font-size:.929rem;display:none}.nav__brand-link{align-items:center;gap:10px;min-width:0;display:flex}.nav__brand-icon{background:linear-gradient(135deg,#2d5be3,#00b8d9);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;display:flex}.nav__brand-name{font-family:var(--font-heading);color:var(--text-primary);white-space:nowrap;font-size:1rem;font-weight:800;line-height:1.2}.nav__brand-subtitle{font-family:var(--font-base);color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:.643rem;line-height:1}.nav__articles-link{font-family:var(--font-base);color:var(--text-secondary);border-radius:6px;padding:6px 10px;font-size:.857rem;font-weight:500;text-decoration:none;transition:color .15s}.nav__articles-link--active{color:#2d5be3}.nav__theme-toggle{background:var(--surface-high);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:.857rem;font-weight:500;transition:all .15s;display:flex}.nav__theme-icon{font-size:1rem}.nav__theme-label{font-family:var(--font-base);letter-spacing:.5px}.main{min-height:calc(100vh - 56px);padding:0 0 80px}.hero{padding-top:64px;padding-bottom:48px}.hero__badge{background:#2d5be31a;border:1px solid #2d5be340;border-radius:20px;align-items:center;gap:8px;margin-bottom:28px;padding:5px 12px;display:inline-flex}.hero__badge-dot{background:#2d5be3;border-radius:50%;width:6px;height:6px;display:block}.hero__badge-text{font-family:var(--font-base);letter-spacing:1.5px;text-transform:uppercase;color:#4f7aff;font-size:.714rem;font-weight:500}.hero__title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.5px;margin-bottom:20px;font-size:clamp(2rem,5vw,3.143rem);font-weight:900;line-height:1.15}.hero__title-gradient{background:linear-gradient(135deg,#2d5be3,#00b8d9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:var(--text-secondary);font-size:1.071rem;line-height:1.7}.tool-grid{gap:12px;display:grid}.articles-cta{margin-top:40px}.articles-cta__link{text-decoration:none;display:block}.articles-cta__card{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:20px 24px;transition:all .15s;display:flex}.articles-cta__label{margin-bottom:6px}.articles-cta__title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:4px;font-size:1.071rem;font-weight:700}.articles-cta__description{color:var(--text-secondary);font-size:.857rem}.articles-cta__arrow{color:var(--text-muted);flex-shrink:0;margin-left:16px;font-size:1.429rem}.footer-note{text-align:center;margin-top:24px}.footer-note__text{color:var(--text-muted);font-size:.857rem;line-height:1.6}.footer-note__link{color:var(--blue-light);text-underline-offset:3px;text-decoration:underline}.tool-card{display:block}.tool-card__inner{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:flex-start;gap:20px;padding:20px 24px;transition:all .2s;display:flex;position:relative;overflow:hidden;transform:translateY(0)}.tool-card__inner:hover{background:var(--surface-high);border-color:var(--tool-color,var(--border));transform:translateY(-1px);box-shadow:0 8px 24px #0003}.tool-card__strip{background:var(--tool-color);border-radius:12px 0 0 12px;width:3px;position:absolute;top:0;bottom:0;left:0}.tool-card__icon{width:40px;height:40px;color:var(--tool-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.286rem;display:flex}.tool-card__content{flex:1;min-width:0}.tool-card__header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.tool-card__number{font-family:var(--font-base);color:var(--text-muted-dark);letter-spacing:1px;font-size:.643rem}.tool-card__label{font-family:var(--font-heading);color:var(--text-primary);font-size:1.071rem;font-weight:800}.tool-card__description{color:var(--text-secondary);font-size:.929rem;line-height:1.6}.tool-card__arrow{color:var(--text-muted-dark);flex-shrink:0;align-self:center;font-size:1.286rem;transition:all .15s;transform:translate(0)}.tool-card__inner:hover .tool-card__arrow{color:var(--text-muted);transform:translate(2px)}.mode-list{flex-direction:column;gap:12px;display:flex}.mode-card{text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;padding:20px 24px;transition:all .15s}.mode-card--accent{background:#2d5be30d;border-color:#2d5be34d}.mode-card__header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.mode-card__icon{font-size:1.143rem}.mode-card__title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.143rem;font-weight:700}.mode-card__desc{color:var(--text-muted);margin:0;font-size:.857rem;line-height:1.5}.level-badge{background:var(--surface);border:1px solid color-mix(in srgb,var(--accent)20%,transparent);border-radius:12px;margin-bottom:20px;padding:24px;position:relative;overflow:hidden}.level-badge__glow{background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--accent)5%,transparent),transparent 60%);pointer-events:none;position:absolute;inset:0}.level-badge__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mode-badge{font-family:var(--font-base);letter-spacing:1px;text-transform:uppercase;background:var(--surface-high);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:2px 6px;font-size:.643rem}.mode-badge--accent{color:var(--blue);background:#2d5be31a;border-color:#2d5be333}.level-badge__score-row{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.level-number{font-family:var(--font-heading);color:var(--accent);font-size:3.429rem;font-weight:900;line-height:1}.level-name{font-family:var(--font-heading);color:var(--text-primary);font-size:1.286rem;font-weight:800}.level-tagline{font-family:var(--font-base);color:var(--text-muted);letter-spacing:.5px;font-size:.786rem}.score-section{margin-top:16px}.score-bar{background:var(--border);border-radius:4px;height:4px;overflow:hidden}.score-bar__fill{background:var(--accent);border-radius:4px;height:100%;transition:width .6s}.score-meta{justify-content:space-between;margin-top:6px;display:flex}.level-indicators{gap:8px;display:flex}.level-indicator{font-family:var(--font-base);color:var(--text-muted-dark);font-size:.714rem;font-weight:400}.level-indicator--active{color:var(--accent);font-weight:600}.barrier-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.barrier-card__icon{flex-shrink:0;margin-top:1px;font-size:1.143rem}.mirror-icon{background:#f5a6231f;border:1px solid #f5a6234d;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;font-size:1.571rem;display:flex}.mirror-body{color:var(--text-secondary);margin-bottom:12px;font-size:1rem;line-height:1.7}.mirror-body--last{margin-bottom:32px}.result-header{background:#f5a6230f;border:1px solid #f5a62333;border-radius:12px;margin-bottom:20px;padding:20px 24px;position:relative;overflow:hidden}.result-header__glow{pointer-events:none;background:radial-gradient(at 100% 0,#f5a6230f,#0000 60%);position:absolute;inset:0}.result-header__title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.143rem;font-weight:800}.bp-form{margin-bottom:16px}.bp-textarea{background:var(--surface-high);border:1px solid var(--border-high);width:100%;color:var(--text-body);resize:vertical;border-radius:10px;outline:none;min-height:240px;padding:16px;font-family:DM Sans,sans-serif;font-size:.929rem;line-height:1.7;transition:border-color .2s}.bp-textarea--ready{border-color:#00c47a66}.bp-counter{justify-content:space-between;margin-top:6px;display:flex}.bp-counter__text{font-family:var(--font-base);color:var(--text-muted);font-size:.714rem}.bp-counter__text--ready{color:var(--green)}.bp-counter__text--muted{color:var(--text-muted-dark)}.loading-indicator{font-family:var(--font-base);color:var(--accent,var(--green));align-items:center;gap:6px;font-size:.714rem;display:flex}.process-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:20px 24px 16px}.process-header__row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.process-header__title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.286rem;font-weight:800;line-height:1.2}.phase-tracker{flex-wrap:wrap;gap:6px;display:flex}.phase-tag{font-family:var(--font-base);letter-spacing:1px;text-transform:uppercase;background:var(--surface-high);border:1px solid var(--border);color:var(--text-muted-dark);border-radius:6px;padding:3px 8px;font-size:.643rem;font-weight:500;transition:all .3s}.phase-tag--active{color:var(--cyan);background:#00b8d91f;border-color:#00b8d94d}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.chat-msg{display:flex}.chat-msg--user{justify-content:flex-end}.chat-msg--assistant{justify-content:flex-start}.chat-bubble{max-width:88%;color:var(--text-body);white-space:pre-wrap;padding:12px 16px;font-size:.929rem;line-height:1.7}.chat-bubble--user{background:#2d5be326;border:1px solid #2d5be340;border-radius:14px 14px 4px}.chat-bubble--assistant{background:var(--surface);border:1px solid var(--border);border-radius:4px 14px 14px}.chat-thinking{color:var(--text-muted);font-style:italic;animation:1.5s infinite pulse}.process-cta{background:#00c47a14;border:1px solid #00c47a40;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.process-cta__title{color:var(--green);margin-bottom:2px;font-size:.929rem;font-weight:600}.process-cta__subtitle{color:var(--text-muted);font-size:.857rem}.process-cta__btn{background:var(--green);color:#080b1a;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:.929rem;font-weight:700}.chat-input-area{border-top:1px solid var(--border);flex-shrink:0;padding:12px 24px 20px}.chat-input-box{background:var(--surface);border:1px solid var(--border-high);border-radius:12px;align-items:flex-end;gap:10px;padding:10px 14px;display:flex}.chat-textarea{resize:none;color:var(--text-body);background:0 0;border:none;outline:none;flex:1;max-height:100px;font-family:DM Sans,sans-serif;font-size:.929rem;line-height:1.5;overflow-y:auto}.chat-send-btn{background:var(--surface-high);color:var(--text-muted);cursor:not-allowed;border:none;border-radius:8px;flex-shrink:0;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:.929rem;font-weight:700;transition:all .15s}.chat-send-btn--active{background:var(--cyan);color:#080b1a;cursor:pointer}.chat-hint{text-align:center;color:var(--text-muted-dark);margin-top:6px;font-size:.714rem}.msg-heading{font-family:var(--font-heading);color:var(--text-primary);margin-top:12px;margin-bottom:4px;font-size:1rem;font-weight:800}.msg-bold{color:var(--text-primary);margin-top:8px;font-weight:600}.msg-divider{border:none;border-top:1px solid var(--border);margin:12px 0}.msg-spacer{height:6px}.msg-strong{color:var(--text-primary);font-weight:600}@media (min-width:1200px){html,body{font-size:16px}.container{max-width:800px}.container--narrow{max-width:680px}.container--mid{max-width:720px}}@media (min-width:1600px){html,body{font-size:18px}.container{max-width:960px}.container--narrow{max-width:780px}.container--mid{max-width:840px}}