:root{--text:#5c5668;--text-h:#14121a;--bg:#faf9f7;--border:#e5e2dc;--code-bg:#f0eeea;--accent:#8b5cf6;--accent-bg:#8b5cf61f;--accent-border:#8b5cf673;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;font-family:var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.5}@media (prefers-color-scheme:dark){:root{--text:#b4aab8;--text-h:#f4f1fa;--bg:#121015;--border:#2a2630;--code-bg:#1a1720;--accent:#c4b5fd;--accent-bg:#c4b5fd1f;--accent-border:#c4b5fd73}}body{margin:0}#root{min-height:100vh}.auth-modal-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.85rem;width:min(90vw,24rem);padding:2rem;display:flex}.auth-modal h2{color:var(--text-h);margin:0;font-size:1.2rem}.auth-modal form{flex-direction:column;gap:.6rem;display:flex}.auth-modal input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;padding:.65rem .75rem}.auth-modal input:disabled{opacity:.55}.auth-modal-error{color:var(--text-h);background:#ef44441f;border:1px solid #ef444459;border-radius:8px;margin:0;padding:.6rem .75rem;font-size:.9rem}.auth-modal-info{color:var(--text);margin:0;font-size:.95rem;line-height:1.5}.auth-modal-submit{font:inherit;border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--text-h);cursor:pointer;border-radius:8px;margin-top:.15rem;padding:.7rem 1rem;font-weight:600}.auth-modal-submit:disabled{opacity:.55;cursor:not-allowed}.auth-modal-toggle{color:var(--text);text-align:center;margin:0;font-size:.875rem}.auth-modal-toggle button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;text-decoration:underline}.auth-modal-oauth{flex-direction:column;gap:.5rem;display:flex}.auth-modal-oauth-btn{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);cursor:pointer;text-align:center;border-radius:8px;padding:.65rem .85rem;font-weight:600}.auth-modal-oauth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-modal-oauth-btn--google:hover:not(:disabled),.auth-modal-oauth-btn--linkedin:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-bg)}.auth-modal-divider{text-align:center;color:var(--text);margin:.25rem 0 .15rem;font-size:.8rem;position:relative}.auth-modal-divider span{background:var(--bg);z-index:1;padding:0 .5rem;position:relative}.auth-modal-divider:before{content:"";background:var(--border);z-index:0;height:1px;position:absolute;top:50%;left:0;right:0}.narad{text-align:left;max-width:40rem;margin:0 auto;padding:2rem 1.5rem 3rem}.header-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.narad-header h1{letter-spacing:-.02em;margin:0;font-size:2rem}.user-bar{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.user-greeting{color:var(--text);font-size:.875rem}.logout-btn{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:6px;padding:.3rem .65rem;font-size:.875rem}.logout-btn:hover{background:var(--code-bg)}.tagline{opacity:.85;margin:.2rem 0 0;font-size:.95rem}.narad-form{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.narad-form label{font-size:.9rem;font-weight:600}.narad-form input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;padding:.65rem .75rem}.narad-form button[type=submit]{font:inherit;border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--text-h);cursor:pointer;border-radius:8px;margin-top:.25rem;padding:.75rem 1rem;font-weight:600}.narad-form button[type=submit]:disabled{opacity:.55;cursor:not-allowed}.narad-banner{border-radius:8px;margin-top:1.25rem;padding:.75rem 1rem;font-size:.95rem}.narad-error{color:var(--text-h);background:#ef44441f;border:1px solid #ef444459}.narad-warn{color:var(--text-h);background:#eab3081f;border:1px solid #eab30859}.narad-output{margin-top:2rem}.output-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.copy-btn{font:inherit;border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);cursor:pointer;border-radius:6px;padding:.4rem .75rem;font-size:.9rem}.blurb-text{border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);white-space:pre-wrap;word-break:break-word;font-family:var(--mono);border-radius:8px;margin:0;padding:1rem;font-size:.9rem;line-height:1.5}.variation-tabs{gap:.25rem;display:flex}.tab-btn{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-bottom:none;border-radius:6px 6px 0 0;padding:.35rem .75rem;font-size:.85rem;font-weight:500;transition:background .15s}.tab-btn--active{background:var(--code-bg);color:var(--text-h);font-weight:600}.tab-btn:hover:not(.tab-btn--active){background:var(--accent-bg)}.tab-btn:disabled{opacity:.4;cursor:not-allowed}.variation-lock{border:1px solid var(--border);background:var(--code-bg);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:8rem;padding:2rem;display:flex}.variation-lock p{margin:0}.lock-icon{font-size:2rem}.lock-cta{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;text-decoration:underline}.variation-loading{border:1px solid var(--border);background:var(--code-bg);min-height:8rem;color:var(--text);border-radius:8px;justify-content:center;align-items:center;font-size:.95rem;font-style:italic;display:flex}