:root{--ink-black: #000814;--prussian-blue: #001d3d;--regal-navy: #003566;--school-bus-yellow: #ffc300;--gold: #ffd60a;--bg-primary: var(--ink-black);--bg-secondary: var(--prussian-blue);--bg-tertiary: var(--regal-navy);--accent-primary: var(--gold);--accent-secondary: var(--school-bus-yellow);--text-primary: #ffffff;--text-secondary: #c9d1d9;--text-muted: #8b949e;font-family:Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{overflow-x:hidden;max-width:100%;scroll-behavior:smooth}body{font-family:Segoe UI,Arial,Helvetica,sans-serif;margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);display:flex;min-width:320px;min-height:100vh;overflow-x:hidden;max-width:100%;position:relative}#root{display:flex;flex-direction:column;min-height:100vh;flex:1;width:100%;max-width:100%;overflow-x:hidden}.content{padding:16px;width:100%;max-width:100%}.draft-area{display:flex;gap:24px;width:100%;max-width:100%}h1{font-size:3.2em;line-height:1.1;color:var(--text-primary);font-weight:700;margin:0}input{padding:8px 12px;margin:4px 0;width:160px;background:var(--bg-secondary);border:2px solid var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-size:14px;transition:all .2s ease}input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ffd60a1a}input::placeholder{color:var(--text-muted)}button{border-radius:8px;border:2px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all .25s ease;position:relative}button:hover{background-color:var(--regal-navy);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px #ffd60a33}button:focus,button:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}a{font-weight:500;color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--school-bus-yellow);text-decoration:underline}a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:2px}@media(max-width:768px){h1{font-size:2em}.content{padding:12px}.draft-area{flex-direction:column;gap:16px}input{width:100%;max-width:100%}button{padding:.5em 1em;font-size:.9em}}@media(max-width:480px){h1{font-size:1.5em}.content{padding:8px}button{padding:.6em 1em;font-size:.875em}}