:root{--bg: #070709;--bg-2: #0e0e12;--surface: #17171f;--surface-hi: #20202a;--border: #32323d;--border-hi: #45454f;--elevation: 0 1px 0 rgba(255,255,255,.05) inset, 0 12px 30px -14px rgba(0,0,0,.9);--orange: #f77f00;--orange-hi: #ff9a2e;--orange-deep: #c96600;--text: #f4f4f6;--text-muted: #a0a0ad;--text-faint: #6c6c79;--danger: #ff5c5c;--success: #52b788;--glow-orange: 0 0 0 1px rgba(247,127,0,.45), 0 0 18px -2px rgba(247,127,0,.55), 0 8px 32px -6px rgba(247,127,0,.5);--glow-soft: 0 10px 40px -10px rgba(0,0,0,.7);--font: "Plus Jakarta Sans", system-ui, sans-serif;--fs-xs: clamp(.72rem, .69rem + .15vw, .8rem);--fs-sm: clamp(.82rem, .78rem + .2vw, .92rem);--fs-base: clamp(.94rem, .89rem + .28vw, 1.05rem);--fs-lg: clamp(1.08rem, .98rem + .5vw, 1.3rem);--fs-xl: clamp(1.35rem, 1.15rem + 1vw, 1.85rem);--fs-2xl: clamp(1.8rem, 1.4rem + 2vw, 2.75rem);--lh-tight: 1.2;--lh-body: 1.6;--sp-1: 6px;--sp-2: 10px;--sp-3: 14px;--sp-4: 20px;--sp-5: 28px;--sp-6: 40px;--sp-7: 64px;--radius: 12px;--radius-lg: 18px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 50% at 50% -10%,rgba(247,127,0,.16),transparent 70%),radial-gradient(40% 40% at 90% 110%,rgba(247,127,0,.1),transparent 70%);pointer-events:none;z-index:0}.centered{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:var(--sp-4)}.app{position:relative;z-index:1;min-height:100vh}.container{max-width:880px;margin:0 auto;padding:var(--sp-6) var(--sp-4)}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:#101014cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:2}.header__user{display:flex;align-items:center;gap:var(--sp-3)}.header__email{font-size:var(--fs-sm);color:var(--text-muted)}.logo-img{height:34px;width:auto;display:block}.logo-img--sm{height:26px}.card{width:min(360px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);box-shadow:var(--elevation),var(--glow-soft)}.card__sub{color:var(--text-muted);font-size:var(--fs-sm)}.input{width:100%;padding:12px 14px;font-family:var(--font);font-size:var(--fs-base);color:var(--text);background:var(--surface-hi);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-faint)}.input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #f77f002e}.btn{padding:10px 22px;align-self:flex-start;font-family:var(--font);font-size:var(--fs-sm);font-weight:700;color:#150d02;background:linear-gradient(180deg,var(--orange-hi),var(--orange));border:none;border-radius:var(--radius);cursor:pointer;transition:transform .08s,box-shadow .15s,filter .15s;box-shadow:var(--glow-orange)}.btn:hover{filter:brightness(1.05);box-shadow:0 0 0 1px #f77f0099,0 0 26px #f77f00b3,0 10px 40px -6px #f77f00a6}.btn:active{transform:translateY(1px)}.btn:disabled{filter:grayscale(.4) brightness(.8);cursor:default;box-shadow:none}.btn-ghost{padding:8px 13px;font-family:var(--font);font-size:var(--fs-sm);color:var(--text-muted);background:transparent;border:1px solid var(--border-hi);border-radius:9px;cursor:pointer;transition:color .15s,border-color .15s}.btn-ghost:hover{color:var(--text);border-color:var(--orange)}.card .btn{align-self:stretch;text-align:center;padding:12px 16px}.h1{font-size:var(--fs-2xl);font-weight:800;line-height:var(--lh-tight);letter-spacing:-.02em}.h2{font-size:var(--fs-xl);font-weight:700;line-height:var(--lh-tight)}.lead{font-size:var(--fs-lg);color:var(--text-muted)}.body{font-size:var(--fs-base);color:var(--text-muted)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint);font-size:var(--fs-xs)}.error{color:var(--danger);font-size:var(--fs-sm)}.accent{color:var(--orange)}.stack>*+*{margin-top:var(--sp-3)}.card{animation:rise .5s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4);box-shadow:var(--elevation)}.panel.warn{border-color:#6b4a1f;color:#e8b878;background:#1a1408}.field{display:flex;flex-direction:column;gap:var(--sp-1);flex:1}.field--sm{max-width:120px}.field__label{font-size:var(--fs-sm);color:var(--text-muted);font-weight:600}.row{display:flex;gap:var(--sp-4);flex-wrap:wrap;align-items:flex-end}.h3{font-size:var(--fs-lg);font-weight:700}.segmented{display:inline-flex;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:3px;gap:3px}.segmented__btn{padding:9px 16px;border:none;background:transparent;cursor:pointer;font-family:var(--font);font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);border-radius:9px;transition:background .15s,color .15s}.segmented__btn.is-active{background:var(--orange);color:#150d02;box-shadow:var(--glow-orange)}.metrics{display:flex;flex-wrap:wrap;gap:var(--sp-5)}.metric{display:flex;flex-direction:column}.metric__val{font-size:var(--fs-xl);font-weight:800;color:var(--text);line-height:1.1}.metric__label{font-size:var(--fs-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.serp-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border)}.serp-row:last-child{border-bottom:none}.serp-pos{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:7px;background:var(--bg-2);color:var(--orange);font-weight:700;font-size:var(--fs-sm)}.serp-title{flex:1;font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.serp-dr{font-size:var(--fs-xs);color:var(--text-faint);flex:none}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip{padding:5px 11px;border-radius:999px;background:var(--bg-2);border:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-muted)}.qlist{margin:0;padding-left:1.1em}.qlist li{font-size:var(--fs-base);color:var(--text-muted);margin:var(--sp-1) 0}.textarea{width:100%;padding:11px 13px;resize:vertical;min-height:52px;font-family:var(--font);font-size:var(--fs-base);color:var(--text);background:var(--surface-hi);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}.textarea::placeholder{color:var(--text-faint)}.textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #f77f002e}.score-badge{width:76px;height:76px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-xl);font-weight:800;color:#150d02}.score-good{background:var(--success);box-shadow:0 0 22px -2px #52b78899}.score-ok{background:var(--orange);box-shadow:var(--glow-orange)}.score-low{background:#d9534f;color:#fff;box-shadow:0 0 22px -2px #d9534f80}.bar{display:flex;align-items:center;gap:var(--sp-3)}.bar__label{font-size:var(--fs-sm);color:var(--text-muted);width:200px;flex:none}.bar__track{flex:1;height:8px;background:var(--bg-2);border-radius:999px;overflow:hidden}.bar__fill{display:block;height:100%;background:linear-gradient(90deg,var(--orange-deep),var(--orange-hi));border-radius:999px}.article-preview{background:#fff;color:#1a1a1a;border-radius:var(--radius);padding:var(--sp-5);font-size:16px;line-height:1.7;max-height:540px;overflow-y:auto}.article-preview h2{font-size:1.5em;margin:1.2em 0 .4em;color:#103e36}.article-preview h3{font-size:1.2em;margin:1em 0 .3em;color:#103e36}.article-preview p{margin:0 0 1em}.article-preview ul{margin:0 0 1em 1.2em}.article-preview table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.95em}.article-preview th,.article-preview td{border:1px solid #e0e0e0;padding:8px 10px;text-align:left}.article-preview th{background:#f5f5f5}.serp-words{font-size:var(--fs-xs);color:var(--text-muted);flex:none}.check-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s}.check-row:hover{border-color:var(--border-hi)}.check-row.is-on{border-color:var(--orange);background:#f77f000f}.check-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--orange);flex:none;cursor:pointer}.serp-meta{flex:1;min-width:0;display:flex;flex-direction:column}.serp-url{font-size:var(--fs-xs);color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.serp-link{flex:none;color:var(--text-muted);text-decoration:none;font-size:var(--fs-base);padding:2px 6px;border-radius:7px;transition:color .15s,background .15s}.serp-link:hover{color:var(--orange);background:var(--bg-2)}.check-row .serp-title{white-space:normal}.success-note{font-size:var(--fs-sm);color:var(--success);background:#52b78814;border:1px solid rgba(82,183,136,.3);border-radius:var(--radius);padding:var(--sp-3)}.generating{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-2) 0}.generating__msg{font-size:var(--fs-base);font-weight:600;color:var(--text)}.spinner{width:30px;height:30px;flex:none;border-radius:50%;border:3px solid rgba(247,127,0,.2);border-top-color:var(--orange);animation:spin .8s linear infinite;box-shadow:0 0 16px -2px #f77f0080}@keyframes spin{to{transform:rotate(360deg)}}.generating__msg{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.header__left{display:flex;align-items:center;gap:var(--sp-5)}.nav{display:flex;gap:var(--sp-1)}.nav__btn{padding:7px 13px;border:none;background:transparent;cursor:pointer;font-family:var(--font);font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);border-radius:9px;transition:color .15s,background .15s}.nav__btn:hover{color:var(--text)}.nav__btn.is-active{color:var(--orange);background:#f77f001a}.art-row{width:100%;display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;font-family:var(--font);transition:background .15s}.art-row:last-child{border-bottom:none}.art-row:hover{background:var(--surface-hi)}.art-row__main{flex:1;min-width:0;display:flex;flex-direction:column}.art-row__title{color:var(--text);font-size:var(--fs-base);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.art-row__kw{color:var(--text-faint);font-size:var(--fs-xs)}.art-score{color:var(--orange);font-weight:800;font-size:var(--fs-base);flex:none}.art-date{color:var(--text-faint);font-size:var(--fs-xs);flex:none;width:90px;text-align:right}.status{flex:none;font-size:var(--fs-xs);font-weight:600;padding:3px 9px;border-radius:999px;text-transform:capitalize}.status--analysed{background:#a0a0ad26;color:var(--text-muted)}.status--generated{background:#f77f0026;color:var(--orange)}.status--published{background:#52b78826;color:var(--success)}.textarea.code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--fs-sm);line-height:1.5}.divider{height:1px;background:var(--border);margin:var(--sp-2) 0}.link-note{align-self:flex-start;margin-top:var(--sp-1);padding:0;background:none;border:none;cursor:pointer;font-family:var(--font);font-size:var(--fs-sm);color:var(--orange);text-decoration:underline;text-underline-offset:2px}.link-note:hover{color:var(--orange-hi)}.input-action{display:flex;gap:var(--sp-3);align-items:stretch}.input-action .input{flex:1}.input-action .btn{align-self:stretch;white-space:nowrap}.field__hint{font-size:var(--fs-xs);color:var(--text-faint);margin-top:var(--sp-1)}.save-ok{display:inline-flex;align-items:center;gap:6px;background:#52b78826;color:var(--success);border:1px solid rgba(82,183,136,.35);padding:8px 14px;border-radius:10px;font-size:var(--fs-sm);font-weight:600;animation:saveok .2s ease-out}@keyframes saveok{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.done-banner{display:flex;align-items:flex-start;gap:var(--sp-3);background:#52b7881f;border:1px solid rgba(82,183,136,.4);border-radius:var(--radius);padding:var(--sp-4)}.done-banner__tick{flex:none;width:26px;height:26px;border-radius:999px;background:var(--success);color:#04130c;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px}.done-banner__title{color:var(--success);font-weight:700;font-size:var(--fs-base)}.field__labelrow{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.field__labelrow .link-note{margin-top:0}.field__action{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm)}.spinner--sm{width:13px;height:13px;border-width:2px}.warn-panel{border-color:#f77f0073;background:#f77f000f}.flag-row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-2) 0;border-top:1px solid var(--border)}.flag-row:first-of-type{border-top:none}.flag-val{font-weight:800;color:var(--orange);font-size:var(--fs-base)}.flag-btn{border-color:#f77f0080;color:var(--orange)}.flag-x{margin-left:auto;background:none;border:none;color:var(--text-faint);font-size:18px;cursor:pointer;line-height:1;padding:0 4px}.flag-x:hover{color:var(--text)}.publish-ok{display:flex;flex-direction:column;gap:var(--sp-4);background:#52b7881a;border:1px solid rgba(82,183,136,.4);border-radius:var(--radius);padding:var(--sp-4)}.publish-ok__head{display:flex;align-items:flex-start;gap:var(--sp-3)}.publish-ok__title{color:var(--success);font-weight:700;font-size:var(--fs-base);margin-bottom:2px}.publish-ok .btn{align-self:flex-start}