.system-design-page{min-height:100vh;background:var(--background);color:var(--foreground)}.system-design-page>a[href="#prep-main"]{position:fixed;top:16px;left:16px;opacity:0;pointer-events:none}.system-design-page>a[href="#prep-main"]:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.prep-hero [data-slot=eyebrow]{gap:7px;font-size:10px}.prep-nav,.prep-footer{max-width:1344px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 32px}.prep-nav{border-bottom:1px solid var(--border)}.prep-nav img,.prep-footer img{max-width:122px}.prep-nav nav{display:flex;align-items:center;gap:30px;font-size:13px}.prep-nav nav>a:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:4px}.prep-main{max-width:1344px;margin:auto;padding:0 32px}.prep-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:48px 0 32px}.prep-hero h1{font-size:clamp(36px,4vw,54px);line-height:1.12;letter-spacing:-2px;margin:18px 0 16px;font-weight:560}.prep-hero p:not([data-slot]){font-size:15px;line-height:1.8;color:var(--muted-foreground)}.prep-assurance{display:grid;gap:13px;font-size:12px;color:var(--muted-foreground);padding-top:34px}.prep-assurance span{display:flex;gap:9px;align-items:center}.prep-assurance svg{color:var(--color-signal-high)}.prep-steps{display:flex;align-items:center;gap:24px;padding:19px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:24px;font-size:12px;color:var(--muted-foreground);scroll-margin-top:20px}.prep-steps span{display:flex;gap:11px;align-items:center}.prep-steps b{font-family:var(--font-dandori-mono);font-size:10px;color:var(--muted-foreground);font-weight:400}.prep-steps svg{color:var(--muted-foreground)}.prep-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:stretch}.prep-sidebar{display:grid;gap:16px}.prep-panel{background:var(--card);padding:22px;border:1px solid var(--border);border-radius:12px}.prep-section-label{display:flex;align-items:center;gap:10px}.prep-section-label>span:first-child{font:10px var(--font-dandori-mono);color:var(--muted-foreground);background:var(--muted);border:1px solid var(--border);width:25px;height:25px;border-radius:6px;display:grid;place-content:center}.prep-section-label h2{font-size:14px;font-weight:600;margin:0}.prep-panel label{display:block;font-size:11px;font-weight:550;color:var(--muted-foreground);margin:19px 0 7px}.prep-challenge-trigger{font-size:12px;background:var(--background);border-color:var(--border);color:var(--foreground)}.prep-panel textarea{width:100%;display:block;resize:vertical;min-height:145px;border:1px solid var(--border);border-radius:7px;padding:11px;font-size:12px;line-height:1.75;background:var(--background);color:var(--foreground)}.prep-panel textarea:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.prep-panel textarea:disabled{opacity:.7}.prep-hint{color:var(--muted-foreground);font-size:10px;line-height:1.6;margin-top:9px}.prep-guidance{margin:17px 0 10px;border-top:1px solid var(--border);padding-top:14px}.prep-guidance h3{color:var(--foreground);font-size:11px;font-weight:550}.prep-guidance ul{padding-left:15px;list-style:disc;font-size:11px;line-height:1.75;color:var(--muted-foreground);margin-top:7px}.prep-guidance li+li{margin-top:5px}.prep-notes .prep-section-label svg{color:var(--muted-foreground)}.prep-optional{font-size:10px;color:var(--muted-foreground);margin-left:auto}.prep-notes textarea{min-height:137px}.prep-board{min-width:0;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column}.prep-board-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 0}.prep-board-help{padding:10px 22px 20px;font-size:11px;color:var(--muted-foreground)}.prep-canvas-wrap{flex:1;position:relative;min-height:540px}.prep-canvas-wrap .interview-canvas{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;border:0;border-top:1px solid var(--border);height:100%;min-height:400px}.system-design-page .interview-canvas .excalidraw{--color-primary: var(--color-coral-500);--color-primary-darker: var(--color-coral-600);--color-primary-darkest: var(--color-coral-700);--color-primary-light: var(--color-coral-50);--color-primary-light-darker: var(--color-coral-100);--color-primary-hover: var(--color-coral-600);--color-selection: var(--color-coral-700);--color-brand-hover: var(--color-coral-600);--color-brand-active: var(--color-coral-700);--color-surface-primary-container: var(--color-coral-50);--color-on-primary-container: var(--color-coral-700);--color-surface-high: var(--color-ash-200);--color-surface-mid: var(--color-ash-100);--color-surface-low: var(--color-ash-100);--color-surface-lowest: var(--color-ash-0);--color-on-surface: var(--color-ash-900);--color-border-outline: var(--color-ash-600);--color-border-outline-variant: var(--color-ash-300)}.prep-canvas-hint{pointer-events:none;position:absolute;z-index:1;left:0;right:0;top:42%;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--muted-foreground);text-align:center;padding:20px}.prep-canvas-hint strong{font-size:14px;font-weight:450;color:var(--muted-foreground)}.prep-canvas-hint span{font-size:11px;color:var(--muted-foreground)}.prep-canvas-loading{min-height:540px;display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--muted-foreground);font-size:13px}.prep-board-bottom{border-top:1px solid var(--border);padding:13px 20px;display:flex;justify-content:space-between;gap:16px;font-size:9px;color:var(--muted-foreground)}.prep-board-bottom>span:first-child{display:flex;align-items:center;gap:6px}.prep-status-dot{width:5px;height:5px;border-radius:50%;background:var(--color-signal-high)}.prep-submit{margin:20px 0 0;padding:24px 27px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--border);border-radius:12px;background:var(--muted)}.prep-submit h2{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:550}.prep-submit h2 svg{color:var(--accent-foreground)}.prep-submit p{font-size:12px;color:var(--muted-foreground);margin-top:7px;line-height:1.65}.prep-submit p.prep-disclosure{font-size:10px;color:var(--muted-foreground)}.prep-disclosure a,.prep-privacy a{text-decoration:underline;text-underline-offset:3px}.prep-submit>button{min-width:150px}.prep-error,.prep-stale{background:var(--accent);color:var(--destructive);padding:16px 20px;border-radius:8px;font-size:13px;margin-top:16px}.prep-reviewing{display:flex;align-items:center;gap:10px;font-size:13px;margin-top:16px;color:var(--accent-foreground)}.prep-privacy{display:flex;align-items:flex-start;gap:14px;max-width:880px;margin:36px auto 40px;color:var(--muted-foreground)}.prep-privacy>svg{flex-shrink:0;margin-top:2px}.prep-privacy h2{font-size:12px;color:var(--foreground);margin-bottom:8px;font-weight:550}.prep-privacy p{font-size:11px;line-height:1.8;margin-top:7px}.prep-footer{border-top:1px solid var(--border);padding-bottom:30px;font-size:11px;color:var(--muted-foreground);gap:20px}.prep-footer>a:last-child{display:flex;align-items:center;gap:8px}.prep-feedback{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:32px;margin-top:24px}.prep-feedback-top{display:flex;justify-content:space-between;gap:35px;align-items:flex-start}.prep-feedback h2{font-size:29px;letter-spacing:-1px;margin:14px 0;scroll-margin-top:28px}.prep-feedback p{font-size:13px;color:var(--muted-foreground);line-height:1.8;max-width:900px}.prep-score{text-align:center;flex-shrink:0;background:var(--accent);padding:18px 28px;border-radius:12px}.prep-score strong{font-size:44px;font-weight:550;letter-spacing:-2px;color:var(--accent-foreground)}.prep-score span{font-size:15px;color:var(--muted-foreground)}.prep-score small{display:block;color:var(--muted-foreground);font-size:10px}.prep-rubric{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:28px 0}.prep-rubric article{border:1px solid var(--border);border-radius:8px;padding:15px}.prep-rubric article>div{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.prep-rubric h3{font-size:12px;font-weight:550}.prep-rubric strong{white-space:nowrap;font-size:12px}.prep-rubric strong span{font-size:10px;color:var(--muted-foreground);font-weight:400}.prep-rubric meter{display:block;width:100%;height:7px;margin:13px 0}.prep-rubric meter::-webkit-meter-bar{background:var(--muted);border:0}.prep-rubric meter::-webkit-meter-optimum-value{background:var(--primary)}.prep-rubric p{font-size:11px}.prep-feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px}.prep-feedback-grid h3,.prep-next h3{font-size:14px;font-weight:550}.prep-feedback-grid ul{list-style:disc;padding-left:18px;margin-top:10px;font-size:12px;line-height:1.8;color:var(--muted-foreground)}.prep-feedback-grid li+li{margin-top:6px}.prep-next{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);margin-top:28px;padding-top:24px}.prep-feedback .prep-fineprint{font-size:10px;margin-top:20px}.prep-spin{animation:prep-spin 1s linear infinite}@keyframes prep-spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.prep-workspace{grid-template-columns:290px minmax(0,1fr);gap:14px}.prep-board-bottom{flex-direction:column;gap:6px}.prep-assurance{display:none}.prep-rubric{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.prep-nav,.prep-footer{padding:20px}.prep-main{padding:0 16px}.prep-nav nav{gap:14px}.prep-nav nav>a[href="#how-it-works"]{display:none}.prep-hero{padding:32px 4px 25px}.prep-hero h1{font-size:39px;letter-spacing:-1.5px}.prep-hero p:not([data-slot]){font-size:13px;line-height:1.8}.prep-desktop-break{display:none}.prep-steps{gap:13px;font-size:10px;flex-wrap:wrap}.prep-steps span{gap:6px}.prep-steps>svg{display:none}.prep-workspace{grid-template-columns:1fr}.prep-sidebar{display:contents}.prep-panel{padding:20px}.prep-panel textarea{font-size:16px;min-height:150px}.prep-challenge-trigger{font-size:14px}.prep-notes{order:3}.prep-board{order:2}.prep-canvas-wrap{min-height:490px}.prep-canvas-hint{padding:22px 30px}.prep-board-heading{padding:20px 16px 0}.prep-board-help{padding:10px 16px 16px;line-height:1.7}.prep-submit{flex-direction:column;align-items:stretch;padding:22px;gap:18px}.prep-submit>button{width:100%}.prep-privacy{margin:28px 5px}.prep-footer{flex-wrap:wrap}.prep-footer>span{order:3;flex-basis:100%}.prep-feedback{padding:22px}.prep-feedback-top{flex-direction:column;gap:20px}.prep-feedback h2{font-size:25px}.prep-rubric,.prep-feedback-grid{grid-template-columns:1fr}.prep-next{flex-direction:column;align-items:stretch}}@media(prefers-reduced-motion:reduce){.prep-spin{animation:none}}