.hook-page{--hook-border:#27304a;color:#f4f6ff;background-color:#070a11;background-image:linear-gradient(#4c6aab0b 1px,#0000 1px),linear-gradient(90deg,#4c6aab0b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;overflow:hidden}.hook-glow{pointer-events:none;filter:blur(12px);border-radius:50%;position:absolute}.hook-glow-one{background:radial-gradient(circle,#436fed38,#0000 68%);width:650px;height:560px;top:-260px;left:8%}.hook-glow-two{background:radial-gradient(circle,#44ced81c,#0000 68%);width:580px;height:580px;top:240px;right:-260px}.hook-header,.hook-hero,.hook-summary,.hook-workspace,.hook-examples,.hook-activity,.hook-privacy,.hook-footer{width:min(1180px,100% - 48px);margin-inline:auto;position:relative}.hook-header{border-bottom-color:var(--hook-border)}.hook-brand img{width:132px}.hook-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:50px;padding:72px 0 36px;display:grid}.hook-hero-copy>span,.hook-composer header span,.hook-library header span,.hook-examples header>span,.hook-activity header small{color:#7b9eff;font-size:var(--font-size-meta);letter-spacing:.18em;font-weight:800}.hook-hero h1{letter-spacing:-.064em;margin:14px 0 17px;font-size:clamp(48px,6.2vw,78px);line-height:.98}.hook-hero h1 em{color:#7fa5ff;font-style:normal}.hook-hero p{color:#8e97aa;max-width:680px;margin:0;font-size:13px;line-height:1.75}.hook-signal{background:#0c111de0;border:1px solid #2d3c61;border-radius:17px;grid-template-columns:1fr 34px 1fr;align-items:center;gap:8px;width:280px;padding:18px;display:grid}.hook-signal span{color:#aab9df;font-size:var(--font-size-meta);letter-spacing:.12em;place-items:center;gap:7px;font-weight:800;display:grid}.hook-signal svg{color:#82a5ff;width:26px;height:26px}.hook-signal i{background:linear-gradient(90deg,#486cc2,#5ad4d5);height:1px}.hook-signal strong{color:#57d6b4;font-size:var(--font-size-meta);text-align:center;letter-spacing:.14em;border-top:1px solid #252e45;grid-column:1/-1;margin-top:6px;padding-top:12px}.hook-summary{border:1px solid var(--hook-border);background:#0b0e17e8;border-radius:16px;grid-template-columns:repeat(3,135px) minmax(0,1fr);display:grid}.hook-summary>div{border-right:1px solid #222a3d;gap:7px;padding:16px 18px;display:grid}.hook-summary span{color:#717d94;font-size:var(--font-size-meta)}.hook-summary strong{font-size:22px}.hook-summary strong small{color:#5d6880;font-size:var(--font-size-meta)}.hook-summary p{color:#9cabc9;min-width:0;font-size:var(--font-size-meta);align-items:center;gap:9px;margin:0;padding:16px 18px;display:flex}.hook-summary p svg{color:#58d3ad;flex:none}.hook-workspace{grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:14px;margin-top:14px;display:grid}.hook-composer,.hook-library,.hook-examples,.hook-activity,.hook-privacy{border:1px solid var(--hook-border);background:#0b0e17ed;border-radius:18px}.hook-composer,.hook-library{padding:22px}.hook-composer header,.hook-library>header,.hook-examples>header,.hook-activity>header{justify-content:space-between;align-items:center;display:flex}.hook-composer h2,.hook-library h2,.hook-examples h2,.hook-activity h2{margin:5px 0 0;font-size:20px}.hook-composer header>strong,.hook-library>header>small{color:#68748d;font-size:var(--font-size-meta)}.hook-composer>label{gap:7px;margin-top:16px;display:grid;position:relative}.hook-composer label>span{color:#8995aa;font-size:var(--font-size-meta);font-weight:700}.hook-composer input,.hook-composer textarea{color:#e8edfa;width:100%;font:inherit;font-size:var(--font-size-meta);background:#080b12;border:1px solid #293248;border-radius:11px;outline:0}.hook-composer input{height:43px;padding:0 12px}.hook-composer textarea{resize:vertical;padding:12px;line-height:1.6}.hook-composer input:focus,.hook-composer textarea:focus{border-color:#496fc5;box-shadow:0 0 0 3px #4669be1f}.hook-composer label>small{color:#58637a;font-size:var(--font-size-meta);position:absolute;bottom:9px;right:10px}.hook-rule-row{grid-template-columns:1fr 22px 1fr;align-items:end;gap:7px;margin-top:16px;display:grid}.hook-rule-row>label{gap:7px;min-width:0;display:grid}.hook-rule-row>svg{color:#64769d;margin-bottom:11px}.hook-composer .brand-select-trigger{background:#080b12;border-color:#293248;width:100%;height:43px}.hook-composer-actions{justify-content:flex-end;gap:8px;margin-top:17px;display:flex}.hook-composer-actions button,.hook-card-actions button,.hook-examples button,.hook-activity header button{color:#aab4c9;height:36px;font:inherit;font-size:var(--font-size-meta);cursor:pointer;background:#111622;border:1px solid #303950;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:700;display:inline-flex}.hook-composer-actions button:last-child{color:#fff;background:#3156b3;border-color:#466acc}.hook-composer-actions button:disabled,.hook-examples button:disabled{cursor:not-allowed;opacity:.42}.hook-composer aside{background:#5d397b1c;border:1px solid #39334a;border-radius:11px;margin-top:17px;padding:13px}.hook-composer aside strong{color:#cfb5eb;font-size:var(--font-size-meta)}.hook-composer aside p{color:#81788e;font-size:var(--font-size-meta);margin:5px 0 0;line-height:1.6}.hook-list{gap:8px;margin-top:16px;display:grid}.hook-list article{background:#0a0d15;border:1px solid #252d41;border-radius:13px;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;display:grid}.hook-list article.active{background:linear-gradient(110deg,#28417d38,#0a0d15 48%);border-color:#304c85}.hook-power{color:#59647b;cursor:pointer;background:#111521;border:1px solid #323a50;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.hook-list article.active .hook-power{color:#86a8ff;background:#172a56;border-color:#3969cf}.hook-list article>div:nth-child(2){min-width:0}.hook-list article>div>span{color:#6685ca;font-size:var(--font-size-meta);letter-spacing:.08em;font-weight:800}.hook-list h3{margin:5px 0 4px;font-size:13px}.hook-list p{color:#727d91;font-size:var(--font-size-meta);text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.5;overflow:hidden}.hook-list article>div>small{color:#535e73;font-size:var(--font-size-meta);margin-top:7px;display:block}.hook-card-actions{gap:6px;display:flex}.hook-card-actions button{height:33px;padding:0 9px}.hook-card-actions button:last-child{width:33px;padding:0}.hook-empty{color:#737d91;text-align:center;align-content:center;place-items:center;gap:8px;min-height:365px;display:grid}.hook-empty>svg{color:#6388dc;width:34px;height:34px}.hook-empty strong{color:#b9c2d3;font-size:var(--font-size-meta)}.hook-empty p{font-size:var(--font-size-meta);margin:0}.hook-examples{margin-top:14px;padding:22px}.hook-examples>header p{color:#69748a;font-size:var(--font-size-meta);margin:4px 0 0}.hook-examples>div{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px;display:grid}.hook-examples article{background:linear-gradient(145deg,#101522,#0a0d15);border:1px solid #272f43;border-radius:13px;min-height:150px;padding:17px;position:relative}.hook-examples article>span{color:#7798e8;font-size:var(--font-size-meta);letter-spacing:.1em;font-weight:800}.hook-examples h3{margin:11px 0 5px;font-size:13px}.hook-examples p{color:#707a8d;font-size:var(--font-size-meta);margin:0}.hook-examples button{height:32px;position:absolute;bottom:13px;right:13px}.hook-activity{margin-top:14px;padding:22px}.hook-activity>header>div{align-items:center;gap:10px;display:flex}.hook-activity>header>div>svg{color:#7da0f6;width:24px;height:24px}.hook-activity ol{margin:16px 0 0;padding:0;list-style:none;display:grid}.hook-activity li{border-top:1px solid #202738;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 4px;display:grid}.hook-activity li>span{background:#4f7de4;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4f7de41a}.hook-activity li div{min-width:0}.hook-activity li strong{font-size:var(--font-size-meta)}.hook-activity li p{color:#657087;font-size:var(--font-size-meta);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;overflow:hidden}.hook-activity time{color:#59657b;font-size:var(--font-size-meta)}.hook-activity-empty{color:#677289;min-height:90px;font-size:var(--font-size-meta);justify-content:center;align-items:center;gap:8px;display:flex}.hook-privacy{justify-content:space-between;align-items:center;gap:24px;margin-top:14px;margin-bottom:52px;padding:18px 20px;display:flex}.hook-privacy strong{font-size:var(--font-size-meta)}.hook-privacy p{color:#717b8e;font-size:var(--font-size-meta);margin:5px 0 0}.hook-privacy>span{color:#6d91e6;font-size:var(--font-size-meta);letter-spacing:.12em;align-items:center;gap:7px;font-weight:800;display:inline-flex}.hook-footer{border-top-color:var(--hook-border)}@media (width<=900px){.hook-hero{grid-template-columns:1fr}.hook-signal{width:100%}.hook-workspace{grid-template-columns:1fr}.hook-empty{min-height:220px}}@media (width<=680px){.hook-header,.hook-hero,.hook-summary,.hook-workspace,.hook-examples,.hook-activity,.hook-privacy,.hook-footer{width:min(100% - 28px,600px)}.hook-hero{padding:52px 0 28px}.hook-hero h1{font-size:46px}.hook-summary{grid-template-columns:repeat(3,1fr)}.hook-summary p{border-top:1px solid #222a3d;grid-column:1/-1}.hook-summary>div{padding:13px}.hook-rule-row{grid-template-columns:1fr}.hook-rule-row>svg{margin:0 auto;transform:rotate(90deg)}.hook-examples>div{grid-template-columns:1fr}.hook-privacy{flex-direction:column;align-items:flex-start}.hook-list article{grid-template-columns:36px minmax(0,1fr)}.hook-card-actions{grid-column:2}.hook-activity li{grid-template-columns:8px 1fr}.hook-activity time{grid-column:2}.hook-composer,.hook-library,.hook-examples,.hook-activity{padding:17px}}