:root{--night:#020914;--deep:#041321;--panel:#071a2a;--line:#1a4053;--cyan:#35e4e8;--teal:#15d7be;--gold:#e8b768;--white:#f3fbff;--muted:#93aab7;--danger:#ffab71}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--night)}
body{margin:0;min-width:320px;color:var(--white);font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;background:radial-gradient(circle at 70% 0,#0b3448,transparent 30%),linear-gradient(150deg,#020914,#041321 58%,#01050b);min-height:100vh}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.portal-cosmos{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.portal-cosmos:before,.portal-cosmos:after{content:"";position:absolute;border:1px solid #39dce06b;border-radius:50%;width:850px;height:850px;left:-250px;top:10%;box-shadow:0 0 80px #1acfd329}
.portal-cosmos:after{width:660px;height:660px;left:-150px;top:18%;border-color:#e5ad5d50}
.portal-cosmos i{position:absolute;width:400px;height:400px;filter:blur(90px);background:#10b9c12b;left:10%;top:30%}
.portal-header{height:74px;display:flex;align-items:center;padding:0 max(22px,5vw);border-bottom:1px solid var(--line);background:#020914ea;backdrop-filter:blur(16px);position:relative;z-index:30}
.portal-brand img{width:174px;max-height:56px;object-fit:contain;filter:brightness(1.2) drop-shadow(0 0 10px #23d9d955)}
.portal-header>a:last-child,.portal-header nav{margin-inline-start:auto}
.portal-header nav{display:flex;align-items:center;gap:20px;font-size:12px}
.portal-header select{max-width:170px;border:1px solid #2a586b;border-radius:8px;background:#061824;color:#e8f6f9;padding:8px 28px 8px 10px;outline:none}.portal-header select:focus{border-color:var(--cyan)}
.portal-primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 20px;border:1px solid #53e6e7;border-radius:9px;background:linear-gradient(135deg,#2cd9d9,#0d7186);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 10px 30px #12bcc136}
.portal-primary.compact{padding:10px 14px;font-size:11px}
.auth-v6{min-height:calc(100vh - 74px);padding:65px max(28px,8vw);display:grid;grid-template-columns:1fr 470px;gap:10vw;align-items:center;position:relative}
.single-auth-v6{display:grid;grid-template-columns:minmax(300px,470px);justify-content:center}
.code-v6{text-align:center;font-size:27px;letter-spacing:9px;direction:ltr}
.logo-drop figure.disabled{opacity:.45}
.auth-story>span,.studio-side>span,.dash-hero>div>span,.projects-title span,.card-title span{color:var(--cyan);font-size:10px;letter-spacing:3px;font-weight:900}
.auth-story h1,.studio-side h1{font-size:clamp(48px,5.4vw,78px);line-height:1.1;margin:18px 0}
.auth-story h1 em,.studio-side h1 em{font-style:normal;color:var(--cyan)}
.auth-story>p,.studio-side>p{color:#acc0ca;font-size:16px;line-height:2;max-width:690px}
.auth-story ul{list-style:none;padding:0;margin-top:35px}
.auth-story li{display:flex;gap:17px;align-items:center;color:#b7c8d0;margin:18px 0}
.auth-story li b{font:700 11px monospace;color:var(--gold);border:1px solid #705630;padding:9px;border-radius:50%}
.auth-panel{background:linear-gradient(145deg,#071a2aee,#03101bf2);border:1px solid #245266;border-radius:18px;padding:34px;box-shadow:0 35px 100px #000a,0 0 35px #22cdd120;position:relative}
.auth-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#42e9e7,#08758a);font-size:24px;box-shadow:0 0 25px #35e4e849}
.auth-panel h2{font-size:27px;margin:22px 0 8px}
.auth-panel>p{color:var(--muted);font-size:13px}
.google-v6{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:25px;padding:13px;border:1px solid #4d6573;border-radius:9px;background:#fff;color:#17212a;font-weight:900}
.google-v6 span{font:800 18px Arial;color:#4285f4}
.google-v6.disabled{opacity:.58;cursor:not-allowed;background:#dce3e8;color:#485864}
.oauth-note{display:block;color:#708b9a;line-height:1.6;margin-top:8px}
.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#718d9b;font-size:11px}
.auth-divider i{height:1px;background:#1d4052;flex:1}
.auth-tabs-v6{display:grid;grid-template-columns:1fr 1fr;border:1px solid #244b5e;border-radius:8px;overflow:hidden;margin-bottom:20px}
.auth-tabs-v6 button{border:0;padding:12px;background:#03101a;color:#839ca9;cursor:pointer}
.auth-tabs-v6 button.active{background:#0d4d55;color:#fff}
.auth-panel form{display:grid;gap:15px}
.auth-panel label,.command-form label{font-size:11px;font-weight:800}
.auth-panel input,.command-form input,.command-form select,.command-form textarea{width:100%;margin-top:8px;border:1px solid #265166;background:#020c15;color:#fff;padding:13px;border-radius:7px;outline:none}
.auth-panel input:focus,.command-form input:focus,.command-form select:focus,.command-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #28d9da13}
.auth-panel small,.command-form small{display:block;color:#718d9c;margin-top:7px}
.portal-check{display:flex!important;align-items:flex-start;gap:10px;font-weight:400!important;line-height:1.7}
.portal-check input{width:auto!important;margin-top:5px!important}
.portal-check a{color:var(--cyan);text-decoration:underline}
.secure-note{border-top:1px solid #1d4052;padding-top:18px;color:#708b99!important}
.portal-alert{padding:11px;border:1px solid #7a4c2a;background:#3b2113;color:#ffc08a;margin:14px 0}
.dashboard-v6{padding:55px max(24px,6vw)}
.dash-hero{display:flex;align-items:center;justify-content:space-between;min-height:220px;border-bottom:1px solid var(--line)}
.dash-hero h1{font-size:48px;margin:10px 0}
.dash-hero p{color:var(--muted)}
.dash-orbit{width:155px;height:155px;border:1px solid #28d7d9;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 45px #22d9dc25,inset 0 0 35px #22d9dc18}
.dash-orbit b{font-size:45px;color:var(--cyan)}
.dash-orbit span{font-size:10px;margin-top:-45px;color:var(--muted)}
.access-panel-v10{display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(280px,1.15fr);gap:24px;align-items:center;margin-top:28px;padding:24px 26px;border:1px solid #66502f;border-radius:15px;background:linear-gradient(120deg,#241b104f,#071c2ac7 45%,#04111ce8);box-shadow:0 18px 60px #0005}.access-panel-v10>div:first-child>span{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.18em}.access-panel-v10 h2,.access-panel-v10 h3{margin:7px 0;font-size:20px}.access-panel-v10 p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.access-meter-v10{min-width:105px;text-align:center}.access-meter-v10 b{display:block;color:var(--cyan);font:800 28px/1.2 monospace}.access-meter-v10 span{display:block;color:#9bb0ba;font-size:9px;margin-top:5px}.access-panel-v10 form{display:grid;grid-template-columns:minmax(130px,1fr) auto auto;gap:8px}.access-panel-v10 input{min-width:0;border:1px solid #2c5668;border-radius:8px;background:#020c14;color:#fff;padding:11px 12px;outline:0}.access-panel-v10 input:focus{border-color:var(--cyan)}.access-panel-v10 button{border:1px solid #2d6878;border-radius:8px;background:#0b3442;color:#eafcff;padding:10px 12px;cursor:pointer;font-weight:800;font-size:10px}.access-panel-v10 button[type=submit]{border-color:#d3a95f;background:#33220d;color:#ffd896}.access-panel-v10 button:disabled{opacity:.5;cursor:wait}.access-panel-v10 small{grid-column:1/-1;min-height:16px;color:var(--gold)}.studio-access-v10{margin:0;border-width:1px 0;border-radius:0;padding:18px 22px;grid-template-columns:1fr auto minmax(300px,1.2fr)}
.projects-v6{padding:55px 0}
.projects-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}
.projects-title h2{font-size:35px;margin:9px 0}
.projects-title>a{color:var(--cyan)}
.project-cards-v6{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.project-cards-v6 article{padding:12px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(#071a29,#03101a)}
.project-thumb{height:170px;border-radius:9px;background:radial-gradient(circle at 65%,#22e1dd3b,transparent 28%),linear-gradient(145deg,#133048,#030914);display:grid;place-items:center;position:relative;overflow:hidden}
.project-thumb:before{content:"";position:absolute;width:220px;height:220px;border:1px solid #35dfdf50;border-radius:50%}
.project-thumb span{font:700 65px Georgia;color:#d7ffff;text-shadow:0 0 30px var(--cyan)}
.project-thumb b{position:absolute;top:12px;right:12px;color:var(--gold);font-size:10px}
.project-cards-v6 small{display:block;color:var(--cyan);margin:16px 7px 0}
.project-cards-v6 h3{font-size:23px;margin:8px}
.project-cards-v6 p{color:var(--muted);margin:8px}
.project-cards-v6 article>div:last-child{display:flex;align-items:center;gap:15px;margin:20px 7px 7px}
.project-cards-v6 article>div:last-child>a:last-child{font-size:11px;color:#9ab1bc}
.empty-v6{text-align:center;padding:80px 20px;border:1px dashed #255265;border-radius:15px;background:#051522}
.empty-v6 i{font-style:normal;font-size:55px;color:var(--cyan);text-shadow:0 0 30px var(--cyan)}
.empty-v6 p{color:var(--muted);margin-bottom:28px}
.studio-v6{display:grid;grid-template-columns:390px 1fr;gap:5vw;padding:55px max(25px,5vw);align-items:start}
.studio-side{position:sticky;top:105px}
.studio-side h1{font-size:50px}
.studio-side ol{list-style:none;padding:0;margin-top:35px}
.studio-side li{display:flex;gap:15px;padding:14px;border-inline-start:1px solid #1e4659;color:#7893a0}
.studio-side li.active{border-color:var(--cyan);color:#fff;background:linear-gradient(90deg,#0b424839,transparent)}
.studio-side li>b{font:700 10px monospace;color:var(--gold);margin-top:4px}
.studio-side li span{font-weight:900}
.studio-side li small{font-weight:400;display:block;color:#718d9b;margin-top:5px}
.studio-tip{margin-top:30px;padding:18px;border:1px solid #6e562f;background:#251d1238}
.studio-tip b{color:var(--gold)}
.studio-tip p{font-size:11px;color:#94aab6;line-height:1.8}
.studio-work{max-width:980px}
.assistant-thread{display:flex;gap:15px;padding:21px;border:1px solid #25576c;border-radius:15px;background:linear-gradient(135deg,#0a2636,#04131f);box-shadow:0 17px 45px #0005;margin-bottom:18px}
.assistant-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#43e8e7,#0b7689);font-size:23px;flex:none}
.assistant-thread span{color:var(--cyan);font-size:9px;letter-spacing:2px;font-weight:900}
.assistant-thread p{margin:8px 0 0;color:#c4d4db;line-height:1.8}
.customer-thread{display:flex;justify-content:flex-start;align-items:flex-start;gap:12px;margin:0 0 18px 9%;direction:rtl}
.customer-thread>div{max-width:78%;padding:16px 18px;background:#10384a;border:1px solid #28637a;border-radius:14px 4px 14px 14px}
.customer-thread span{font-size:9px;color:var(--gold);font-weight:900;letter-spacing:.08em}
.customer-thread p{margin:7px 0 0;color:#d9e6eb;line-height:1.8}
.customer-thread>b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#16394a;color:var(--cyan);border:1px solid #347087}
.command-form{display:grid;gap:17px}
.brief-card{padding:28px;border:1px solid #1f485b;border-radius:15px;background:linear-gradient(145deg,#071a2ae8,#03101bed);box-shadow:0 22px 70px #0006}
.card-title{display:flex;align-items:center;gap:15px;border-bottom:1px solid #1a4053;padding-bottom:19px;margin-bottom:23px}
.card-title>b{width:40px;height:40px;display:grid;place-items:center;border:1px solid #6b5533;border-radius:50%;color:var(--gold);font:700 11px monospace}
.card-title h2{margin:5px 0 0;font-size:24px}
.command-form label.full{display:block;margin:17px 0}
.command-form textarea{resize:vertical;line-height:1.8}
.form-grid-v6{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid-v6 .full{grid-column:1/-1}
.brief-agent-tools{display:flex;align-items:center;gap:16px;margin:15px 0!important;padding:14px;border:1px solid #2d6376;border-radius:9px;background:#061c29}
.brief-agent-tools button{flex:none;border:1px solid var(--cyan);background:#0a4d58;color:#fff;padding:11px 15px;border-radius:7px;font-weight:900;cursor:pointer}
.brief-agent-tools button:disabled{opacity:.55}
.brief-agent-tools p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}
.brief-reply{padding:14px 17px;border-inline-start:3px solid var(--cyan);background:#092330;color:#cfe0e6;line-height:1.8;margin-bottom:16px}
.style-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.style-choice label{position:relative}
.style-choice input{position:absolute;opacity:0}
.style-choice span{display:block;padding:16px;border:1px solid #264e60;border-radius:9px;background:#020d16;cursor:pointer}
.style-choice input:checked+span{border-color:var(--cyan);background:#0b4146;box-shadow:0 0 20px #27d4d51d}
.style-choice b,.style-choice small{display:block}
.style-choice small{margin-top:6px}
.upload-zone{margin-top:19px}
.logo-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}
.logo-modes>span{grid-column:1/-1;color:#9fb4be;font-size:11px}
.logo-modes label{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;padding:11px;border:1px solid #244b5e;border-radius:8px;background:#020d16}
.logo-modes input{width:auto;margin:0;grid-row:1/3}
.logo-modes small{margin:2px 0 0}
.logo-drop{display:block;border:1px dashed #367087;border-radius:11px;padding:18px;background:#03111c}
.logo-drop>span{display:block;color:var(--muted);margin-top:5px}
.logo-drop input{padding:8px}
.logo-drop figure{min-height:105px;display:grid;place-items:center;border:1px solid #183c4f;border-radius:8px;margin:13px 0 0;background:#020914;overflow:hidden}
.logo-drop figure img{max-width:90%;max-height:100px;object-fit:contain}
.logo-drop figure i{font-style:normal;color:var(--cyan);font-size:30px}
.no-logo{display:flex!important;align-items:center;gap:9px;margin:11px 0}
.no-logo input{width:auto;margin:0}
.reference-role{padding:14px;background:#03111c;border:1px solid #1c4356;border-radius:8px}
.reference-role>span{display:block;margin-bottom:10px;color:#9fb4be;font-size:11px}
.reference-role label{margin-inline-end:20px;font-weight:400}
.reference-role input{width:auto;margin:0 0 0 5px}
.reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}
.reference-grid label{padding:12px;border:1px dashed #2e6176;background:#020d16;border-radius:9px}
.reference-grid input{padding:5px;font-size:9px}
.reference-grid span{display:block;color:#708b9a;margin-top:5px}
.ai-image-box{display:flex;align-items:center;gap:20px;margin-top:15px;padding:16px;border:1px solid #68532f;background:linear-gradient(90deg,#2a201338,transparent);border-radius:9px}
.ai-image-box p{font-size:11px;color:var(--muted);margin:5px 0}
.ai-image-box button{margin-inline-start:auto;padding:11px 16px;border:1px solid var(--gold);border-radius:8px;background:#271c0e;color:#ffd58c;cursor:pointer;font-weight:900}
.ai-image-box button:disabled{opacity:.5}
.generated-gallery-v6{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}
.generated-gallery-v6 figure{margin:0;background:#020914;border:1px solid #1c4356}
.generated-gallery-v6 img{width:100%;height:115px;object-fit:cover}
.generated-gallery-v6 figcaption{padding:7px;color:#819aa7;font-size:9px}
.privacy-consent-v6{padding:15px;border:1px solid #1d4658;background:#061725}
.build-button-v6{padding:18px 24px;border:1px solid #5cebed;border-radius:11px;background:linear-gradient(135deg,#2bd9d7,#0a7088);color:#fff;box-shadow:0 17px 45px #12c5c637;cursor:pointer}
.build-button-v6 span{display:block;font-size:17px;font-weight:900}
.build-button-v6 b{display:block;font-size:10px;margin-top:6px;color:#d6ffff}
.build-button-v6:disabled{opacity:.6}
.studio-status-v6{min-height:28px;color:var(--gold);text-align:center}
.studio-status-v6.error{padding:12px;border:1px solid #7a4c2a;background:#3b2113;color:#ffc08a}
.build-overlay-v6{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at 50%,#0a3a4d,#020914 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}
.build-overlay-v6[hidden]{display:none}
.build-overlay-v6>img{width:min(420px,75vw);filter:brightness(1.35) drop-shadow(0 0 25px #2ae1df)}
.thinking-orbit{width:130px;height:130px;position:relative;margin:20px}
.thinking-orbit:before,.thinking-orbit:after{content:"";position:absolute;inset:0;border:1px solid var(--cyan);border-radius:50%;animation:think 2s linear infinite}
.thinking-orbit:after{inset:15px;border-color:var(--gold);animation-direction:reverse}
.thinking-orbit b{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 18px var(--cyan);animation:pulse 1s infinite}
.thinking-orbit b:nth-child(1){left:10px;top:50%}
.thinking-orbit b:nth-child(2){right:20px;top:15px;animation-delay:.3s}
.thinking-orbit b:nth-child(3){bottom:5px;left:55%;animation-delay:.6s}
.build-overlay-v6 h2{font-size:30px}
.build-overlay-v6 p{color:#a8bec8}
.build-steps{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.build-steps span{padding:8px 12px;border:1px solid #28566a;color:#7894a2;font-size:10px}
.build-steps span.active{border-color:var(--cyan);color:var(--cyan)}
.lightning-v6 i{position:absolute;top:-10%;width:2px;height:58%;background:#fff;box-shadow:0 0 30px #fff,0 0 90px #38e6ff;opacity:0;animation:flash 4.3s infinite}
.lightning-v6 i:nth-child(1){left:20%}
.lightning-v6 i:nth-child(2){left:64%;animation-delay:1.4s}
.lightning-v6 i:nth-child(3){left:84%;animation-delay:2.8s}
@keyframes think{to{transform:rotate(360deg)}
}
@keyframes pulse{50%{transform:scale(1.8);opacity:.5}
}
@keyframes flash{0%,89%,92%,100%{opacity:0}
90%,93%{opacity:.9}
}
@media(max-width:1000px){.auth-v6{grid-template-columns:1fr;padding:50px 6vw}
.auth-story{display:none}
.studio-v6{grid-template-columns:1fr}
.studio-side{position:static}
.studio-side ol{display:grid;grid-template-columns:1fr 1fr}
.project-cards-v6{grid-template-columns:1fr 1fr}
.access-panel-v10,.studio-access-v10{grid-template-columns:1fr auto}.access-panel-v10 form{grid-column:1/-1}
}
@media(max-width:650px){.portal-header{height:68px;padding:0 14px}
.portal-brand img{width:132px}
.portal-header nav{gap:10px}
.portal-header select{width:104px;padding:8px;color:#fff}.portal-header select option{color:#fff}
.auth-v6{padding:35px 15px}
.auth-panel{padding:22px}
.dashboard-v6{padding:35px 15px}
.dash-hero{display:block;padding-bottom:35px}
.dash-hero h1{font-size:38px}
.dash-orbit{margin-top:25px;width:120px;height:120px}
.projects-title{display:block}
.project-cards-v6{grid-template-columns:1fr}
.studio-v6{padding:30px 13px}
.studio-side h1{font-size:40px}
.studio-side>p,.studio-side ol{display:none}
.brief-card{padding:19px}
.form-grid-v6{grid-template-columns:1fr}
.form-grid-v6 .full{grid-column:auto}
.brief-agent-tools{display:block}
.brief-agent-tools button{width:100%;margin-bottom:10px}
.logo-modes{grid-template-columns:1fr}
.logo-modes>span{grid-column:auto}
.style-choice{grid-template-columns:1fr}
.reference-grid,.generated-gallery-v6{grid-template-columns:1fr 1fr}
.ai-image-box{display:block}
.ai-image-box button{width:100%;margin-top:12px}
.build-overlay-v6 h2{font-size:23px}
.access-panel-v10,.studio-access-v10{grid-template-columns:1fr;padding:18px 15px}.access-meter-v10{text-align:start}.access-panel-v10 form{display:grid;grid-template-columns:1fr 1fr}.access-panel-v10 input{grid-column:1/-1}
}
@supports(padding:max(0px)){.portal-header{padding-top:env(safe-area-inset-top)}
.studio-v6,.dashboard-v6,.auth-v6{padding-bottom:max(40px,env(safe-area-inset-bottom))}
}

.privacy-v6{width:min(1180px,calc(100% - 48px));margin:auto;padding:90px 0 max(80px,env(safe-area-inset-bottom));position:relative;z-index:1}
.privacy-v6>header{max-width:900px;margin-bottom:52px}.privacy-v6>header span{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.22em}.privacy-v6 h1{font-size:clamp(46px,7vw,92px);line-height:1.02;margin:20px 0}.privacy-v6>header p{font-size:17px;color:var(--muted);line-height:2}
.privacy-v6 section{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:40px}.privacy-v6 article{background:linear-gradient(145deg,#071a2a,#03101b);padding:44px;min-height:260px}.privacy-v6 article b{color:var(--gold);font-size:11px}.privacy-v6 article h2{font-size:23px;margin:26px 0 12px}.privacy-v6 article p{color:var(--muted);line-height:1.9}.privacy-v6 article a{display:inline-block;color:var(--cyan);margin-top:10px}
@media(max-width:700px){.privacy-v6{width:calc(100% - 30px);padding-top:60px}.privacy-v6 section{grid-template-columns:1fr}.privacy-v6 article{padding:30px 24px;min-height:0}.privacy-v6 h1{font-size:44px}}

/* v0.8 conversational website interview */
.interview-work-v8{max-width:1040px;min-width:0;border:1px solid #1d4559;background:linear-gradient(155deg,#071b2ae8,#020b14f2);border-radius:22px;box-shadow:0 35px 100px #0008,0 0 70px #12bccb0d;overflow:hidden}
.interview-head-v8{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:27px 30px;border-bottom:1px solid #1b4254;background:linear-gradient(90deg,#0a2636cc,#04121ddd)}
.interview-head-v8>div:first-child>span{display:block;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.2em}.interview-head-v8 h2{font-size:26px;margin:8px 0}.interview-head-v8 p{color:var(--muted);font-size:11px;margin:0;line-height:1.8}
.interview-progress-v8{width:205px;flex:none;text-align:left;direction:ltr}.interview-progress-v8>b{display:block;color:var(--gold);font:800 15px monospace;margin-bottom:7px}.interview-progress-v8>span{display:block;height:5px;background:#03101a;border-radius:20px;overflow:hidden;border:1px solid #244b5d}.interview-progress-v8 i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold));box-shadow:0 0 15px var(--cyan);transition:width .45s ease}.interview-progress-v8 small{display:block;color:#78929f;font-size:9px;margin-top:7px}
.interview-messages-v8{height:min(53vh,610px);min-height:420px;overflow:auto;padding:30px;scroll-behavior:smooth;background:radial-gradient(circle at 35% 10%,#0b354738,transparent 35%),linear-gradient(#03101a99,#020a12cc)}
.interview-loading-v8{height:100%;display:grid;place-items:center;align-content:center;color:#8fa6b2;gap:12px}.interview-loading-v8 i{font-style:normal;color:var(--cyan);font-size:34px;animation:pulse 1.3s infinite}
.interview-message-v8{display:flex;align-items:flex-start;gap:12px;margin:0 0 22px;animation:message-in .28s ease both}.interview-message-v8>i{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:11px;background:linear-gradient(145deg,#35e1e1,#0c7185);font-style:normal;color:#fff;box-shadow:0 8px 24px #11bdc52d}.interview-message-v8>div{max-width:min(78%,720px);padding:15px 18px;border:1px solid #24556a;border-radius:4px 15px 15px 15px;background:#082333;color:#d9e7ec;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}.interview-message-v8 small{display:block;color:var(--cyan);font-size:8px;font-weight:900;letter-spacing:.16em;margin-bottom:6px}
.interview-message-v8.user{direction:ltr;justify-content:flex-start}.interview-message-v8.user>i{order:2;border-radius:50%;background:#183e50;color:var(--gold);box-shadow:none}.interview-message-v8.user>div{direction:rtl;text-align:right;border-radius:15px 4px 15px 15px;background:linear-gradient(135deg,#143f52,#0a2a3a);border-color:#367187}.interview-message-v8.user small{color:var(--gold)}
.interview-summary-v8{margin:0;border-top:1px solid #1c4557;border-bottom:1px solid #1c4557;background:#04131e}.interview-summary-v8>header{display:flex;align-items:center;justify-content:space-between;padding:14px 28px}.interview-summary-v8 h3{font-size:14px;margin:4px 0}.interview-summary-v8 span{font-size:8px;letter-spacing:.16em;color:var(--cyan);font-weight:900}.interview-summary-v8 button{border:1px solid #2d6075;background:#061d2b;color:#b9ccd4;padding:8px 12px;border-radius:7px;cursor:pointer}.interview-summary-v8>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#173b4c;border-top:1px solid #173b4c}.interview-summary-v8 article{background:#061722;padding:13px 16px;min-width:0}.interview-summary-v8 article small{display:block;color:#708b98;font-size:8px;margin-bottom:5px}.interview-summary-v8 article b{display:block;color:#d5e5ea;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.interview-composer-v8{padding:18px 22px;background:#020a12;border-top:1px solid #16394a}.interview-choices-v8{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.interview-choices-v8:empty{display:none}.interview-choice-v8{border:1px solid #2b6276;background:#071d2a;color:#cee0e5;border-radius:999px;padding:9px 14px;cursor:pointer;font-size:11px}.interview-choice-v8:hover,.interview-choice-v8:focus-visible{border-color:var(--cyan);color:#fff;background:#0b3b43}.interview-choice-v8.gold{border-color:#78603a;color:#ffd38d;background:#241b10}.interview-choice-v8.skip{border-style:dashed;color:#91a6af}
.interview-input-row-v8{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:stretch;padding:8px;border:1px solid #2b5d71;border-radius:15px;background:#061824;box-shadow:inset 0 1px #ffffff08}.interview-input-row-v8:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #24d8dd10}.interview-input-row-v8 textarea{grid-column:2;resize:vertical;max-height:220px;min-height:82px;padding:13px 9px;border:0;background:transparent;color:#f2f9fb;outline:0;line-height:1.8}.interview-input-row-v8 textarea::placeholder{color:#6e8995}.interview-input-row-v8>#interviewSend{grid-column:3;align-self:end;width:96px;height:44px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #6cf3ee;border-radius:10px;padding:0 12px;background:linear-gradient(135deg,#29d8d4,#0a7187);color:#fff;cursor:pointer;font-weight:900}.interview-input-row-v8>#interviewSend:disabled{opacity:.5;cursor:wait}.interview-attach-v8{grid-column:1;align-self:end;width:44px;height:44px;padding:0;border:1px solid #315d70;border-radius:10px;background:#071d2a;display:grid;place-items:center;cursor:pointer;color:var(--gold);font-size:24px}.interview-attach-v8:hover,.interview-attach-v8:focus-visible{border-color:var(--cyan);color:#fff;outline:none}.interview-attach-v8[hidden],.interview-file-input-v8[hidden]{display:none}.interview-hint-v8{margin:9px 8px 0;color:#718b98;font-size:9px}.interview-hint-v8 a{color:var(--cyan)}
.interview-ready-v8{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 24px;border-top:1px solid #4e5d3a;background:linear-gradient(90deg,#17382f4d,#281b0c55)}.interview-ready-v8 b{color:#fff}.interview-ready-v8 p{color:#99b0b9;font-size:10px;line-height:1.7;margin:5px 0 0}.interview-ready-v8 button{flex:none;border:1px solid #f0ce8d;border-radius:11px;background:linear-gradient(135deg,#f0c77c,#b97835);color:#171006;padding:13px 22px;cursor:pointer;box-shadow:0 12px 30px #d99b4c22}.interview-ready-v8 button span,.interview-ready-v8 button small{display:block;font-weight:900}.interview-ready-v8 button small{font-size:8px;margin-top:4px}.interview-ready-v8 button:disabled{opacity:.55}.interview-privacy-v8{display:block;padding:0 25px 22px;color:#6e8793;line-height:1.8}.interview-privacy-v8 a{color:#9cc8d6;text-decoration:underline}.interview-work-v8>.studio-status-v6{margin:0 22px}
.drafts-v8{margin-bottom:35px}.draft-cards-v8{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.draft-cards-v8 article{padding:20px;border:1px solid #245469;border-radius:13px;background:linear-gradient(145deg,#082232,#03111c)}.draft-cards-v8 header{display:flex;align-items:center;justify-content:space-between}.draft-cards-v8 header span{color:var(--cyan);font:800 11px monospace}.draft-cards-v8 header i{width:48%;height:4px;background:#05101a;border-radius:10px;overflow:hidden}.draft-cards-v8 header b{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold))}.draft-cards-v8 h3{font-size:18px;margin:15px 0 8px}.draft-cards-v8 p{height:44px;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.8}.draft-cards-v8 a{display:inline-block;margin-top:10px;color:#fff;border:1px solid var(--cyan);padding:9px 13px;border-radius:7px}.draft-cards-v8 small{display:block;color:#6e8a97;margin-top:10px}
@keyframes message-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.interview-work-v8{max-width:none}.interview-messages-v8{height:560px}.draft-cards-v8{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.studio-v6{display:block;padding:16px 10px 34px}.studio-side{margin-bottom:14px}.studio-side h1{font-size:29px;margin:7px 0}.studio-side>.studio-tip{display:none}.interview-work-v8{border-radius:15px}.interview-head-v8{display:block;padding:18px}.interview-head-v8 h2{font-size:20px}.interview-progress-v8{width:100%;margin-top:15px}.interview-messages-v8{height:50vh;min-height:360px;padding:17px 12px}.interview-message-v8>div{max-width:86%;padding:13px 14px;font-size:12px}.interview-message-v8>i{width:33px;height:33px}.interview-summary-v8>header{padding:12px 15px}.interview-summary-v8>div{grid-template-columns:1fr 1fr}.interview-composer-v8{padding:12px}.interview-input-row-v8{grid-template-columns:auto minmax(0,1fr) auto;gap:7px}.interview-input-row-v8 textarea{min-height:74px}.interview-input-row-v8>#interviewSend{width:46px;height:42px;padding:0}.interview-input-row-v8>#interviewSend span{display:none}.interview-attach-v8{width:42px;height:42px}.interview-ready-v8{display:block;padding:17px}.interview-ready-v8 button{width:100%;margin-top:14px}.draft-cards-v8{grid-template-columns:1fr}.interview-choice-v8{font-size:10px;padding:8px 11px}}