:root{--bg: #f4f5f2;--bg-2: #e8ebe6;--surface: #fbfdfb;--surface-hi: #eef1ec;--border: rgba(17,23,19,.12);--border-hi: rgba(17,23,19,.2);--header-bg: rgba(244,245,242,.82);--elevation: 0 1px 0 rgba(255,255,255,.7) inset, 0 16px 34px -22px rgba(17,23,19,.22);--orange: #1f9e68;--orange-hi: #2bb077;--orange-deep: #178453;--orange-rgb: 31,158,104;--pink: #aee5d8;--pink-rgb: 174,229,216;--mint: #7be0ad;--mint-rgb: 123,224,173;--aqua: #aee5d8;--aqua-rgb: 174,229,216;--silver: #e7e5e5;--blush: #e5d0e3;--mauve: #e0b0d5;--on-accent: #ffffff;--text: #111713;--text-muted: #56605a;--text-faint: #889089;--danger: #d24b43;--success: #2f9e74;--success-rgb: 47,158,116;--glow-orange: 0 6px 18px -6px rgba(var(--orange-rgb),.4);--glow-soft: 0 18px 50px -26px rgba(17,23,19,.22);--wash: radial-gradient(72% 55% at 50% -12%, rgba(var(--mint-rgb),.3), transparent 70%), radial-gradient(46% 46% at 92% 112%, rgba(var(--aqua-rgb),.22), transparent 70%);--font: "Hanken Grotesk", system-ui, sans-serif;--font-display: "Figtree", 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.18;--lh-body: 1.65;--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}[data-theme=dark]{--bg: #111713;--bg-2: #18201a;--surface: #1b241e;--surface-hi: #232e27;--border: rgba(244,245,242,.12);--border-hi: rgba(244,245,242,.22);--header-bg: rgba(17,23,19,.82);--elevation: 0 1px 0 rgba(255,255,255,.04) inset, 0 16px 34px -18px rgba(0,0,0,.7);--orange: #5fd49d;--orange-hi: #74dcab;--orange-deep: #45c389;--orange-rgb: 95,212,157;--pink: #aee5d8;--pink-rgb: 174,229,216;--mint: #7be0ad;--mint-rgb: 123,224,173;--aqua: #aee5d8;--aqua-rgb: 174,229,216;--silver: #e7e5e5;--blush: #e5d0e3;--mauve: #e0b0d5;--on-accent: #0c140f;--text: #f4f5f2;--text-muted: #aeb6b0;--text-faint: #7e8782;--danger: #ff6f6f;--success: #5cc79c;--success-rgb: 92,199,156;--glow-orange: 0 6px 20px -6px rgba(var(--orange-rgb),.45);--glow-soft: 0 18px 50px -22px rgba(0,0,0,.7);--wash: radial-gradient(72% 55% at 50% -12%, rgba(var(--mint-rgb),.14), transparent 70%), radial-gradient(46% 46% at 92% 112%, rgba(var(--aqua-rgb),.08), transparent 70%)}*{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);letter-spacing:.005em;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--wash);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:var(--header-bg);-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 rgba(var(--orange-rgb),.18)}.btn{padding:10px 22px;align-self:flex-start;font-family:var(--font);font-size:var(--fs-sm);font-weight:600;color:var(--on-accent);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.03);box-shadow:0 8px 22px -6px rgba(var(--orange-rgb),.55)}.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-family:var(--font-display);font-size:var(--fs-2xl);font-weight:540;line-height:var(--lh-tight);letter-spacing:-.01em}.h2{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:540;line-height:1.22;letter-spacing:-.005em}.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-4)}.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:rgba(var(--orange-rgb),.4);color:var(--text);background:rgba(var(--orange-rgb),.07)}.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-family:var(--font-display);font-size:var(--fs-lg);font-weight:560;letter-spacing:-.005em}.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:var(--on-accent);box-shadow:var(--glow-orange)}.metrics{display:flex;flex-wrap:wrap;gap:var(--sp-4) var(--sp-6);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border)}.metric{display:flex;flex-direction:column;gap:2px}.metric__val{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;color:var(--text);line-height:1.15}.metric__label{font-size:var(--fs-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.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 rgba(var(--orange-rgb),.18)}.score-badge{width:76px;height:76px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-xl);font-weight:700;color:var(--on-accent)}.score-good{background:var(--success);box-shadow:0 0 22px -2px rgba(var(--success-rgb),.6)}.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:rgba(var(--orange-rgb),.06)}.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:rgba(var(--success-rgb),.08);border:1px solid rgba(var(--success-rgb),.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(var(--orange-rgb),.2);border-top-color:var(--orange);animation:spin .8s linear infinite;box-shadow:0 0 16px -2px rgba(var(--orange-rgb),.5)}@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:rgba(var(--orange-rgb),.1)}.art-row{display:flex;align-items:center;border-bottom:1px solid var(--border);transition:background .15s}.art-row:last-child{border-bottom:none}.art-row:hover{background:var(--surface-hi)}.art-row__open{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--font)}.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-del{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-right:var(--sp-3);background:transparent;border:none;border-radius:9px;color:var(--text-faint);cursor:pointer;transition:color .15s,background .15s}.art-del:hover{color:#ff6b6b;background:#ff6b6b1a}.art-confirm{display:flex;align-items:center;gap:var(--sp-2);margin-right:var(--sp-3)}.art-del-yes{background:#e03131;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-family:var(--font);font-size:var(--fs-sm);font-weight:600;cursor:pointer}.art-del-yes:hover{background:#c92a2a}.art-del-no{background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-family:var(--font);font-size:var(--fs-sm);cursor:pointer}.art-del-no:hover{color:var(--text)}.danger-zone{border-color:#e0313159}.btn-danger{background:#e03131;color:#fff;border:none;border-radius:var(--radius);padding:10px 18px;font-family:var(--font);font-size:var(--fs-base);font-weight:700;cursor:pointer;transition:background .15s}.btn-danger:hover{background:#c92a2a}.btn-danger:disabled{opacity:.6;cursor:default}.art-score{color:var(--orange);font-weight:700;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:rgba(var(--orange-rgb),.15);color:var(--orange)}.status--published{background:rgba(var(--success-rgb),.15);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:rgba(var(--success-rgb),.15);color:var(--success);border:1px solid rgba(var(--success-rgb),.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:rgba(var(--success-rgb),.12);border:1px solid rgba(var(--success-rgb),.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:700;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:rgba(var(--orange-rgb),.45);background:rgba(var(--orange-rgb),.06)}.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:700;color:var(--orange);font-size:var(--fs-base)}.flag-btn{border-color:rgba(var(--orange-rgb),.5);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:rgba(var(--success-rgb),.1);border:1px solid rgba(var(--success-rgb),.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}.hero-preview{width:100%;border-radius:var(--radius);border:1px solid var(--border);display:block}.article-preview figure{margin:0 0 var(--sp-4)}.article-preview img{max-width:100%;height:auto;border-radius:8px}.theme-toggle{flex:none;width:36px;height:36px;display:grid;place-items:center;background:transparent;border:1px solid var(--border-hi);border-radius:10px;color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s,transform .15s}.theme-toggle:hover{color:var(--orange);border-color:var(--orange);background:rgba(var(--orange-rgb),.07)}.theme-toggle:active{transform:scale(.94)}.card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}