:root{--bg:#f6f7f9;--card:#ffffff;--border:#e4e6eb;--text:#16181d;--text-soft:#5c6270;--accent:#4f46e5;--accent-soft:#eef2ff;--accent-hover:#4338ca;--danger:#dc2626;--danger-soft:#fef2f2;--ok:#16a34a;--ok-soft:#f0fdf4;--warn:#d97706;--warn-soft:#fffbeb;--radius:12px;--shadow:0 1px 2px rgba(16,24,40,0.06),0 1px 3px rgba(16,24,40,0.08)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1{font-size:1.55rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}h2{font-size:1.2rem;font-weight:650;letter-spacing:-.01em;margin:0 0 .75rem}h3{font-size:1rem;font-weight:600;margin:0 0 .5rem}p{margin:.4rem 0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px}.container,.container-narrow{margin:0 auto;padding:1.5rem 1.25rem 4rem}.container-narrow{max-width:720px}.topbar{background:var(--card);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar-inner{max-width:1100px;margin:0 auto;padding:.7rem 1.25rem;display:flex;align-items:center;gap:1rem;justify-content:space-between}.brand{font-weight:750;letter-spacing:-.02em;color:var(--text);font-size:1.02rem}.brand:hover{text-decoration:none}.brand .dot{color:var(--accent)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.4rem;margin-bottom:1rem}.card.tight{padding:.9rem 1rem}.muted{color:var(--text-soft)}.small{font-size:.85rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.btn{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--text);padding:.5rem .95rem;font-size:.92rem;font-weight:550;cursor:pointer;transition:all .12s ease}.btn,.btn:hover{text-decoration:none}.btn:hover{background:#f2f3f6}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{color:var(--danger);border-color:#f3c6c6;background:var(--card)}.btn-danger:hover{background:var(--danger-soft)}.btn-sm{padding:.32rem .7rem;font-size:.85rem}input[type=number],input[type=password],input[type=text],select,textarea{width:100%;border:1px solid var(--border);border-radius:9px;padding:.55rem .75rem;font-size:.95rem;font-family:inherit;background:var(--card);color:var(--text);outline:none;transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[type=file]{border:1.5px dashed var(--border);border-radius:9px;padding:.7rem .8rem;background:#fbfbfc;width:100%;font-size:.88rem;color:var(--text-soft);cursor:pointer}input[type=file]:hover{border-color:var(--accent)}input[type=file]::-webkit-file-upload-button{border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#fff;font-weight:600;padding:.4rem .85rem;margin-right:.8rem;cursor:pointer;font-size:.85rem}input[type=file]::file-selector-button{border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#fff;font-weight:600;padding:.4rem .85rem;margin-right:.8rem;cursor:pointer;font-size:.85rem}label{display:block;font-weight:600;font-size:.88rem;margin:.9rem 0 .3rem}.field-hint{font-size:.8rem;color:var(--text-soft);margin-top:.2rem}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1.25rem;flex-wrap:wrap}.tab{padding:.55rem .9rem;background:none;cursor:pointer;font-size:.93rem;font-weight:570;color:var(--text-soft);border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}table.data{width:100%;border-collapse:collapse;font-size:.92rem}table.data th{text-align:left;font-weight:600;color:var(--text-soft);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;padding:.5rem .75rem}table.data td,table.data th{border-bottom:1px solid var(--border)}table.data td{padding:.6rem .75rem;vertical-align:top}table.data tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:.13rem .55rem;border-radius:999px;font-size:.76rem;font-weight:650;letter-spacing:.01em}.badge.draft{background:#f1f2f5;color:var(--text-soft)}.badge.active{background:var(--ok-soft);color:var(--ok)}.badge.closed{background:var(--warn-soft);color:var(--warn)}.badge.revoked{background:var(--danger-soft);color:var(--danger)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.alert{border-radius:9px;padding:.7rem .95rem;font-size:.9rem;margin:.75rem 0}.alert.error{background:var(--danger-soft);color:var(--danger);border:1px solid #f3c6c6}.alert.ok{background:var(--ok-soft);color:#14532d;border:1px solid #bbe7c8}.alert.info{background:var(--accent-soft);color:#3730a3;border:1px solid #dfe3ff}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.row{gap:.6rem}.row,.spread{display:flex;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between;gap:1rem}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:.9rem;gap:.9rem}.asset-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--card)}.asset-thumb{height:130px;background:#fafafa;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--border)}.asset-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}.asset-meta{padding:.55rem .7rem;font-size:.82rem}.rating-row{display:flex;gap:.5rem;margin:.5rem 0}.rating-btn{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--border);background:var(--card);font-size:1rem;font-weight:650;cursor:pointer;transition:all .1s ease}.rating-btn:hover{border-color:var(--accent);color:var(--accent)}.rating-btn.selected{background:var(--accent);border-color:var(--accent);color:#fff}.choice-item{display:flex;align-items:center;gap:.6rem;border:1.5px solid var(--border);border-radius:9px;padding:.6rem .85rem;margin:.4rem 0;cursor:pointer;transition:all .1s ease;font-size:.95rem;background:var(--card)}.choice-item.selected,.choice-item:hover{border-color:var(--accent)}.choice-item.selected{background:var(--accent-soft)}.steps{gap:.4rem;margin-bottom:1.25rem;font-size:.85rem;color:var(--text-soft);flex-wrap:wrap}.step,.steps{display:flex;align-items:center}.step{gap:.35rem}.step-num{width:22px;height:22px;border-radius:50%;background:#e8eaef;color:var(--text-soft);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.step.active{color:var(--text);font-weight:600}.step.active .step-num{background:var(--accent);color:#fff}.step.done .step-num{background:var(--ok);color:#fff}.step-sep{color:#c9cdd6}.consent-box{background:#fafbfc;border:1px solid var(--border);border-radius:9px;padding:1rem 1.1rem;max-height:320px;overflow-y:auto;font-size:.88rem;white-space:pre-wrap}.consent-check{display:flex;gap:.65rem;align-items:flex-start;margin:1rem 0;padding:.85rem 1rem;border:1.5px solid var(--accent);border-radius:9px;background:var(--accent-soft)}.consent-check input{width:18px;height:18px;margin-top:2px}.viewer-frame{width:100%;height:70vh;background:#fff}.viewer-frame,.viewer-img{border:1px solid var(--border);border-radius:10px}.viewer-img{max-width:100%;display:block}.bar{height:8px;background:#eef0f4;overflow:hidden}.bar,.bar>span{border-radius:999px}.bar>span{display:block;height:100%;background:var(--accent)}.empty{text-align:center;padding:2.5rem 1rem;color:var(--text-soft);border:1.5px dashed var(--border);border-radius:var(--radius);background:#fbfbfc}.q-editor{border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem;margin-bottom:.8rem;background:#fcfcfd}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:.9rem;gap:.9rem;margin-top:1rem}.template-card{display:flex;flex-direction:column;gap:.35rem;text-align:left;background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;cursor:pointer;transition:all .12s ease;font-family:inherit;font-size:inherit;color:inherit}.template-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.template-card h3{margin:.25rem 0 0}.template-card.blank{border-style:dashed;background:#fbfbfc}.tag-chip{display:inline-block;padding:.18rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;cursor:pointer;background:#f1f2f5;color:var(--text-soft);border:1px solid transparent;font-family:inherit}.tag-chip:hover{border-color:var(--accent);color:var(--accent)}.tag-chip.active{background:var(--accent);color:#fff}.tag-chip.static{cursor:default}.tag-chip.static:hover{border-color:transparent;color:var(--text-soft)}.asset-pick{border:2px solid var(--border);border-radius:10px;padding:2px;background:var(--card);cursor:pointer;line-height:0}.asset-pick img{height:72px;border-radius:7px}.asset-pick.selected{border-color:var(--accent)}.own-entry{border-color:var(--accent)!important;background:var(--accent-soft)!important}.variant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:.9rem;gap:.9rem}.variant-card{display:flex;flex-direction:column;gap:.5rem;text-align:left;background:var(--card);border:2px solid var(--border);border-radius:var(--radius);padding:1rem;cursor:pointer;transition:all .12s ease;font-family:inherit;font-size:inherit;color:inherit}.variant-card.selected,.variant-card:hover{border-color:var(--accent)}.variant-card.selected{background:var(--accent-soft)}.variant-card img{max-width:100%;border-radius:8px;border:1px solid var(--border)}.variant-quote{font-size:1rem;line-height:1.55;white-space:pre-wrap}.variant-frame{width:100%;height:300px;border:1px solid var(--border);border-radius:8px;background:#fff}.winrate-frame{width:90px;height:60px;border:1px solid var(--border);border-radius:6px;background:#fff;pointer-events:none;flex:none}.exposure-countdown{font-size:.9rem;font-weight:700;color:var(--accent);text-align:center;margin-bottom:.5rem}.click-stage{position:relative;display:inline-block;max-width:100%}.click-stage img{max-width:100%;display:block;border:1px solid var(--border);border-radius:10px}.click-dot{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 1px 6px rgba(0,0,0,.35);transform:translate(-50%,-50%);pointer-events:none}.click-dot.result{width:12px;height:12px;border-width:2px;opacity:.85}.serp-box{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.4rem}.serp-searchbar{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:999px;padding:.5rem 1rem;margin-bottom:1.1rem;color:var(--text);font-size:.95rem;background:#fff;box-shadow:0 1px 4px rgba(20,24,40,.08);max-width:560px}.serp-entry{display:block;width:100%;text-align:left;padding:.7rem .8rem;border:2px solid transparent;border-radius:10px;cursor:pointer;background:none;font-family:inherit;margin-bottom:.35rem}.serp-entry:hover{background:#f7f8fa}.serp-entry.selected{border-color:var(--accent);background:var(--accent-soft)}.serp-ad-badge{font-size:.72rem;font-weight:700;color:var(--text);margin-right:.4rem;border:1px solid var(--text-soft);border-radius:3px;padding:0 .25rem}.serp-url{color:#1a7f37;font-size:.82rem}.serp-title{color:#1a0dab;font-size:1.08rem;margin:.1rem 0;font-weight:450}.serp-desc{color:#4d5156;font-size:.88rem;line-height:1.45}.serp-note{text-align:center;margin-top:.75rem}.winrate-thumb{height:44px;border-radius:6px;border:1px solid var(--border)}.record-bar{position:-webkit-sticky;position:sticky;top:56px;z-index:15;display:flex;align-items:center;gap:.6rem;background:#fff5f5;border:1px solid #f3c6c6;border-radius:10px;padding:.6rem 1rem;margin-bottom:.9rem;font-size:.95rem}.record-bar .rec-dot{animation:recblink 1.4s ease-in-out infinite}@keyframes recblink{0%,to{opacity:1}50%{opacity:.35}}.guided-split{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:1rem;gap:1rem;align-items:start}.guided-view{position:-webkit-sticky;position:sticky;top:116px}.url-task{padding:1rem;border:1.5px dashed var(--border);border-radius:10px;background:#fbfbfc}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:.6rem;gap:.6rem}.compare-item{margin:0}.compare-item img{width:100%;border:1px solid var(--border);border-radius:8px}.compare-item figcaption{font-size:.8rem;font-weight:600;color:var(--text-soft);margin-top:.2rem}@media (max-width:860px){.guided-split{grid-template-columns:1fr}.guided-view{position:static}.record-bar{top:0}}@media (max-width:720px){.grid2{grid-template-columns:1fr}.rating-btn{width:40px;height:40px}.template-grid,.variant-grid{grid-template-columns:1fr}}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--bg)}.auth-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(2.6rem,7vh,4.6rem) clamp(2.2rem,4vw,3.6rem) clamp(2.2rem,4vw,3.6rem);color:#eaf1ff;background:radial-gradient(130% 90% at 12% 8%,#24386820 0,transparent 55%),radial-gradient(90% 80% at 92% 96%,#2f6df633 0,transparent 52%),linear-gradient(158deg,#17244180,#0f1a3300 60%),linear-gradient(158deg,#172441,#0e1730 62%,#0f1c3c)}.auth-brand:before{inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1.1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(160deg,#000 20%,transparent 85%);mask-image:linear-gradient(160deg,#000 20%,transparent 85%)}.auth-brand:after,.auth-brand:before{content:"";position:absolute;pointer-events:none}.auth-brand:after{width:460px;height:460px;border-radius:50%;right:-140px;top:-120px;background:radial-gradient(circle,rgba(59,130,246,.28) 0,transparent 68%);filter:blur(8px);animation:authGlow 9s ease-in-out infinite alternate}@keyframes authGlow{0%{transform:translate(0) scale(1);opacity:.85}to{transform:translate(-26px,30px) scale(1.12);opacity:1}}.auth-brand-inner{position:relative;z-index:1;max-width:30rem}.auth-brand-logo{height:clamp(52px,6vw,74px);display:block;margin-bottom:1.9rem}.auth-claim{font-size:clamp(1.7rem,2.5vw,2.35rem);font-weight:700;letter-spacing:-.025em;line-height:1.12;margin:0 0 .9rem;color:#fff}.auth-claim em{color:#7cb0ff;font-style:normal}.auth-sub{font-size:1.02rem;line-height:1.6;color:#b9c6e4;margin:0 0 2rem;max-width:26rem}.auth-points{list-style:none;margin:0;padding:0;display:grid;grid-gap:.75rem;gap:.75rem}.auth-points li{display:flex;align-items:center;gap:.7rem;font-size:.98rem;color:#d7e1f6}.auth-check{flex:none;width:22px;height:22px;border-radius:50%;background:rgba(124,176,255,.16);border:1px solid rgba(124,176,255,.4);color:#9cc0ff;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800}.auth-brand-foot{position:relative;z-index:1;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:#7f8fb5;margin:auto 0 0}.auth-form-col{display:flex;align-items:flex-start;justify-content:center;padding:clamp(2.6rem,7vh,4.6rem) clamp(1.5rem,4vw,3rem) clamp(1.5rem,4vw,3rem)}.auth-card{width:100%;max-width:396px}.auth-card>*{animation:authIn .55s cubic-bezier(.2,.7,.2,1) backwards}.auth-card>:nth-child(2){animation-delay:.06s}.auth-card>:nth-child(3){animation-delay:.12s}.auth-card>:nth-child(4){animation-delay:.18s}@keyframes authIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-logo-sm{display:none;height:46px;margin:0 0 1.5rem}.auth-title{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .4rem}.auth-lead{color:var(--text-soft);font-size:.98rem;margin:0 0 1.8rem}.auth-form label{display:block;font-weight:600;font-size:.9rem;color:var(--text);margin:1.15rem 0 .4rem}.auth-form label:first-of-type{margin-top:0}.auth-form input{width:100%;border:1.5px solid var(--border);border-radius:11px;padding:.78rem .95rem;font-size:1rem;font-family:inherit;background:#fff;color:var(--text);outline:none;transition:border-color .14s ease,box-shadow .14s ease}.auth-form input::placeholder{color:#aeb4c0}.auth-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3.5px rgba(59,130,246,.16)}.auth-hint{font-size:.82rem;color:var(--text-soft);margin:.4rem 0 0}.auth-btn{width:100%;margin-top:1.7rem;padding:.82rem 1rem;border-radius:12px;border:none;background:linear-gradient(180deg,#3f8bf8,#2f6df6);color:#fff;font-size:1rem;font-weight:650;letter-spacing:.01em;cursor:pointer;box-shadow:0 10px 22px rgba(47,109,246,.26);transition:transform .13s ease,box-shadow .13s ease,filter .13s ease}.auth-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px rgba(47,109,246,.34);filter:saturate(1.06)}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.auth-alt{margin-top:1.6rem;font-size:.92rem;color:var(--text-soft);text-align:center}.auth-alt a{color:#2f6df6;font-weight:600}@media (max-width:820px){.auth-wrap{grid-template-columns:1fr}.auth-brand{display:none}.auth-form-col{min-height:100vh;align-items:flex-start;padding-top:12vh}.auth-logo-sm{display:block}}