html,body{overflow-x:clip}*{min-width:0}img,svg{max-width:100%}.nav-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;flex:none;margin-left:auto;padding:0;border:1px solid var(--c-line);border-radius:var(--radius-sm);background:var(--c-surface);cursor:pointer;-webkit-tap-highlight-color:transparent}.nav-toggle:hover{border-color:var(--c-primary)}.nav-toggle:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.nav-toggle .bar{position:relative;display:block;width:20px;height:2px;border-radius:2px;background:var(--c-ink);transition:background-color .15s ease}.nav-toggle .bar:before,.nav-toggle .bar:after{content:"";position:absolute;left:0;width:20px;height:2px;border-radius:2px;background:var(--c-ink);transition:transform .2s ease,top .2s ease,opacity .2s ease}.nav-toggle .bar:before{top:-6px}.nav-toggle .bar:after{top:6px}.nav-toggle[aria-expanded=true] .bar{background:transparent}.nav-toggle[aria-expanded=true] .bar:before{top:0;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] .bar:after{top:0;transform:rotate(-45deg)}@media (max-width: 880px){.site-header{position:relative}.nav-toggle{display:inline-flex}.site-header nav{position:absolute;top:100%;left:0;right:0;z-index:30;margin-left:0;flex-direction:column;align-items:stretch;gap:2px;background:var(--c-surface);border-bottom:1px solid var(--c-line);box-shadow:var(--shadow);padding:8px 20px 16px;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-6px);transition:max-height .28s ease,opacity .2s ease,transform .2s ease}.site-header nav.is-open{max-height:480px;opacity:1;pointer-events:auto;transform:translateY(0)}.site-header nav a{padding:12px 10px;border-radius:var(--radius-sm)}.site-header nav a:hover{text-decoration:none}@media (prefers-reduced-motion: reduce){.site-header nav,.nav-toggle .bar,.nav-toggle .bar:before,.nav-toggle .bar:after{transition:none}}}@media (max-width: 640px){.site-footer .bar{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 0}.site-footer .bar .sep{margin-left:0}}@media (max-width: 480px){.container{padding:0 14px}.hero{padding:26px 0 4px}.section{padding:24px 0}}@media (max-width: 640px){.btn,.option{min-height:44px}.mic-btn{width:84px;height:84px}.mic-btn svg{width:34px;height:34px}}.segment-card h3,.sample-body h3,.hero h1,.cfr-id-card h1,.report-id .who h1{overflow-wrap:break-word;word-break:break-word}.ladder .rung .cap,.cfr-ladder .cfr-rung .cfr-cap{overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.badge{max-width:100%;white-space:normal}.meta-row,.samples-hero .meta-row{row-gap:8px}@media (max-width: 900px){.panel.stick{position:static}}@media (max-width: 480px){.bubble{max-width:92%}.answer-row{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.overall-score .big,.cfr-overall-score .cfr-big{font-size:42px}.donut{width:140px;height:140px}.ladder,.cfr-ladder{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ladder .rung,.cfr-ladder .cfr-rung{padding:10px 4px 8px}.ladder .rung .lv,.cfr-ladder .cfr-rung .cfr-lv{font-size:14px}}@media (max-width: 360px){.segment-card,.sample-card,.card .card-body,.panel-body{padding-left:16px;padding-right:16px}.result-tile .rt-score{font-size:22px}}@media (max-width: 880px){.profile-menu{order:3}.nav-toggle{margin-left:auto;order:2}.profile-menu-dropdown{right:-4px;min-width:210px}}@media (max-width: 360px){.profile-avatar{width:34px;height:34px;font-size:13.5px}.profile-menu-trigger{width:36px;height:36px}}