@charset "UTF-8";@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg-page: #0d1117;--color-bg-page-rgb: 13 17 23;--color-bg-card: #161b22;--color-bg-card-rgb: 22 27 34;--color-bg-panel: #1c2230;--color-bg-input: #1e2535;--color-bg-hover: #1c2230;--color-border: #2a3348;--color-border-strong: #3d4556;--color-text-primary: #e6edf3;--color-text-secondary: #c9d1d9;--color-text-muted: #8b949e;--color-accent: #2dd4bf;--color-accent-rgb: 45 212 191;--color-accent-hover: #5eead4;--color-accent-deep: #0d9488;--color-on-accent: #042f2a;--color-success: #3fb950;--color-success-rgb: 63 185 80;--color-warning: #f5a623;--color-warning-rgb: 245 166 35;--color-danger: #ff4d4d;--color-danger-rgb: 255 77 77;--color-info: #8ab4f8;--color-info-rgb: 138 180 248;--color-info-bg: #1b2a4a;--color-info-border:#2d4a7a;--color-intention: #a78bfa;--color-intention-rgb: 167 139 250;--font-sans: "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-regular: 400;--font-medium: 500;--font-semibold:600;--font-bold: 700;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-none: 1;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 4px 12px rgb(0 0 0 / .35);--shadow-card: 0 1px 3px rgb(0 0 0 / .4);--shadow-card-hover: 0 6px 16px rgb(0 0 0 / .45), 0 0 0 1px var(--color-border-strong);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--ease-out: cubic-bezier(.16, 1, .3, 1);--z-nav: 100;--z-toast: 200;--z-modal: 300;--focus-ring: 0 0 0 3px rgb(var(--color-accent-rgb) / .35);--focus-ring-danger: 0 0 0 3px rgb(var(--color-danger-rgb) / .35);--navbar-height: 64px;--container-max: 1280px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px}*{padding:0;margin:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{background-color:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-sans);font-weight:var(--font-regular);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background-color:rgb(var(--color-accent-rgb)/.3)}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:60vh;color:var(--color-text-muted);font-size:var(--text-md)}*::-webkit-scrollbar{display:none}.auth-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background-color:var(--color-bg-page)}.form-container{width:100%;max-width:400px;padding:var(--space-6);border-radius:var(--radius-xl);background-color:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-4)}.form-header{display:flex;flex-direction:column;gap:var(--space-1)}.form-header h1{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.form-header p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.form-container form{display:flex;flex-direction:column;gap:var(--space-4)}.form-footer{margin:var(--space-1) 0 0;padding-top:var(--space-4);border-top:1px solid var(--color-border);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.form-footer a{font-weight:var(--font-medium)}.ui-input{display:flex;flex-direction:column;gap:var(--space-1)}.ui-input__label-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.ui-input__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.ui-input__count{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.ui-input__field{position:relative;display:flex;align-items:center}.ui-input__icon{position:absolute;left:var(--space-3);display:inline-flex;color:var(--color-text-muted);pointer-events:none}.ui-input__control{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);line-height:var(--leading-normal);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ui-input__control::placeholder{color:var(--color-text-muted)}.ui-input__control:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}.ui-input__control:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}.ui-input__control:disabled{opacity:.6;cursor:not-allowed}.ui-input__field .ui-input__icon+.ui-input__control{padding-left:calc(var(--space-4) + var(--space-5))}.ui-input__message{font-size:var(--text-xs);color:var(--color-text-muted)}.ui-input__message--error{color:var(--color-danger)}.ui-input--error .ui-input__control{border-color:var(--color-danger)}.ui-input--error .ui-input__control:focus{box-shadow:var(--focus-ring-danger)}.ui-input--textarea .ui-input__control{resize:vertical;min-height:96px}.ui-spinner{display:inline-block;border:2px solid rgb(var(--color-accent-rgb)/.25);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:ui-spin .8s linear infinite}.ui-spinner--sm{width:16px;height:16px;border-width:2px}.ui-spinner--md{width:24px;height:24px;border-width:3px}.ui-spinner--lg{width:40px;height:40px;border-width:3px}.ui-spinner__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.ui-button:disabled{opacity:.55;cursor:not-allowed}.ui-button:active:not(:disabled){transform:scale(.98)}.ui-button__icon,.ui-button__label{display:inline-flex;align-items:center}.ui-button--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);line-height:var(--leading-tight)}.ui-button--md{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:var(--leading-tight)}.ui-button--lg{padding:var(--space-4) var(--space-6);font-size:var(--text-md);line-height:var(--leading-tight);border-radius:var(--radius-lg)}.ui-button--full{width:100%}.ui-button--primary{background-color:var(--color-accent);color:var(--color-on-accent)}.ui-button--primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.ui-button--primary:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-button--primary .ui-spinner{border-color:#042f2a4d;border-top-color:var(--color-on-accent)}.ui-button--secondary{background-color:transparent;border-color:var(--color-border);color:var(--color-text-primary)}.ui-button--secondary:hover:not(:disabled){border-color:var(--color-border-strong);background-color:var(--color-bg-panel)}.ui-button--secondary:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-button--ghost{background-color:transparent;color:var(--color-text-muted)}.ui-button--ghost:hover:not(:disabled){color:var(--color-text-primary);background-color:var(--color-bg-panel)}.ui-button--ghost:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-alert{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-panel);font-size:var(--text-sm);line-height:var(--leading-normal)}.ui-alert__icon{display:inline-flex;flex-shrink:0;margin-top:1px}.ui-alert__body{min-width:0}.ui-alert__title{font-weight:var(--font-semibold);color:var(--color-text-primary)}.ui-alert__content{color:var(--color-text-secondary)}.ui-alert--error{border-color:#ff4d4d59;background-color:#ff4d4d14}.ui-alert--error .ui-alert__icon{color:var(--color-danger)}.ui-alert--info{border-color:var(--color-info-border);background-color:var(--color-info-bg)}.ui-alert--info .ui-alert__icon{color:var(--color-info)}.ui-alert--info .ui-alert__title{color:var(--color-text-primary)}.ui-alert--success{border-color:#3fb95059;background-color:#3fb95014}.ui-alert--success .ui-alert__icon{color:var(--color-success)}.interview-page{width:100%;min-height:100vh;background-color:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-sans);display:flex;align-items:stretch;padding:var(--space-5);box-sizing:border-box}.interview-layout{display:flex;width:100%;max-width:var(--container-max);margin:0 auto;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);justify-content:space-between}.interview-divider{width:1px;background-color:var(--color-border);flex-shrink:0}.interview-nav{width:220px;flex-shrink:0;padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-1)}.interview-nav__label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:0 var(--space-3);margin-bottom:var(--space-2)}.interview-nav .ui-tablist[aria-orientation=vertical] .ui-tab{width:100%;justify-content:flex-start}.interview-content{flex:1;padding:var(--space-5) var(--space-6);overflow-y:auto;max-height:calc(100vh - var(--space-5) * 2);padding-bottom:var(--space-8)}.interview-content section{min-height:100%}.content-header{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.content-header h2{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.q-list{display:flex;flex-direction:column;gap:var(--space-3)}.q-card{background-color:var(--color-bg-panel)}.q-card:hover{border-color:var(--color-border-strong)}.q-card.ui-accordion-item--open{border-color:rgb(var(--color-accent-rgb)/.4)}.q-card.ui-accordion-item--open .ui-accordion-item__chevron{color:var(--color-accent)}.q-card__index{flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-accent);background-color:rgb(var(--color-accent-rgb)/.1);border:1px solid rgb(var(--color-accent-rgb)/.2);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.q-card__question{flex:1;margin:0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);line-height:var(--leading-normal)}.q-card__body{display:flex;flex-direction:column;gap:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.q-card__toolbar{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:-var(--space-1)}.q-card__practice{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md)}.q-card__practice-actions{display:flex;justify-content:flex-end}.q-card__practice-actions .ui-button{align-self:flex-start}.q-card__section{display:flex;flex-direction:column;gap:var(--space-2)}.q-card__section p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.practice-result{display:flex;flex-direction:column;gap:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.practice-result__header{display:flex;align-items:center;gap:var(--space-3)}.practice-result__ring{flex-shrink:0;width:64px;height:64px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid}.practice-result__ring.score--high{border-color:var(--color-success)}.practice-result__ring.score--mid{border-color:var(--color-warning)}.practice-result__ring.score--low{border-color:var(--color-danger)}.practice-result__value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-none)}.practice-result__pct{font-size:var(--text-xs);color:var(--color-text-muted)}.practice-result__feedback{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);min-width:0}.practice-result__feedback p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.practice-result__list{display:flex;flex-direction:column;gap:var(--space-2)}.practice-result__list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.practice-result__list li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.practice-result__list-label{margin:0;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.practice-result__bullet{flex-shrink:0;width:5px;height:5px;border-radius:50%;background-color:var(--color-accent);margin-top:8px}.follow-up-list{gap:var(--space-3)!important}.follow-up{display:flex;flex-direction:column;gap:var(--space-2);width:100%;padding:var(--space-3);background-color:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md)}.follow-up__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.follow-up__question{margin:0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);line-height:var(--leading-normal)}.follow-up__panel{display:flex;flex-direction:column;gap:var(--space-2);border-top:1px solid var(--color-border);padding-top:var(--space-2)}.follow-up__actions{display:flex;justify-content:flex-end}.follow-up__actions .ui-button{align-self:flex-start}.roadmap-list{display:flex;flex-direction:column;gap:0;position:relative}.roadmap-list:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-accent),rgb(var(--color-accent-rgb)/.1));border-radius:1px}.roadmap-day{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0 var(--space-3) 3.5rem;position:relative}.roadmap-day:before{content:"";position:absolute;left:21px;top:1.05rem;width:14px;height:14px;border-radius:50%;background-color:var(--color-bg-card);border:2px solid var(--color-accent)}.roadmap-day__header{display:flex;align-items:center;gap:var(--space-2)}.roadmap-day__badge{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-accent);background-color:rgb(var(--color-accent-rgb)/.1);border:1px solid rgb(var(--color-accent-rgb)/.25);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.roadmap-day__focus{margin:0;font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary)}.roadmap-day__tasks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.roadmap-day__tasks li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.roadmap-day__bullet{flex-shrink:0;width:5px;height:5px;border-radius:50%;background-color:var(--color-text-muted);margin-top:8px}.interview-sidebar{width:240px;flex-shrink:0;padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.sidebar-divider{height:1px;background-color:var(--color-border)}.match-score{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.match-score__label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0;align-self:flex-start}.match-score__ring{width:90px;height:90px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid}.match-score__ring.score--high{border-color:var(--color-success)}.match-score__ring.score--mid{border-color:var(--color-warning)}.match-score__ring.score--low{border-color:var(--color-danger)}.match-score__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-none)}.match-score__pct{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:-2px}.match-score__sub{margin:0;font-size:var(--text-xs);color:var(--color-success);text-align:center}.skill-gaps{display:flex;flex-direction:column;gap:var(--space-3)}.skill-gaps__label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0}.skill-gaps__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media(max-width:767px){.interview-page{padding:var(--space-3)}.interview-layout{flex-direction:column;border-radius:var(--radius-lg)}.interview-divider{width:100%;height:1px}.interview-nav{flex-direction:row;align-items:center;width:100%;padding:var(--space-3);gap:var(--space-3)}.interview-nav .nav-content{flex:1;min-width:0}.interview-nav .interview-nav__label{display:none}.interview-nav .ui-tablist[aria-orientation=horizontal]{overflow-x:auto}.interview-nav>.ui-button{flex-shrink:0}.interview-content{max-height:none;padding:var(--space-4)}.interview-sidebar{width:100%;padding:var(--space-4);flex-direction:row;flex-wrap:wrap;align-items:flex-start}}.mock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.mock-dialog{width:100%;max-width:560px;max-height:calc(100vh - var(--space-7));overflow-y:auto;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);outline:none}.mock-dialog:focus-visible{box-shadow:var(--shadow-md),var(--focus-ring)}.mock-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.mock-dialog__title{display:flex;align-items:center;gap:var(--space-2)}.mock-dialog__title h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary)}.mock-dialog__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:none;background-color:transparent;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.mock-dialog__close:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.mock-dialog__close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mock-setup{display:flex;flex-direction:column;gap:var(--space-4)}.mock-setup__group{display:flex;flex-direction:column;gap:var(--space-2)}.mock-setup__label{margin:0;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.mock-setup__options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.mock-setup__counts{display:flex;gap:var(--space-2)}.mock-setup__actions{display:flex;justify-content:flex-end;padding-top:var(--space-2);border-top:1px solid var(--color-border)}.mock-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-panel);color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.mock-option:hover{border-color:var(--color-border-strong)}.mock-option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mock-option--selected{border-color:rgb(var(--color-accent-rgb)/.5);background-color:rgb(var(--color-accent-rgb)/.08)}.mock-option--compact{justify-content:center;text-align:center}.mock-option__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-sm);background-color:rgb(var(--color-accent-rgb)/.1);color:var(--color-accent)}.mock-option__text{display:flex;flex-direction:column;gap:2px;min-width:0}.mock-option__text strong{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.mock-option__text small{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-tight)}.mock-count{width:48px;height:44px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-panel);color:var(--color-text-secondary);font-size:var(--text-md);font-weight:var(--font-semibold);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.mock-count:hover{border-color:var(--color-border-strong)}.mock-count:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mock-count--selected{border-color:rgb(var(--color-accent-rgb)/.5);background-color:rgb(var(--color-accent-rgb)/.08);color:var(--color-accent)}.mock-answer{display:flex;flex-direction:column;gap:var(--space-3)}.mock-answer__question{margin:0;font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-normal)}.mock-answer__actions{display:flex;justify-content:flex-end}.mock-voice{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.mock-voice__recording{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid rgb(var(--color-danger-rgb)/.4);background-color:rgb(var(--color-danger-rgb)/.1)}.mock-voice__dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;background-color:var(--color-danger);animation:mock-pulse 1s ease-in-out infinite}.mock-voice__elapsed{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums;min-width:92px}.mock-voice__preview{display:flex;align-items:center;gap:var(--space-2);width:100%}.mock-voice__audio{flex:1;min-width:0;height:40px}.mock-timer{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;border:1px solid var(--color-border)}.mock-timer--idle{color:var(--color-text-primary);background-color:var(--color-bg-panel)}.mock-timer--warning{color:var(--color-warning);border-color:rgb(var(--color-warning-rgb)/.4);background-color:rgb(var(--color-warning-rgb)/.1)}.mock-timer--danger{color:var(--color-danger);border-color:rgb(var(--color-danger-rgb)/.4);background-color:rgb(var(--color-danger-rgb)/.1);animation:mock-pulse 1s ease-in-out infinite}@keyframes mock-pulse{0%,to{opacity:1}50%{opacity:.55}}.mock-scorecard{display:flex;flex-direction:column;gap:var(--space-4)}.mock-scorecard__summary{display:flex;align-items:center;gap:var(--space-4)}.mock-scorecard__ring{flex-shrink:0;width:96px;height:96px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid}.mock-scorecard__ring.score--high{border-color:var(--color-success)}.mock-scorecard__ring.score--mid{border-color:var(--color-warning)}.mock-scorecard__ring.score--low{border-color:var(--color-danger)}.mock-scorecard__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-none)}.mock-scorecard__pct{font-size:var(--text-xs);color:var(--color-text-muted)}.mock-scorecard__meta{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.mock-scorecard__title{margin:0;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary)}.mock-scorecard__sub{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.mock-scorecard__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);max-height:260px;overflow-y:auto}.mock-scorecard__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md)}.mock-scorecard__item-question{flex:1;min-width:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mock-scorecard__actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);white-space:nowrap}.ui-badge--neutral{--badge-color: var(--color-text-muted);--badge-rgb: 139 148 158}.ui-badge--accent{--badge-color: var(--color-accent);--badge-rgb: var(--color-accent-rgb)}.ui-badge--success{--badge-color: var(--color-success);--badge-rgb: 63 185 80}.ui-badge--warning{--badge-color: var(--color-warning);--badge-rgb: 245 166 35}.ui-badge--danger{--badge-color: var(--color-danger);--badge-rgb: 255 77 77}.ui-badge--info{--badge-color: var(--color-info);--badge-rgb: 138 180 248}.ui-badge--intention{--badge-color: var(--color-intention);--badge-rgb: 167 139 250}.ui-badge--soft{background-color:rgb(var(--badge-rgb)/.12);color:var(--badge-color)}.ui-badge--solid{background-color:var(--badge-color);color:var(--color-bg-card)}.ui-badge--solid.ui-badge--accent{color:var(--color-on-accent)}.ui-badge--outline{background-color:transparent;border:1px solid rgb(var(--badge-rgb)/.4);color:var(--badge-color)}.progress-panel{display:flex;flex-direction:column;gap:var(--space-5)}.progress-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) 0;color:var(--color-text-muted);text-align:center}.progress-state p{margin:0;font-size:var(--text-sm)}.progress-state__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background-color:rgb(var(--color-accent-rgb)/.1);color:var(--color-accent)}.progress-state h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary)}.progress-readiness{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5);background-color:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.progress-readiness__ring{flex-shrink:0;width:112px;height:112px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:5px solid}.progress-readiness__ring.score--high{border-color:var(--color-success)}.progress-readiness__ring.score--mid{border-color:var(--color-warning)}.progress-readiness__ring.score--low{border-color:var(--color-danger)}.progress-readiness__value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-none)}.progress-readiness__pct{font-size:var(--text-xs);color:var(--color-text-muted)}.progress-readiness__meta{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.progress-readiness__title{margin:0;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary)}.progress-readiness__sub{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.progress-readiness__streak{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent)}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.progress-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background-color:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md)}.progress-card__label{margin:0;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.progress-card__track{height:8px;border-radius:var(--radius-full);background-color:var(--color-bg-input);overflow:hidden}.progress-card__bar{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}.progress-card__bar.score--high{background-color:var(--color-success)}.progress-card__bar.score--mid{background-color:var(--color-warning)}.progress-card__bar.score--low{background-color:var(--color-danger)}.progress-card__value{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.progress-card--modes{grid-column:1/-1}.progress-card__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.progress-history{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md)}.progress-history__chart{display:flex;align-items:flex-end;gap:var(--space-1);height:132px}.progress-history__col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-1)}.progress-history__track{flex:1;min-height:0;display:flex;align-items:flex-end;border-radius:var(--radius-sm)}.progress-history__bar{width:100%;min-height:4px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height var(--transition-base)}.progress-history__bar.score--high{background-color:var(--color-success)}.progress-history__bar.score--mid{background-color:var(--color-warning)}.progress-history__bar.score--low{background-color:var(--color-danger)}.progress-history__date{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;font-variant-numeric:tabular-nums}.progress-recent{display:flex;flex-direction:column;gap:var(--space-2)}.progress-recent__empty{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.progress-recent__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.progress-recent__item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background-color:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md)}.progress-recent__question{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-recent__meta{display:flex;align-items:center;gap:var(--space-2)}.progress-recent__score{font-size:var(--text-sm);font-weight:var(--font-bold);font-variant-numeric:tabular-nums}.progress-recent__score.score--high{color:var(--color-success)}.progress-recent__score.score--mid{color:var(--color-warning)}.progress-recent__score.score--low{color:var(--color-danger)}.progress-recent__date{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-muted)}.navbar{position:sticky;top:0;z-index:var(--z-nav);display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-6);background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border)}.navbar__brand{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm)}.navbar__brand:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.navbar__logo{display:inline-flex;color:var(--color-accent)}.navbar__name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);font-family:var(--font-sans)}.navbar__accent{color:var(--color-accent)}.navbar__right{display:flex;align-items:center;gap:var(--space-4)}.navbar__user{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);min-width:0}.navbar__username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}@media(max-width:767px){.navbar{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.navbar__username{max-width:96px}}.ui-toast-viewport{position:fixed;top:calc(var(--navbar-height) + var(--space-4));right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);width:min(380px,100vw - var(--space-6));pointer-events:none}.ui-toast-viewport>*{pointer-events:auto}.ui-toast{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--text-sm);line-height:var(--leading-normal);animation:ui-toast-in var(--transition-base) var(--ease-out)}.ui-toast__icon{display:inline-flex;flex-shrink:0;margin-top:1px}.ui-toast__body{min-width:0;flex:1}.ui-toast__title{font-weight:var(--font-semibold);color:var(--color-text-primary)}.ui-toast__message{color:var(--color-text-secondary);overflow-wrap:break-word}.ui-toast__close{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1);background-color:transparent;color:var(--color-text-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.ui-toast__close:hover{color:var(--color-text-primary);background-color:var(--color-bg-panel)}.ui-toast__close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-toast--success{border-color:rgb(var(--color-success-rgb)/.35)}.ui-toast--success .ui-toast__icon{color:var(--color-success)}.ui-toast--error{border-color:rgb(var(--color-danger-rgb)/.35)}.ui-toast--error .ui-toast__icon{color:var(--color-danger)}.ui-toast--info{border-color:var(--color-info-border)}.ui-toast--info .ui-toast__icon{color:var(--color-info)}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.ui-toast-viewport{left:var(--space-3);right:var(--space-3);width:auto}}.ui-tabs{display:contents}.ui-tablist{display:flex;gap:var(--space-1)}.ui-tablist[aria-orientation=vertical]{flex-direction:column}.ui-tablist[aria-orientation=horizontal]{flex-direction:row;overflow-x:auto;scrollbar-width:none}.ui-tablist[aria-orientation=horizontal]::-webkit-scrollbar{display:none}.ui-tab{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.ui-tab:hover{color:var(--color-text-primary);background-color:var(--color-bg-panel)}.ui-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.ui-tab__icon{display:inline-flex}.ui-tab--active{color:var(--color-accent);background-color:rgb(var(--color-accent-rgb)/.1)}.ui-tab--active .ui-tab__icon{color:var(--color-accent)}.ui-tablist[aria-orientation=vertical] .ui-tab--active{box-shadow:inset 3px 0 0 0 var(--color-accent)}.ui-tablist[aria-orientation=horizontal] .ui-tab--active{box-shadow:inset 0 -3px 0 0 var(--color-accent)}.ui-tab-panel{color:var(--color-text-secondary)}.ui-tab-panel:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;border-radius:var(--radius-md)}.ui-accordion{display:flex;flex-direction:column;gap:var(--space-3)}.ui-accordion-item{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ui-accordion-item--open{border-color:var(--color-border-strong)}.ui-accordion-item__heading{margin:0}.ui-accordion-item__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);background-color:transparent;border:none;color:var(--color-text-primary);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-tight);text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.ui-accordion-item__trigger:hover{background-color:var(--color-bg-panel)}.ui-accordion-item__trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.ui-accordion-item__summary{display:inline-flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.ui-accordion-item__chevron{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-base)}.ui-accordion-item--open .ui-accordion-item__chevron{transform:rotate(180deg)}.ui-accordion-item__panel{padding:0 var(--space-4) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.home-page{width:100%;min-height:100vh;background-color:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-sans);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);gap:var(--space-8)}.page-header{text-align:center}.page-header h1{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);color:var(--color-text-primary);line-height:var(--leading-tight)}.page-header p{color:var(--color-text-muted);font-size:var(--text-md);max-width:480px;margin:0 auto;line-height:var(--leading-relaxed)}.page-header .highlight{color:var(--color-accent)}.interview-card{width:100%;max-width:900px;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.interview-card__body{display:flex;min-height:520px}.interview-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}.interview-card__footer .footer-info{font-size:var(--text-xs);color:var(--color-text-muted)}.panel-divider{width:1px;background-color:var(--color-border);flex-shrink:0}.panel{flex:1;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.panel__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.panel__header h2{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);flex:1}.panel__icon{display:flex;align-items:center;color:var(--color-accent)}.panel__field{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.panel__field .ui-input__control{flex:1;resize:none}.panel__field--short{flex:unset}.panel__field--short .ui-input__control{flex:unset;height:96px;resize:vertical}.panel--right{gap:var(--space-3)}.section-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-1)}.upload-section{display:flex;flex-direction:column;gap:var(--space-2)}.or-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs)}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.or-divider span{white-space:nowrap}.self-description{display:flex;flex-direction:column;gap:var(--space-2)}.recent-reports{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:900px}.recent-reports h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.recent-reports .reports-list{display:flex;gap:var(--space-3);flex-wrap:wrap;list-style:none}.recent-reports .reports-list .report-item{flex:1;flex-shrink:0;min-width:220px;display:flex;flex-direction:column;gap:var(--space-2)}.recent-reports .reports-list .report-item h3{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);overflow-wrap:anywhere}.recent-reports .reports-list .report-item .report-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.recent-reports .reports-list .report-item .match-score{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-accent)}.recent-reports .reports-list .report-item .readiness{font-size:var(--text-xs);font-weight:var(--font-semibold)}.recent-reports .reports-list .report-item .readiness--high{color:var(--color-success)}.recent-reports .reports-list .report-item .readiness--mid{color:var(--color-warning)}.recent-reports .reports-list .report-item .readiness--low{color:var(--color-danger)}.page-footer{display:flex;gap:var(--space-6)}.page-footer a{font-size:var(--text-xs);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.page-footer a:hover{color:var(--color-text-primary)}@media(max-width:767px){.home-page{padding:var(--space-5) var(--space-4);gap:var(--space-6)}.page-header h1{font-size:var(--text-3xl)}.page-header p{font-size:var(--text-sm)}.interview-card__body{flex-direction:column;min-height:0}.panel-divider{display:none}}.ui-dropzone{position:relative;display:flex;align-items:center;justify-content:center;min-height:160px;border:2px dashed var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-input);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.ui-dropzone:hover:not(.ui-dropzone--disabled){border-color:var(--color-border-strong)}.ui-dropzone:focus-within{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}.ui-dropzone--dragover{border-color:var(--color-accent);background-color:rgb(var(--color-accent-rgb)/.08)}.ui-dropzone--has-file{border-color:rgb(var(--color-success-rgb)/.5);background-color:rgb(var(--color-success-rgb)/.06)}.ui-dropzone--disabled{opacity:.6;cursor:not-allowed}.ui-dropzone__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ui-dropzone__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-6) var(--space-4);text-align:center}.ui-dropzone__icon{color:var(--color-text-muted);margin-bottom:var(--space-1);transition:color var(--transition-fast)}.ui-dropzone--dragover .ui-dropzone__icon,.ui-dropzone--has-file .ui-dropzone__icon{color:var(--color-accent)}.ui-dropzone__primary{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);overflow-wrap:anywhere}.ui-dropzone__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.ui-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.ui-card--padded{padding:var(--space-5)}.ui-card--interactive{cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.ui-card--interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover)}.ui-card--interactive:active{transform:scale(.995)}