*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}main{min-height:100%}*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}.page-container{flex-direction:column;align-items:center;gap:16px;min-height:100vh;padding:40px 24px;display:flex}.print-page-shell{flex-direction:column;gap:16px;width:min(1120px,95vw);margin:0 auto;display:flex}.print-controls{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px}.print-controls textarea{resize:vertical;border:1px solid #ccc;border-radius:8px;width:100%;min-height:180px;padding:10px;font-family:Consolas,Courier New,monospace;font-size:12px}.print-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.print-error{color:#9f1f39;margin-top:8px;font-size:12px}.print-palette{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px}.color-legend{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.color-swatch{border:1px solid #ddd;border-radius:6px;overflow:hidden}.color-bar{height:40px}.color-info{background:#f9f9f9;padding:8px;font-size:11px}.color-name{color:#333;margin-bottom:3px;font-weight:700}.color-values{color:#666;font-family:monospace;line-height:1.3}.print-page-preview{--page-bg:#f1f1f1;--line-border:#d6d6d6;--line-border-width:1px;--screen-max-width:1100px;--print-page-padding:14px 10px;--row-height:35px;--row-gap:4px;--bar-width:5px;--bar-top-offset:3px;--scale-font-size:10px;--default-line-color:#9f9f9f;--alt-a-color:#51b7de;--alt-b-color:#0e5ea6;gap:var(--row-gap);width:100%;max-width:var(--screen-max-width);background:var(--page-bg);padding:var(--print-page-padding);border-radius:8px;flex-direction:column;margin:0 auto 24px;display:flex}.print-line-row{height:var(--row-height);border-top:var(--line-border-width) solid var(--line-border);border-bottom:var(--line-border-width) solid var(--line-border);margin:0;position:relative;overflow:visible}.print-bars-layer{position:absolute;inset:0}.print-point-bar{top:var(--bar-top-offset);width:var(--bar-width);height:calc(var(--row-height) - (var(--bar-top-offset) * 2));opacity:.95;background:var(--line-color,var(--default-line-color));border:1px solid #00000014;border-radius:1px;position:absolute}.print-point-bar.alt-a{background:var(--alt-a-color)!important}.print-point-bar.alt-b{background:var(--alt-b-color)!important}.correct-answer-label{text-align:center;color:#999;-webkit-user-select:none;user-select:none;z-index:10;width:24px;font-size:9px;font-weight:700;position:absolute;top:-16px}.correct-answer-line{z-index:9;background:#000;width:5px;position:absolute;top:0;bottom:0}@media (width<=700px){.print-page-shell{width:96vw}.print-controls,.print-palette{padding:12px}}@media print{.print-controls,.print-palette,.print-page-topbar{display:none!important}.print-results-page{align-items:stretch!important;padding:0!important}.print-page-shell{width:100%;margin:0}.print-page-preview{gap:var(--row-gap);border-radius:0;width:100%;max-width:none;margin:0;padding:0}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}