:root{--red:#d8102a;--red-dark:#a90e22;--ink:#192028;--muted:#69727d;--paper:#f5f3ee;--card:#fff;--line:#e5e3de;--soft-red:#fff0f2;--green:#177a50;--soft-green:#eaf8f2;--amber:#9a5a07;--soft-amber:#fff7e5;--blue:#2b5f96;--soft-blue:#edf5ff;--shadow:0 10px 35px #181f2612;--radius:20px}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.button{min-height:46px}button{cursor:pointer}.app-frame{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;align-items:center;gap:18px;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;margin-right:auto;display:flex}.brand>span:last-child{flex-direction:column;font-size:15px;line-height:1.05;display:flex}.brand small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:9px}.swiss-mark{background:var(--red);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:24px;font-weight:800;line-height:1;display:grid}.source-status{color:var(--green);align-items:center;gap:6px;font-size:13px;display:flex}.avatar{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.sync-indicator{color:var(--green);place-items:center;display:grid}.workspace{max-width:1440px;margin:auto;display:flex}.side-nav{flex-direction:column;gap:7px;width:220px;height:calc(100vh - 72px);padding:26px 16px;display:flex;position:sticky;top:72px}.nav-link{color:var(--muted);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-weight:620;display:flex}.nav-link:hover{color:var(--ink);background:#fff}.nav-link.active{color:var(--red);background:var(--soft-red)}.main-content{flex:1;width:calc(100% - 220px);max-width:1040px;min-height:calc(100vh - 72px);padding:40px 34px 100px}.main-content.focused{width:100%;max-width:760px;margin:0 auto}.bottom-nav{display:none}.page-header{margin:0 0 26px}.page-header h1{letter-spacing:-.035em;margin:5px 0 8px;font-size:clamp(29px,4vw,44px);line-height:1.05}.page-header>p:last-child{color:var(--muted);max-width:660px;margin:0;font-size:16px;line-height:1.55}.eyebrow{color:var(--red);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.section-title{justify-content:space-between;align-items:center;gap:12px;margin:30px 0 14px;display:flex}.section-title h2{letter-spacing:-.02em;margin:0;font-size:20px}.section-title a{color:var(--red);font-size:14px;font-weight:650}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #e1dfd9e6;padding:22px}.card h2,.card h3{margin-top:0}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stack{flex-direction:column;gap:14px;display:flex}.row{align-items:center;gap:12px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:14px;display:flex}.muted{color:var(--muted)}.small{font-size:13px}.number{font-variant-numeric:tabular-nums}.button{border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-weight:750;transition:transform .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--red)}.button-primary:hover{background:var(--red-dark)}.button-secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.button-ghost{color:var(--red);background:var(--soft-red)}.button-full{width:100%}.button:disabled{opacity:.48;cursor:not-allowed;transform:none}.badge{letter-spacing:.035em;border-radius:99px;align-items:center;width:fit-content;padding:5px 9px;font-size:11px;font-weight:750;display:inline-flex}.badge-neutral{color:#4f5965;background:#eef0f2}.badge-red{color:var(--red-dark);background:var(--soft-red)}.badge-green{color:var(--green);background:var(--soft-green)}.badge-amber{color:var(--amber);background:var(--soft-amber)}.badge-blue{color:var(--blue);background:var(--soft-blue)}.info-note{color:#4b5966;background:var(--soft-blue);border-radius:12px;align-items:flex-start;gap:10px;padding:13px 15px;font-size:13px;line-height:1.5;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field label,.field>span:first-child{font-size:14px;font-weight:700}.field input,.field textarea,.field select{width:100%;color:var(--ink);background:#fff;border:1px solid #d8d8d4;border-radius:12px;outline:none;padding:12px 13px}.field textarea{resize:vertical;min-height:138px;line-height:1.55}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--red);box-shadow:0 0 0 3px #d8102a1a}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.radio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.radio-card{border:1px solid var(--line);cursor:pointer;border-radius:13px;align-items:flex-start;gap:9px;padding:13px;display:flex}.radio-card:has(input:checked){border-color:var(--red);background:var(--soft-red)}.progress-wrap{flex-direction:column;gap:7px;display:flex}.progress-wrap>span{color:var(--muted);font-size:12px}.progress-track{background:#ecece8;border-radius:99px;height:8px;overflow:hidden}.progress-track>span{background:var(--red);border-radius:inherit;height:100%;transition:width .35s;display:block}.readiness-card{color:#fff;background:linear-gradient(135deg,#ca1028 0%,#ec344c 100%);position:relative;overflow:hidden}.readiness-card:after{content:"+";opacity:.08;font-size:260px;font-weight:900;line-height:1;position:absolute;bottom:-70px;right:-12px}.readiness-score{align-items:baseline;gap:5px;margin:12px 0 4px;display:flex}.readiness-score strong{letter-spacing:-.06em;font-size:64px;line-height:1}.readiness-score span{font-size:24px}.readiness-card p{opacity:.86;max-width:390px;line-height:1.5}.skill-list{flex-direction:column;gap:16px;display:flex}.skill-row{grid-template-columns:110px 1fr 54px;align-items:center;gap:14px;display:grid}.skill-row strong{font-size:15px}.skill-level{text-align:right;font-weight:800}.strategy{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.strategy-detail{margin:4px 0 0 124px}.strategy-reinforce{color:var(--red)}.strategy-normal{color:var(--amber)}.strategy-accelerate,.strategy-maintain{color:var(--green)}.activity-card{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.activity-icon{background:var(--soft-red);width:44px;height:44px;color:var(--red);border-radius:13px;place-items:center;display:grid}.activity-card h3{margin:0 0 3px;font-size:15px}.activity-card p{color:var(--muted);margin:0;font-size:13px}.activity-time{color:var(--muted);white-space:nowrap;font-size:13px}.activity-card.completed{opacity:.62}.option-list{flex-direction:column;gap:10px;display:flex}.option{text-align:left;border:1px solid var(--line);width:100%;min-height:50px;color:var(--ink);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;display:flex}.option:hover:not(:disabled){border-color:#aeb4ba}.option.selected{border-color:var(--red);background:var(--soft-red)}.option.correct{border-color:var(--green);background:var(--soft-green)}.option.incorrect{border-color:var(--red);background:var(--soft-red)}.option-key{text-transform:uppercase;background:#f0f1f2;border-radius:8px;place-items:center;width:25px;height:25px;font-weight:800;display:grid}.feedback-panel{border-radius:14px;margin-top:16px;padding:17px}.feedback-panel.correct{background:var(--soft-green);color:#155f42}.feedback-panel.incorrect{background:var(--soft-red);color:#8f1424}.feedback-panel h3{margin:0 0 6px}.feedback-panel p{margin:0;line-height:1.55}.metric-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.metric{background:#f5f5f2;border-radius:12px;padding:13px}.metric span{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.metric strong{font-size:21px}.error-list{flex-direction:column;gap:10px;display:flex}.error-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 0;display:flex}.error-item:last-child{border-bottom:0}.error-count{text-align:center;background:var(--soft-red);min-width:32px;color:var(--red);border-radius:99px;margin-left:auto;padding:4px 8px;font-weight:800}.source-card{border-left:3px solid var(--green)}.source-card a{color:var(--blue);word-break:break-word;font-weight:650}.record-button{color:#fff;background:var(--red);border:0;border-radius:50%;place-items:center;width:92px;height:92px;margin:12px auto;display:grid;box-shadow:0 10px 28px #d8102a47}.record-button.recording{animation:1.3s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 18px #d8102a1c}}.audio-status{text-align:center;color:var(--muted);font-size:13px}.device-speech{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.voice-picker{flex-direction:column;flex:1;gap:5px;min-width:180px;font-size:12px;font-weight:700;display:flex}.voice-picker select{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:46px;padding:8px 10px}.speech-fallback{background:var(--soft-blue);border-radius:12px;padding:13px;line-height:1.5}.capability-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.capability-item{background:#f5f5f2;border-radius:11px;padding:10px;font-size:12px}.data-actions{flex-wrap:wrap;gap:10px;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.calibration-panel{border:1px solid var(--line);background:#f8faf8;border-radius:14px;margin-top:16px;padding:16px}.translated-text{max-width:100%}.translation-primary{align-items:flex-start;gap:9px;display:flex}.translation-german{min-width:0}.translation-german:is(h1,h2,h3){margin:0}.page-header .translated-heading .translation-german{letter-spacing:-.035em;font-size:clamp(29px,4vw,44px);line-height:1.05}.page-header .translated-description{max-width:700px;color:var(--muted);font-size:16px}.translated-phrase .translation-german{font-size:1.05em;font-weight:750;line-height:1.35}.translated-block .translation-german{color:inherit;line-height:1.55;display:block}.translated-block .translation-primary{display:block}.translated-block .translation-toggle{margin-top:7px}.translated-word .translation-german{letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.translation-toggle{min-height:36px;color:var(--blue);letter-spacing:.03em;background:#fff;border:1px solid #d8d9d6;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:5px;padding:7px 9px;font-size:11px;font-weight:800;display:inline-flex}.translation-toggle:hover{background:var(--soft-blue);border-color:#aeb8c2}.translation-toggle[aria-expanded=true]{color:#fff;border-color:var(--blue);background:var(--blue)}.translation-reveal{color:#274c73;background:#f3f8fd;border-left:2px solid #83a7cc;border-radius:0 10px 10px 0;margin-top:7px;padding:10px 12px;font-size:.94rem;line-height:1.5;animation:.16s ease-out translation-in}.translation-help-only{vertical-align:middle;margin-left:5px;display:inline-flex}.translation-help-only .translation-primary{display:inline-flex}.translation-help-only .translation-reveal{z-index:20;width:min(280px,100vw - 32px);margin-top:38px;position:absolute;box-shadow:0 10px 30px #12232d24}.action-with-help{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.nav-help{display:inline-flex;position:relative}.nav-help-panel{z-index:50;border:1px solid var(--line);background:#fff;border-radius:14px;width:min(310px,100vw - 24px);padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 38px #12232d29}.nav-help-panel dl{grid-template-columns:1fr 1fr;gap:7px 12px;margin:0;font-size:13px;display:grid}.nav-help-panel dt{font-weight:750}.nav-help-panel dd{color:var(--muted);margin:0}.app-frame:has(.exam-mode) .translation-toggle{display:none!important}.translation-word-details{color:#425d77;border-top:1px solid #dbe8f4;grid-template-columns:auto 1fr;gap:4px 10px;margin:10px 0 0;padding-top:9px;font-size:12px;display:grid}.translation-word-details dt{font-weight:800}.translation-word-details dd{margin:0}.translation-word-details dd span{color:#61778b;font-style:italic;display:block}@keyframes translation-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.spanish-help-setting{border:1px solid var(--line);background:#ffffffb8;border-radius:16px;flex-direction:column;gap:14px;padding:18px;display:flex}.spanish-help-copy{align-items:flex-start;gap:10px;display:flex}.spanish-help-copy div{flex-direction:column;gap:2px;display:flex}.spanish-help-copy span{color:var(--muted);font-size:13px}.help-levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.help-level{border:1px solid var(--line);min-height:54px;color:var(--ink);text-align:left;background:#fff;border-radius:11px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px;display:flex}.help-level strong{font-size:13px}.help-level span{color:var(--muted);font-size:10px;line-height:1.25}.help-level.active{border-color:var(--red);background:var(--soft-red);box-shadow:inset 0 0 0 1px var(--red)}.help-level.active span{color:#7e3d47}.mode-selector{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.mode-selector button{border:1px solid var(--line);min-height:40px;color:var(--muted);background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:750}.mode-selector button.active{color:#fff;border-color:var(--ink);background:var(--ink)}.skeleton{background:linear-gradient(90deg,#eee 25%,#f7f7f7 50%,#eee 75%) 0 0/200% 100%;border-radius:12px;height:100px;animation:1.5s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (max-width:840px){.topbar{height:64px;padding:0 18px}.source-status span,.side-nav{display:none}.main-content{width:100%;min-height:calc(100vh - 64px);padding:28px 18px 104px}.bottom-nav{z-index:30;border-top:1px solid var(--line);padding:7px 4px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{min-height:50px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}.bottom-nav a.active{color:var(--red)}.grid-2,.grid-3{grid-template-columns:1fr}.card{border-radius:17px;padding:18px}.readiness-score strong{font-size:52px}.translation-toggle{min-width:44px;min-height:44px}}@media (max-width:520px){.form-grid,.radio-grid{grid-template-columns:1fr}.skill-row{grid-template-columns:88px 1fr 44px;gap:9px}.activity-card{grid-template-columns:40px 1fr}.activity-time{grid-column:2}.metric-grid,.capability-grid{grid-template-columns:1fr}.strategy-detail{margin-left:97px}.help-levels{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}