:root{--bg:#091018;--surface:rgba(15, 24, 36, 0.96);--surface-2:rgba(20, 31, 45, 0.96);--line:rgba(255, 255, 255, 0.08);--line-strong:rgba(255, 255, 255, 0.15);--text:#eef4fb;--muted:#a2aec2;--muted-strong:#c8d3e2;--brand:#d18b4d;--brand-2:#f1c48c;--accent:#5aa39a;--success:#63c497;--danger:#f17c7f;--shadow:0 30px 70px rgba(0, 0, 0, 0.34);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:16px/1.58 Aptos,'Segoe UI','Helvetica Neue',Arial,sans-serif;background:radial-gradient(circle at top left,rgba(209,139,77,.16),transparent 26%),radial-gradient(circle at top right,rgba(90,163,154,.12),transparent 24%),linear-gradient(180deg,#091018 0,#0a131d 46%,#070d13 100%)}.wrap{width:min(1180px,calc(100% - 28px));margin:18px auto 34px;display:grid;gap:18px}.card,.hero,.heroLink,.rule,.templateBtn{border:1px solid var(--line);box-shadow:var(--shadow)}.card,.hero{overflow:hidden;border-radius:30px;background:radial-gradient(circle at top right,rgba(209,139,77,.14),transparent 28%),linear-gradient(135deg,rgba(18,27,39,.98),rgba(11,17,26,.98))}.hero{padding:26px}.dynamicGrid,.grid,.heroNav,.heroTop,.subgrid,.templateGrid{display:grid;gap:14px}.heroTop{grid-template-columns:minmax(0,1.2fr) minmax(260px,0.8fr);align-items:start}.eyebrow{display:inline-flex;width:fit-content;margin:0;color:var(--brand-2);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3{margin:0;line-height:1.05;letter-spacing:-.03em}h1{margin-top:12px;font-size:clamp(34px, 7vw, 58px)}h2{font-size:28px}h3{font-size:18px}.foot,.igHint,.miniHint,.mutedText,.status,.sub{color:var(--muted)}.sub{max-width:720px;margin:10px 0 0;font-size:16px}.heroAuth{display:grid;gap:10px;padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.03)}.authField{margin:0}.authFieldStatic strong{color:var(--text);font-size:16px}.authFieldStatic small{color:var(--muted);line-height:1.5}.heroNav{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.heroLink{display:block;padding:16px;border-radius:22px;text-decoration:none;background:rgba(255,255,255,.03);transition:transform .14s,border-color .18s,background .18s}.heroLink:hover,.templateBtn:hover,button:hover{transform:translateY(-1px)}.heroLink:hover,.templateBtn:hover{border-color:rgba(241,196,140,.3);background:rgba(255,255,255,.05)}.heroLink strong{display:block;margin-bottom:8px}.heroLink span{color:var(--muted);font-size:14px}.card{padding:22px}.keywordsPlanWorkspace{position:relative;display:grid;gap:18px}.keywordsPlanWorkspaceContent{display:grid;gap:18px;transition:filter .22s,opacity .22s,transform .22s}.keywordsPlanWorkspace.is-locked .keywordsPlanWorkspaceContent{filter:blur(12px);opacity:.08;transform:scale(.992);pointer-events:none;user-select:none}.keywordsPlanOverlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;min-height:clamp(440px,68vh,720px);padding:clamp(28px,5vw,72px);overflow:hidden;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);background:linear-gradient(180deg,rgba(5,10,15,.94),rgba(3,8,12,.98)),radial-gradient(circle at top left,rgba(210,142,82,.08),transparent 28%);isolation:isolate}.keywordsPlanOverlay[hidden]{display:none}.keywordsPlanOverlay::after,.keywordsPlanOverlay::before{content:'';position:absolute;inset:-8%;pointer-events:none}.keywordsPlanOverlay::before{background:linear-gradient(90deg,transparent 0,rgba(26,38,50,.34) 18%,transparent 34%),radial-gradient(circle at 82% 28%,rgba(148,194,190,.18),transparent 12%),radial-gradient(circle at 84% 86%,rgba(255,255,255,.12),transparent 13%),radial-gradient(circle at 28% 48%,rgba(86,113,134,.18),transparent 14%);filter:blur(34px);opacity:.9;z-index:-2}.keywordsPlanOverlay::after{background:radial-gradient(34% 11% at 80% 30%,rgba(255,255,255,.08),transparent 60%),radial-gradient(26% 11% at 82% 90%,rgba(189,210,221,.08),transparent 60%),radial-gradient(30% 11% at 30% 54%,rgba(82,112,134,.08),transparent 60%);filter:blur(18px);opacity:.95;z-index:-1}.keywordsPlanGateCard{display:grid;gap:16px;width:min(620px,100%);padding:clamp(26px,4vw,34px);border:1px solid rgba(255,255,255,.1);border-radius:30px;background:linear-gradient(180deg,rgba(12,18,27,.96),rgba(8,13,21,.92));box-shadow:0 30px 80px rgba(0,0,0,.38);backdrop-filter:blur(12px)}.keywordsPlanGateChip{display:inline-flex;align-items:center;width:fit-content;padding:10px 16px;border:1px solid rgba(209,108,120,.42);border-radius:999px;background:rgba(121,41,52,.32);color:#ffd9de;font-size:13px;font-weight:800}.keywordsPlanGateCard h2{margin:0;max-width:12ch;font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px, 4.9vw, 56px);line-height:1.1;letter-spacing:-.03em}.keywordsPlanGateCard p{margin:0;max-width:28ch;color:var(--muted-strong);font-size:17px;line-height:1.7}.keywordsPlanGateActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.keywordsPlanGateButton{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:14px 22px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.07);color:var(--text);font-size:15px;font-weight:700;text-decoration:none}.keywordsPlanGateButton.ghost{background:rgba(255,255,255,.04)}.cardHead{display:grid;gap:8px;margin-bottom:16px}.mutedText{margin:0;font-size:14px}.templateGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.templateBtn{display:grid;gap:8px;padding:16px;border-radius:22px;background:rgba(255,255,255,.03);color:var(--text);text-align:left;cursor:pointer;transition:transform .14s,border-color .18s,background .18s}.templateBtn strong{font-size:17px}.templateBtn span{color:var(--muted);font-size:14px}.igBox{display:grid;gap:8px;padding:16px;margin-bottom:16px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.03)}.igLabel{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.actions,.dynamicItemHead,.igRow,.miniActions,.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.igSelect{flex:1 1 260px}.igBtn{flex:0 0 auto}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px 15px;background:rgba(7,12,18,.72);color:var(--text);outline:0;transition:border-color .18s,box-shadow .18s,background .18s}input::placeholder,textarea::placeholder{color:#7e8ca2}textarea{min-height:120px;resize:vertical}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted-strong) 50%),linear-gradient(135deg,var(--muted-strong) 50%,transparent 50%);background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:40px}input:focus,select:focus,textarea:focus{border-color:rgba(241,196,140,.36);box-shadow:0 0 0 4px rgba(209,139,77,.12);background:rgba(10,16,24,.96)}label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:13px;font-weight:700}.grid{grid-template-columns:1fr 220px}.span2{grid-column:1/-1}.inline{flex-direction:row;align-items:center;gap:10px;color:var(--text);font-size:14px}.inline input{width:auto;accent-color:var(--brand)}.hidden{display:none!important}.dynamicItem,.modeBox,.rule{border-radius:20px;background:rgba(255,255,255,.03)}.modeBox{padding:16px;border:1px solid var(--line)}.modeTitle{margin-bottom:12px;color:var(--text);font-size:16px;font-weight:800}.subgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.subgrid .span2{grid-column:span 2}.miniHint{margin-top:8px;font-size:13px}.actions{margin-top:16px}.actions button{min-width:190px}button{min-height:50px;padding:12px 18px;border:1px solid rgba(241,196,140,.24);border-radius:16px;background:linear-gradient(180deg,rgba(241,196,140,.24),rgba(209,139,77,.18)),linear-gradient(135deg,rgba(16,24,35,.98),rgba(9,15,23,.98));color:#fff7eb;font-weight:800;cursor:pointer;transition:transform .14s,border-color .18s,box-shadow .18s,opacity .18s}button.primary{border-color:rgba(241,196,140,.28)}button.ghost{background:0 0;border-color:var(--line);color:var(--text);box-shadow:none}button.secondaryBtn{background:linear-gradient(180deg,rgba(90,163,154,.28),rgba(90,163,154,.18)),linear-gradient(135deg,rgba(14,24,29,.98),rgba(8,16,19,.98));border-color:rgba(90,163,154,.26)}button.danger{background:linear-gradient(180deg,rgba(241,124,127,.2),rgba(241,124,127,.14)),rgba(28,12,15,.96);border-color:rgba(241,124,127,.24);color:#ffe6e7}button:disabled{opacity:.55;cursor:not-allowed}.status{font-size:13px;font-weight:700}.status.err{color:var(--danger)}.statsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.statCard{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at top right,rgba(209,139,77,.1),transparent 36%),rgba(255,255,255,.03)}.statHint,.statLabel{color:var(--muted)}.statLabel{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.statValue{color:var(--text);font-size:clamp(26px, 4vw, 38px);line-height:1;letter-spacing:-.04em}.statValueSmall{font-size:clamp(18px, 2.4vw, 24px);line-height:1.2}.statHint{font-size:13px;line-height:1.5}.rules{display:grid;gap:12px}.rule{display:flex;justify-content:space-between;gap:16px;padding:16px}.rule .left{flex:1;min-width:0}.rule .right{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.rule .title{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.rule strong{font-size:17px}.badge,.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--line);font-size:11px;font-weight:700}.badge{color:var(--muted);background:rgba(255,255,255,.04)}.pill.ok{color:#dbf6e6;border-color:rgba(99,196,151,.28);background:rgba(99,196,151,.12)}.pill.off{color:#ffe2bb;border-color:rgba(241,196,140,.24);background:rgba(241,196,140,.1)}.dm{margin-top:10px;color:var(--muted-strong);font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.ruleMetrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.metricPill{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.04);color:var(--muted-strong);font-size:12px;font-weight:700}.empty{padding:18px;border:1px dashed var(--line);border-radius:18px;text-align:center;color:var(--muted);background:rgba(255,255,255,.02)}.foot{font-size:13px}code{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.03);color:var(--muted-strong)}.compactRow{justify-content:space-between;margin-bottom:10px}.aiBriefsBox,.dynamicList{display:grid;gap:10px}.flowGuideGrid,.previewMetaGrid{display:grid;gap:12px}.previewMetaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.flowGuideGrid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.flowGuideItem{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}.flowGuideItem p{margin:0;color:var(--muted-strong);font-size:13px;line-height:1.55}.flowGuideLabel{color:var(--brand-2);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.briefChoiceList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.briefChoice{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}.briefChoice input{width:auto;margin-top:3px;accent-color:var(--brand)}.briefChoiceText{display:grid;gap:5px}.briefChoiceText strong{color:var(--text);font-size:14px}.briefChoiceText small{color:var(--muted);font-size:12px;line-height:1.5}.dynamicItem{padding:12px;border:1px solid var(--line)}.dynamicItemTitle{font-size:13px;font-weight:800}.dynamicGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.smallBtn{min-height:40px;padding:8px 12px;font-size:13px}.inlineStatus{display:inline-flex;align-items:center;min-height:40px}textarea[readonly]{opacity:.92}@media (max-width:980px){.heroNav,.heroTop,.statsGrid,.templateGrid{grid-template-columns:1fr}}@media (max-width:760px){.wrap{width:calc(100% - 16px);margin:12px auto 26px}.card,.hero{padding:16px;border-radius:22px}.briefChoiceList,.dynamicGrid,.flowGuideGrid,.grid,.previewMetaGrid,.subgrid{grid-template-columns:1fr}.subgrid .span2{grid-column:span 1}.actions,.igRow,.miniActions,.row{flex-direction:column;align-items:stretch}.actions button,.miniActions button,.rule .right button{width:100%}.keywordsPlanOverlay{min-height:360px;padding:18px;border-radius:24px}.keywordsPlanGateCard{padding:22px 18px;border-radius:24px}.keywordsPlanGateCard p{max-width:none}.rule{flex-direction:column}}@media (max-width:480px){h1{font-size:clamp(30px, 13vw, 42px)}h2{font-size:24px}.card,.hero{padding:14px}}