/* Focused chat layout: input remains visible while messages scroll. */
.chat-choices{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.chat-choices button{background:#291820;color:#ff8193;border-color:#794353;font-size:12px}.login-overlay{position:fixed;inset:0;z-index:10;background:#0c0b10f5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.login-overlay img{width:70px}.login-overlay h2{font-size:30px}.login-overlay p{max-width:450px}
body{height:100dvh;min-height:0;overflow:hidden;background:#09090c}
aside{width:218px;padding:26px 18px}.brand span{font-size:23px}.brand img{width:38px}.navlabel{margin-top:42px;font-size:8px}nav{gap:7px}nav button{padding:12px 10px;font-size:12px}.sidefoot{padding-top:24px}
main{max-width:none!important;width:100%;height:100%;padding:24px 28px 14px;margin:0!important;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
header{margin-bottom:20px}h1{font-size:23px}.eyebrow{font-size:8px}.header-right button{background:#21141a;border-color:#66313c;color:#ff6c7e}
.workspace{min-height:0;grid-template-columns:minmax(0,1fr) 260px;gap:18px}.panel{border-radius:6px;border-color:#28242c}.chat{min-height:0!important;height:100%;box-shadow:0 12px 50px #0003}.panelhead{padding:15px 20px;flex-shrink:0}.panelhead small{font-size:11px}.assistant-status{color:#a69ba9;font-size:11px;white-space:nowrap}
.messages{min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:24px 28px;scrollbar-width:thin;scrollbar-color:#4c2c37 transparent}.welcome{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:10px 0!important}.welcome img{width:48px;margin-bottom:18px}.welcome h2{font-size:30px;margin:10px 0}.welcome p{font-size:13px;margin:0}.suggestions{margin:23px auto 0;max-width:480px;width:100%;gap:8px}.suggestions button{padding:11px 14px}
#composer{flex-shrink:0;margin:0 18px;border-color:#4b303b;background:#17141a;padding:14px 16px;box-shadow:0 0 0 1px #ff334b08}#composer:focus-within{border-color:#bd3d54;box-shadow:0 0 0 2px #ff334b12}textarea{font-size:14px;line-height:1.5;min-height:46px;max-height:130px}#composer small{font-size:10px;color:#9b899c}#composer button{font-size:12px;padding:10px 15px;display:flex;align-items:center;gap:12px}#composer button span{font-size:19px}.disclaimer{flex-shrink:0;font-size:9px;color:#837787;padding:10px 12px;line-height:1.4}
.rightbar{min-height:0;overflow-y:auto;gap:14px;scrollbar-width:thin}.device{padding:18px}.computer-art{width:124px;margin:12px auto 0}.device h3{font-size:15px;margin:5px 0}.device p{font-size:11px;margin:8px 0}.device button{margin-top:10px;padding:11px}.metrics{padding:18px}.metric{margin:22px 0}.metrics small{color:#96869c}.sectiontitle{font-size:8px}.safety{padding:4px 6px}.safety p{line-height:1.6}.alternate{min-height:0;height:100%;overflow-y:auto;padding:28px}.alternate h2{font-size:26px}.alternate p{font-size:13px}
.message{font-size:14px;line-height:1.75;padding:16px 18px;margin-bottom:18px}.message.user{margin-left:clamp(10px,10%,80px);background:#291820;border-color:#52303e}.message.assistant{margin-right:15px;border-color:#2d2933;background:#141319}.message.assistant:before{content:'MooT';display:block;font-size:10px;letter-spacing:1px;color:#ff6a7c;margin-bottom:7px}.thinking{font-size:12px;color:#ba8c9b;padding:12px 0;animation:breathe 1.5s ease-in-out infinite}@keyframes breathe{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.thinking{animation:none}}
footer{margin-top:12px;font-size:8px}.download{margin:8px 0}.profile{margin:20px 0}#pairCode{font-size:30px;overflow-wrap:anywhere}.header-right .status{font-size:10px;max-width:180px;text-align:right}
@media(max-height:760px) and (min-width:851px){main{padding-top:17px}header{margin-bottom:14px}.welcome img{width:38px;margin-bottom:12px}.welcome h2{font-size:27px}.suggestions{margin-top:17px;gap:6px}.welcome .eyebrow{display:none}.suggestions button{padding:9px 13px}.messages{padding:16px 24px}.computer-art{width:95px}.safety{display:none}}
@media(max-width:1100px){aside{width:190px;padding:24px 14px}main{padding:20px 18px 12px}.workspace{grid-template-columns:minmax(0,1fr) 230px;gap:14px}.messages{padding:18px}.brand span{font-size:21px}.brand small{font-size:8px}}
@media(max-width:850px){body{height:100dvh;display:flex;flex-direction:column}aside{width:100%;padding:12px 16px;flex-shrink:0}.brand img{width:26px}.brand span{font-size:20px}nav{margin-top:10px;gap:3px}nav button{padding:8px 10px;font-size:11px}nav button span{font-size:15px}.sidefoot{display:none}main{flex:1;min-height:0;padding:14px 14px 8px}header{margin-bottom:12px}.workspace{display:block;position:relative}.rightbar{display:none}.chat{height:100%;min-height:0!important}.alternate{height:100%}.welcome h2{font-size:25px}.welcome img{width:38px}.messages{padding:16px}.panelhead{padding:12px 16px}.panelhead small{display:none}#composer{margin:0 12px;padding:12px}#composer small{font-size:8px}#composer button{padding:7px 10px;font-size:11px}.disclaimer{font-size:8px;padding:8px}.status{display:none}footer{margin-top:7px}.welcome .eyebrow{display:none}.suggestions{margin-top:16px}.suggestions button{font-size:11px;padding:9px 12px}}
@media(max-width:450px){nav button{font-size:10px;padding:8px}nav button span{display:none}.brand small{display:none}.welcome h2{font-size:23px}.welcome p{font-size:12px}.welcome img{width:30px;margin-bottom:10px}h1{font-size:19px}header .eyebrow{display:none}#composer small{max-width:150px;line-height:1.5}}


/* Visual language of cultmoot.online portfolio */
:root{--red:#e9edf3;--line:#ffffff14;--muted:#999ba3;background:#0b0b0c;color:#ededf0;font-family:Inter,"Segoe UI",Arial,sans-serif}
body{display:block;background:radial-gradient(ellipse at 85% 30%,#191b2044,transparent 60%),#0b0b0c;background-attachment:fixed}
aside{width:100%;height:82px;padding:0 38px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid var(--line);background:#0c0c0de8}
.brand{gap:11px}.brand span{font-size:22px;letter-spacing:-.6px}.brand img{width:36px}.brand small{display:inline;font-size:11px;margin-left:20px;color:#777982;letter-spacing:0}.navlabel,.sidefoot{display:none}
nav{display:flex;gap:8px;margin:0}nav button,nav button.active{font-size:12px;border-radius:11px;padding:11px 17px;background:transparent;box-shadow:none;border-color:transparent;color:#a7a7ad}
nav button.active{background:#ededf0;color:#101114}nav button span{display:none}
main{max-width:1500px;padding:30px 38px 18px;margin:0 auto}header{margin-bottom:24px}h1{font-size:27px;letter-spacing:-1px}.eyebrow{color:#999ca6;letter-spacing:1.7px}
.workspace{gap:24px;grid-template-columns:minmax(400px,1fr) 300px}.panel{background:linear-gradient(145deg,#1c1d2180,#0f1012d9);border:1px solid #ffffff16;border-radius:22px;box-shadow:inset 0 1px #ffffff04,0 20px 65px #0002;backdrop-filter:blur(12px)}
button,.download{background:#eeeef1;color:#101113;border:1px solid #ffffff24;border-radius:11px;box-shadow:none;font-weight:600}button:hover,.download:hover{filter:brightness(.9)}
.secondary,.suggestions button,.sidefoot button{background:transparent;border-color:#ffffff1c;color:#c4c5cb}.header-right{gap:14px}.header-right button{font-size:11px}.status{color:#8e9199}
.panelhead{padding:20px 25px;border-color:#ffffff0d}.panelhead b{font-size:12px}.panelhead small{color:#81838c}.red-dot{background:#d4e3ed;box-shadow:0 0 12px #c7e9ff44}.assistant-status{color:#a8acb5!important}
.messages{padding:26px 30px}.welcome{padding:25px 0;text-align:left;max-width:620px;margin:auto}.welcome img{width:48px;margin:0 0 23px;filter:none}.welcome .eyebrow{color:#9d9fa8;font-size:9px}.welcome h2{font-size:44px;letter-spacing:-1.9px;font-weight:550;margin:16px 0}.welcome h2 span{display:block;color:#929399;font-size:36px;font-weight:400;letter-spacing:-1.4px;margin-top:8px}.welcome p{font-size:13px;color:#999ba4}.suggestions{max-width:none;grid-template-columns:1fr;margin:24px 0 0}.suggestions button{background:#ffffff03;font-size:12px;padding:13px 16px;border-radius:11px}.suggestions span{color:#b8bdc7}
#composer{background:#0c0d108f;border:1px solid #ffffff23;border-radius:15px;box-shadow:none;margin:10px 24px 0}#composer button{color:#111!important;background:#eeeef1!important;border-color:#ffffff22!important}#composer small,.disclaimer{color:#858791}textarea{font-size:13px}textarea:focus{outline:none}button:focus-visible,a:focus-visible,textarea:focus-visible{outline-color:#b9c6d7}
.message.user{background:#ffffff09;border-color:#ffffff14}.message.assistant{background:#12131699;border-color:#ffffff0c}.message{border-radius:13px;color:#dcdee5}.chat-choices button{background:#e9eaee;color:#121316;border-color:#ffffff22}
.device{padding:25px}.computer-art{color:#777d8c}.device h3{font-size:18px}.sectiontitle{font-size:9px;color:#9699a3}.metric span,.metrics small,.device p,p{color:#969aa5}progress{accent-color:#cbd3de}progress::-webkit-progress-value{background:#cbd3de}progress::-webkit-progress-bar{background:#26282e}.metric b{color:#eef0f4}.safety>span{color:#a4aebc}.safety{color:#c1c4cc}.sectiontitle span.live{color:#9fa6b3}
#pairCode,.event small{color:#d6deeb}.event{border-color:#ffffff12}.download{margin:12px 0}#toast{background:#191b21f5;border-color:#616773;color:#eee}.login-overlay{background:#0a0b0ef5!important}.login-overlay img{filter:none}footer{color:#60636d}
@media(min-width:851px){body{height:100vh;overflow:hidden}main{height:calc(100vh - 82px);display:flex;flex-direction:column;width:100%}.workspace{flex:1;min-height:0}.chat,.alternate{min-height:0;height:100%}.messages{min-height:0;max-height:none;flex:1}.rightbar{overflow:auto}footer{flex-shrink:0}.alternate{overflow:auto}}
@media(max-width:1100px){aside{padding:0 24px}.brand small{display:none}main{padding:24px}.workspace{grid-template-columns:minmax(350px,1fr) 245px}.welcome h2{font-size:38px}.welcome h2 span{font-size:30px}.status{display:none}}
@media(max-width:850px){aside{height:auto;min-height:80px;flex-wrap:wrap;gap:18px;padding:18px 20px}nav{margin:0;overflow:auto}.workspace{grid-template-columns:1fr}.chat{height:680px;min-height:0}main{padding:22px 16px}.rightbar{display:grid;grid-template-columns:1fr 1fr}.welcome{padding:12px 0}.welcome h2{font-size:36px}header{align-items:flex-start}.header-right{flex-wrap:wrap;justify-content:flex-end;max-width:210px}.panel{border-radius:18px}}
@media(max-width:480px){nav{width:100%;justify-content:space-between}nav button{padding:10px;font-size:10px}.rightbar{display:flex}.messages{padding:22px}.welcome h2{font-size:32px}.welcome h2 span{font-size:26px}.brand span{font-size:21px}h1{font-size:21px}#composer{margin:8px 14px 0}.header-right{max-width:180px;gap:7px}.header-right button{font-size:10px;padding:9px}.chat{height:650px}}
.header-right button{background:#ededf0;color:#101114;border-color:#ffffff24}.header-right .secondary{background:transparent;color:#c3c7cf;border-color:#ffffff20}.message.assistant:before,.thinking{color:#b1becf}.messages{scrollbar-color:#484b53 transparent}#composer:focus-within{border-color:#919cab;box-shadow:0 0 0 2px #cbdcff09}
@media(max-width:850px){body{height:100dvh;overflow:hidden;display:flex;flex-direction:column}aside{min-height:64px;padding:14px 18px;gap:12px}.brand img{width:32px}main{height:auto;flex:1;min-height:0;display:flex;flex-direction:column;padding:16px 16px 8px}.workspace{flex:1;min-height:0;display:block}.chat{height:100%;min-height:0}.rightbar{display:none}header{margin-bottom:16px}.header-right{max-width:none;flex-wrap:nowrap}.header-right button{padding:10px;font-size:10px}.welcome h2{font-size:32px}.welcome h2 span{font-size:27px}.messages{padding:20px}.welcome img{width:38px;margin-bottom:18px}.suggestions{margin-top:18px}.disclaimer{font-size:8px}footer{flex-shrink:0}}
@media(max-width:480px){.header-right{flex-direction:column;gap:6px}.header-right button{padding:7px 10px}.welcome h2{font-size:28px}.welcome h2 span{font-size:23px}.welcome p{font-size:12px}.messages{padding:18px}.welcome img{display:none}.suggestions button{padding:9px}.suggestions{margin-top:14px}}

.brand small{display:block!important;margin:4px 0 0;font-size:9px;color:#8f929b;letter-spacing:.3px}.brand span{font-size:23px}.menu-toggle{display:flex;align-items:center;gap:12px;background:transparent;color:#dedfe5;border:1px solid #ffffff20;padding:11px 17px}.menu-lines{width:17px;height:10px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;display:block}
.menu-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(5px);z-index:30}.menu-backdrop[hidden]{display:none}
.site-menu{position:fixed;right:0;top:0;bottom:0;width:min(370px,90vw);background:linear-gradient(145deg,#202126f5,#0d0e11fa);border-left:1px solid #ffffff20;box-shadow:-30px 0 100px #0006;z-index:31;padding:32px 25px;transform:translateX(105%);transition:transform .32s cubic-bezier(.22,.68,0,1.02);visibility:hidden}.site-menu.open{transform:translateX(0);visibility:visible}.site-menu:not(.open){transition:transform .32s ease,visibility 0s .32s}.menu-heading{display:flex;align-items:center;justify-content:space-between}.menu-heading b{font-size:26px;letter-spacing:-1px}.menu-heading button{background:transparent;border:0;color:#bfc3cb;font-size:27px;padding:2px 12px}.site-menu>p{font-size:11px;color:#898d98;margin-top:0}.site-menu nav{display:flex;flex-direction:column;gap:12px;margin-top:42px;width:100%}.site-menu nav button{width:100%;text-align:left;padding:18px;font-size:14px;border:1px solid #ffffff10;border-radius:12px}.site-menu nav button.active{background:#ededf1;color:#121316}.site-menu nav button:after{content:'↗';float:right;opacity:.65}
@media(max-width:850px){aside{min-height:74px;flex-wrap:nowrap}.brand img{width:34px}.brand span{font-size:22px}.brand small{font-size:8px}.site-menu{padding:25px 20px}}
@media(prefers-reduced-motion:reduce){.site-menu,.site-menu:not(.open){transition:none}}
/* Navigation opens from the left, per user preference. */
aside{justify-content:flex-start;gap:22px}.menu-toggle{order:-1}.site-menu{left:0;right:auto;border-left:0;border-right:1px solid #ffffff20;box-shadow:30px 0 100px #0006;transform:translateX(-105%)}.site-menu.open{transform:translateX(0)}
@media(max-width:480px){aside{gap:14px}.menu-toggle{padding:10px;font-size:11px}.brand small{font-size:7px}}

/* Persistent collapsible panel: the workspace reflows instead of being covered. */
body{display:grid!important;grid-template-columns:0 minmax(0,1fr);grid-template-rows:82px minmax(0,1fr);height:100dvh;overflow:hidden;transition:grid-template-columns .3s cubic-bezier(.2,.8,.2,1)}
body.sidebar-open{grid-template-columns:260px minmax(0,1fr)}
body>aside{grid-column:1/-1;grid-row:1;height:82px;min-height:0;position:relative;z-index:2}.menu-toggle{width:40px;height:40px;padding:11px;justify-content:center}.menu-lines{flex-shrink:0}
.site-menu,.site-menu.open{position:relative;grid-column:1;grid-row:2;inset:auto;width:260px;max-width:none;height:100%;padding:26px 18px;transform:none;box-shadow:none;border:0;border-right:1px solid #ffffff12;background:linear-gradient(140deg,#17181c90,#0c0d10d0);overflow:hidden;min-width:0;opacity:0;visibility:hidden;transition:opacity .22s,visibility 0s .3s;z-index:1}
.site-menu.open{opacity:1;visibility:visible;transition:opacity .3s}.site-menu:not(.open){transform:none;transition:opacity .2s,visibility 0s .3s}.site-menu nav{margin-top:30px}.site-menu nav button{font-size:12px;padding:15px}.menu-heading b{font-size:22px}.site-menu>p{font-size:9px}.menu-backdrop{display:none!important}
body>main{grid-column:2;grid-row:2;width:100%;height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;container-type:inline-size;container-name:workspace;padding:24px}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 260px}.chat{height:100%;min-height:0}.rightbar{display:flex}.messages{min-height:0;flex:1}.header-right{min-width:0}footer{flex-shrink:0}
@container workspace (max-width:850px){.workspace{display:block}.rightbar{display:none}.header-right .status{display:none}.welcome h2{font-size:34px}.welcome h2 span{font-size:28px}}
@container workspace (max-width:480px){header{align-items:flex-start;gap:10px}header h1{font-size:20px}.header-right{flex-direction:column;align-items:flex-end;gap:6px}.header-right button{font-size:9px;padding:7px 9px}.messages{padding:16px}.welcome h2{font-size:27px}.welcome h2 span{font-size:22px}.welcome img{display:none}.welcome p{font-size:12px}.suggestions button{font-size:10px;padding:9px}#composer{margin:0 10px;padding:10px}#composer>div{gap:5px}#composer small{font-size:8px}#composer button{font-size:10px;padding:7px}.panelhead{padding:12px}.panelhead small{display:none}.disclaimer{font-size:8px}footer span{display:none}}
@media(max-width:650px){body{grid-template-rows:74px minmax(0,1fr)}body>aside{height:74px;padding:14px 16px}body.sidebar-open{grid-template-columns:190px minmax(0,1fr)}.site-menu,.site-menu.open{width:190px;padding:22px 10px}.site-menu nav button{font-size:11px;padding:13px 10px}.site-menu>p{font-size:8px}.menu-heading b{font-size:20px}body>main{padding:14px 12px 8px}.brand small{font-size:8px}}
@media(prefers-reduced-motion:reduce){body,.site-menu,.site-menu.open,.site-menu:not(.open){transition:none}}

.top-account{margin-left:auto;flex-shrink:0}.top-account button{font-size:11px;padding:11px 16px;background:#eeeef1;color:#111216;border-color:#ffffff20}@media(max-width:480px){.top-account button{font-size:9px;padding:9px}.brand small{max-width:110px}.brand span{font-size:20px}body>aside{gap:10px;padding:12px}}

.owner-contact{margin-top:auto;display:flex;align-items:center;gap:11px;padding:15px 13px;border:1px solid #55b9f044;border-radius:16px;background:linear-gradient(125deg,#173b50b3,#10202de6);color:#e1f3ff;text-decoration:none;box-shadow:0 8px 28px #008dce18,inset 0 1px #ffffff0c;backdrop-filter:blur(16px);transition:transform .2s,box-shadow .2s,border-color .2s;flex-shrink:0}
.owner-contact svg{width:25px;height:25px;color:#65c6ff;flex-shrink:0}.owner-contact span{font-size:11px;font-weight:600;line-height:1.5}.owner-contact small{display:block;font-size:9px;color:#99b3c4;font-weight:400;margin-top:3px}.owner-contact b{margin-left:auto;font-size:17px;color:#8fd7ff}.owner-contact:hover{transform:translateY(-3px);border-color:#62c9ff80;box-shadow:0 12px 32px #008dce30}.owner-contact:focus-visible,.owner-contact-mobile:focus-visible{outline:2px solid #71cfff;outline-offset:4px}.owner-contact-mobile{display:none;color:#a3d8f5;text-decoration:none;font-size:10px}
@container workspace (max-width:850px){footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}footer>span{display:none}.owner-contact-mobile{display:inline-block;margin-left:auto}}
@media(prefers-reduced-motion:reduce){.owner-contact{transition:none}.owner-contact:hover{transform:none}}
.owner-contact{position:sticky;bottom:0;z-index:2;background:linear-gradient(125deg,#173b50,#10202d)}

#promoForm{display:grid;gap:10px;margin-top:28px;padding:14px;border:1px solid #ffffff20;border-radius:14px}#promoForm label{font-size:12px}#promoForm input{min-width:0;width:100%;background:#0b0d12;color:#eee;border:1px solid #ffffff25;border-radius:8px;padding:10px}#promoForm small{font-size:10px;color:#aab5c5;line-height:1.5}.site-menu.open{overflow-y:auto}

.portfolio-return{display:block;color:#a1a1aa;font-size:12px;padding:12px 16px;text-decoration:none}.portfolio-return:hover{color:#fff}