:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b0b0e;color:#eeeef2}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.nav{max-width:1240px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-1px}.brand-icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#ff5e61;background:#ed414514;font-size:25px;font-weight:900}.nav-actions,.hero-actions{display:flex;align-items:center;gap:18px}.primary,.quiet{border-radius:12px;padding:15px 20px;font-weight:600;font-size:14px;border:1px solid transparent}.primary{background:#ef4247;color:white;box-shadow:0 6px 30px #ec36351a}.primary:hover{background:#ff5359}.primary span{margin-left:20px}.primary.small{padding:11px 16px}.quiet{background:transparent;color:#bcbcc6}.quiet:hover{background:#ffffff08;color:#fff}.hero{max-width:1240px;margin:68px auto 80px;padding:0 32px;display:grid;grid-template-columns:1.13fr 1fr;gap:65px;align-items:center;min-height:430px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;font-weight:700;color:#c4a2a7}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#ef4247;box-shadow:0 0 15px #ef4247}h1{font-size:clamp(36px,4.2vw,60px);letter-spacing:-2.7px;line-height:1.09;margin:25px 0}h1 span{color:#92929f}.hero-copy>p{color:#9999a6;font-size:16px;line-height:1.8;max-width:485px;margin:25px 0 32px}.hero-note{font-size:12px;color:#6f6f7d;margin-top:23px}.hero-note span{color:#ff7d81;margin-right:6px}.preview{position:relative;border:1px solid #383036;border-radius:22px;background:linear-gradient(135deg,#1b1418,#101014 65%);padding:22px;box-shadow:0 30px 100px #0008,0 -20px 100px #ef424707}.preview-head{display:flex;align-items:center;gap:9px;font-size:13px;padding-bottom:23px;border-bottom:1px solid #ffffff09}.preview-tag{margin-left:auto;color:#7b757f;font-size:10px}.sample-user{margin:26px 0 28px auto;padding:12px 16px;border:1px solid #393038;border-radius:14px 14px 3px 14px;background:#241c22;width:fit-content;font-size:12px}.sample-answer{display:flex;gap:12px;font-size:13px}.mini-brand{font-weight:900;color:#f05c63}.sample-answer p{color:#8d8793;line-height:1.8;font-size:12px}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 28px}.preview-cards>span{padding:14px 8px;border:1px solid #302931;background:#171418;border-radius:12px;font-size:10px;color:#b3acb9}.preview-cards b{display:block;color:#f17e83;font-size:20px;margin-bottom:13px}.sample-input{display:flex;justify-content:space-between;align-items:center;border:1px solid #383039;border-radius:14px;padding:14px;color:#716a79;font-size:12px}.sample-input span{display:grid;place-items:center;border-radius:50%;width:26px;height:26px;background:#ef4247;color:white}.possibilities{max-width:1240px;margin:0 auto 80px;padding:0 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.possibilities article{border-top:1px solid #29252b;padding-top:23px}.possibilities article>span{font-size:9px;letter-spacing:1.8px;color:#966d76}.possibilities h2{font-size:18px;letter-spacing:-.5px;max-width:290px;margin:20px 0 12px}.possibilities p{font-size:13px;line-height:1.8;color:#82808d;max-width:300px}footer{max-width:1176px;margin:auto;padding:24px 0;border-top:1px solid #242128;display:flex;align-items:center;gap:20px;color:#686572;font-size:11px}footer .brand{font-size:16px;color:#b5aebd}footer>a:last-child{margin-left:auto}dialog{width:min(440px,calc(100% - 32px));border:1px solid #373039;border-radius:22px;background:#131116;color:#eee;padding:28px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#050406c9;backdrop-filter:blur(8px)}dialog header{display:flex;justify-content:space-between;align-items:center}#auth-close{border:0;background:none;color:#888;font-size:26px}dialog h2{font-size:26px;letter-spacing:-.8px;margin:28px 0 8px}dialog p{color:#85808e;font-size:13px}dialog label{display:block;font-size:12px;color:#b9b1c1;margin:20px 0}dialog input{display:block;width:100%;background:#0b0a0d;border:1px solid #332c37;border-radius:10px;color:white;padding:13px;margin-top:9px;outline:none}dialog input:focus{border-color:#dc525b}.auth-tabs{display:flex;border:1px solid #302a34;border-radius:10px;padding:4px;margin:25px 0}.auth-tabs button{flex:1;padding:9px;border:0;background:none;color:#8d8595;border-radius:7px;font-size:12px}.auth-tabs button[aria-selected=true]{background:#2c2028;color:#f6c7ca}.password-field{display:block;position:relative}.password-field input{padding-right:80px}.password-field button{position:absolute;right:8px;top:9px;padding:10px 5px;border:0;background:none;color:#a199ac;font-size:10px}#auth-submit{width:100%}#auth-status{min-height:18px;color:#ff979d;font-size:12px;line-height:1.5}#chat-shell{height:100dvh;position:fixed;inset:0;background:#0b0b0e}#ai-frame{width:100%;height:100%;border:0}#chat-loader{position:absolute;inset:0;display:grid;place-items:center;color:#a09aa8;font-size:14px;pointer-events:none}#login-gate{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:25px}#login-gate h1{font-size:36px;margin:20px 0 0}#login-gate p{font-size:14px;color:#928999;max-width:380px;line-height:1.7}#login-gate>a:last-child{font-size:12px;color:#706775;margin-top:20px}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:45px;margin:35px auto 55px}.hero h1{font-size:46px;letter-spacing:-2px}.hero-copy>p{max-width:540px}.preview{max-width:550px;width:100%;margin:auto}.possibilities{gap:25px}.nav{padding:22px}.hero,.possibilities{padding:0 22px}footer{margin:0 22px}.nav-actions{gap:3px}.nav-actions .quiet{font-size:12px;padding:10px}.primary.small{font-size:12px}.primary.small span{display:none}}@media(max-width:500px){.hero-actions{align-items:stretch;flex-direction:column;gap:4px}.hero h1{font-size:40px}.possibilities{grid-template-columns:1fr;gap:30px}.possibilities p,.possibilities h2{max-width:none}.preview-tag{font-size:9px}.preview{padding:17px}.nav .brand{font-size:18px}.nav .brand-icon{width:28px;height:28px}.nav-actions .quiet{font-size:11px}footer{gap:12px}}
/* Reference artwork: red light, smoked glass and fine luminous borders. */
#landing{position:relative;isolation:isolate;overflow:hidden;min-height:100dvh;background:radial-gradient(ellipse at 67% 43%,#50192315,transparent 54%),#09090c}#landing::before,#landing::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:650px;height:460px;border-radius:50%;border:1px solid #ff77775c;background:linear-gradient(150deg,#ff77777d 1%,#9a26343b 21%,transparent 48%);box-shadow:0 -3px 18px #ff5a5a47,0 -1px 1px #ffa1a1;transform:rotate(-42deg)}#landing::before{left:-445px;top:-250px}#landing::after{right:-480px;top:350px;transform:rotate(-25deg);background:linear-gradient(180deg,#ec3b4c30,transparent 45%)}.nav{max-width:1310px;padding:22px 25px;border-bottom:1px solid #ffffff0b}.nav .brand{font-size:27px;letter-spacing:-.9px}.nav .brand-icon{background:none;font-size:44px;text-shadow:0 0 28px #ff41416b;color:#ff747a;margin-right:9px}.nav-actions{gap:24px}.nav .quiet{color:#eee}.primary{border:1px solid #ff8e92;background:linear-gradient(180deg,#ff6468,#ed343d);box-shadow:inset 0 1px 1px #ffc6c661,0 0 28px #fa353b40;border-radius:17px}.primary:hover{background:linear-gradient(180deg,#ff8186,#fa414c);box-shadow:0 0 36px #fa353b55}.primary.small{padding:13px 21px}.hero{max-width:1310px;grid-template-columns:1.03fr 1fr;gap:44px;padding:0 25px;margin:50px auto 66px;min-height:445px}.hero h1{font-size:clamp(38px,3.65vw,60px);letter-spacing:-2.5px;line-height:1.1;margin:28px 0}.hero h1 span{display:block;background:linear-gradient(100deg,#ffa5a4,#ff667e 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:17px;line-height:1.65;color:#c3bcc7;max-width:520px;margin:26px 0 36px}.eyebrow{font-size:10px;letter-spacing:2.7px;color:#e0d4de}.eyebrow i{width:10px;height:10px;background:#ff6572;box-shadow:0 0 20px #ff525282}.hero-actions{gap:24px}.hero-actions .primary{font-size:15px;padding:17px 23px;white-space:nowrap}.hero-actions .quiet{border:1px solid #a18a9899;border-radius:17px;padding:17px 23px;color:#f0e9ee;background:linear-gradient(150deg,#ffffff07,#ffffff01);box-shadow:inset 0 1px #ffffff0c;white-space:nowrap}.hero-note{margin-top:25px;color:#b4aab8;font-size:12px}.hero-note span{font-size:20px;color:#ff7d89;vertical-align:middle}.preview{border:1px solid #eab2c37a;padding:25px 26px 22px;border-radius:26px;background:linear-gradient(135deg,#ffffff28 0%,#232028aa 19%,#111117ed 45%,#211219d9 100%);box-shadow:inset 0 1px 1px #ffffff59,inset 0 -1px 1px #ff9191,0 -12px 55px #ff415b19,0 25px 65px #0007;overflow:hidden}.preview::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(140deg,#ffffff0d 0 29%,transparent 29%);z-index:0}.preview::after{content:"";position:absolute;bottom:0;left:21%;right:9%;height:1px;background:linear-gradient(90deg,transparent,#ff9b9b,#ff4051,transparent);box-shadow:0 0 18px 4px #ff45595c}.preview>*{position:relative}.preview-head{font-size:17px;gap:15px;padding:0 4px 18px;border-color:#ffffff1a}.preview-head .brand-icon{width:43px;height:43px;font-size:31px;background:linear-gradient(150deg,#ae485a65,#4c182a70);border:1px solid #ec9aa050;box-shadow:inset 0 1px 2px #ffffff3b}.preview-tag{font-size:11px;color:#c5b5c4}.sample-user{font-size:12px;background:linear-gradient(150deg,#59505b7a,#34212d8c);border-color:#b29aa54a;padding:13px 16px;margin:18px 3px 18px auto;border-radius:17px}.sample-answer{font-size:13px;gap:14px;padding:0 5px}.sample-answer strong{font-weight:650}.sample-answer p{font-size:12px;color:#b5aab9;margin:7px 0 0}.mini-brand{font-size:18px;text-shadow:0 0 13px #fb5d5d}.preview-cards{gap:12px;margin:22px 0}.preview-cards>span{padding:17px 17px 15px;font-size:12px;color:#fff;border-radius:17px;border-color:#b09aaa65;background:linear-gradient(135deg,#ffffff1c,#3c29371c);box-shadow:inset 0 1px #ffffff19}.preview-cards>span:nth-child(2){border-color:#ff8c998c;background:linear-gradient(135deg,#9d354d55,#52313b30);box-shadow:inset 0 1px #ffadb45c,0 0 22px #ff495619}.preview-cards b{font-size:27px;font-weight:500;margin-bottom:10px;color:#ff8e94;text-shadow:0 0 14px #ff606079}.sample-input{padding:10px 12px 10px 18px;border-radius:18px;border-color:#c4a8b06b;background:linear-gradient(160deg,#ffffff12,#3e2a3015);font-size:12px;color:#d7cbd5;box-shadow:inset 0 1px #ffffff24}.sample-input span{width:31px;height:31px;background:linear-gradient(#ff797a,#f33c48);border:1px solid #ff9e9e;box-shadow:0 0 20px #ff4d5b50;font-size:20px}.possibilities{max-width:1400px;gap:22px;padding:0 25px;margin-bottom:50px}.possibilities article{position:relative;overflow:hidden;isolation:isolate;border:1px solid #c1a5b14d;border-radius:20px;padding:27px 25px 25px 86px;min-height:190px;background:linear-gradient(145deg,#ffffff09,#22202948 45%,#131117);box-shadow:inset 0 1px #ffffff09}.possibilities article::before{content:"◇";position:absolute;top:25px;left:25px;display:grid;place-items:center;width:43px;height:43px;border-radius:13px;border:1px solid #e88d9952;background:linear-gradient(135deg,#93556357,#40242e);color:#ff9096;font-size:29px;box-shadow:inset 0 1px #ffffff20,0 0 18px #ff69731c}.possibilities article:nth-child(2)::before{content:"‹›"}.possibilities article:nth-child(3)::before{content:"▧"}.possibilities article::after{content:"";z-index:-1;position:absolute;bottom:-105px;left:-25px;width:110%;height:130px;transform:rotate(24deg);border-top:1px solid #ff8d8d7d;background:linear-gradient(180deg,#e9576357,transparent 44%);box-shadow:0 -5px 30px #e1425126}.possibilities article:nth-child(2)::after{transform:rotate(-20deg);bottom:-110px;left:75px}.possibilities article>span{color:#ff838b;letter-spacing:1.5px;font-size:10px;font-weight:650}.possibilities h2{font-size:19px;line-height:1.3;max-width:none;margin:12px 0 13px;letter-spacing:-.5px}.possibilities p{font-size:12px;color:#b5adb8;line-height:1.8;max-width:none;margin:0}footer{border-color:#ffffff0a;color:#877884}.nav-actions button:focus-visible,.hero-actions button:focus-visible{outline:2px solid #ffc2c4;outline-offset:4px}@media(min-width:1600px){.hero{margin-top:60px;margin-bottom:70px}.hero h1{font-size:59px}}@media(max-width:1100px){.hero{gap:30px}.hero-actions{gap:10px}.hero-actions .primary,.hero-actions .quiet{font-size:12px;padding:15px}.possibilities article{padding-left:72px;padding-right:18px}.possibilities article::before{left:18px;width:38px;height:38px}.possibilities h2{font-size:17px}}@media(max-width:800px){.hero{grid-template-columns:1fr;margin-top:38px;gap:38px}.hero h1{font-size:46px}.hero-copy>p{max-width:570px}.hero-actions{gap:15px}.hero-actions .primary,.hero-actions .quiet{font-size:14px}.preview{max-width:600px}.possibilities{grid-template-columns:1fr;max-width:650px}.possibilities article{min-height:160px;padding-left:86px}.possibilities article::before{left:25px}.nav{padding:18px 22px}.nav-actions{gap:8px}.nav .brand{font-size:22px}.nav .brand-icon{font-size:34px;margin-right:0}.nav-actions .primary{padding:11px 14px}}@media(max-width:500px){.hero h1{font-size:39px;letter-spacing:-1.9px}.hero-copy>p{font-size:15px}.hero-actions{gap:10px}.hero-actions .primary,.hero-actions .quiet{text-align:center}.preview{padding:20px 16px}.preview-head{font-size:15px}.preview-tag{font-size:9px}.preview-cards{gap:7px}.preview-cards>span{padding:12px 9px;font-size:10px}.hero-note{font-size:11px}.possibilities{padding:0 20px}.possibilities h2{font-size:18px}}
#chat-shell{height:var(--xgpt-viewport-height,100dvh)}

body:has(#chat-shell:not([hidden])) { overflow: hidden; overscroll-behavior: none; }
#chat-shell { top: var(--xgpt-viewport-top, 0px); bottom: auto; overflow: hidden; }
#ai-frame:not([hidden]) { display: block; }

.xgpt-chat-title{display:inline-block;font-size:32px!important;font-weight:800!important;letter-spacing:2px;color:#ff334e!important;animation:xgpt-chat-blink 2.4s ease-in-out infinite}@keyframes xgpt-chat-blink{0%,25%,100%{opacity:1}45%,65%{opacity:0}}@media(prefers-reduced-motion:no-preference-off){.xgpt-chat-title{animation:none}}