: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}}.app-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a1428,#162447);display:flex;align-items:center;justify-content:center;z-index:9999}.loader-content{text-align:center;color:#fff;max-width:500px;padding:2rem}.spinner{width:60px;height:60px;margin:0 auto 2rem;border:4px solid rgba(255,255,255,.1);border-top-color:#00d4ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-content h2{font-size:1.8rem;margin-bottom:1rem;font-weight:600;color:#00d4ff}.loader-status{font-size:1rem;color:#a0aec0;margin:1rem 0}.loader-hint{font-size:.875rem;color:#718096;font-style:italic;margin-top:.5rem;line-height:1.5}.loader-error{margin-top:2rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px}.loader-error p{color:#fca5a5;margin-bottom:1rem}.loader-error button{background:#ef4444;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}.loader-error button:hover{background:#dc2626}.loader-error button:active{transform:scale(.98)}