*{box-sizing:border-box}:root{--kb-bg:#070709;--kb-panel:#0d0d12;--kb-panel-2:#121219;--kb-line:rgba(255,255,255,0.085);--kb-muted:#8d8d9a;--kb-text:#f3f3f6;--kb-purple:#9f6bff;--kb-purple-soft:rgba(159,107,255,0.14)}body,html{background:var(--kb-bg)}button,input,textarea{font:inherit}.chatAppShell{height:100dvh;min-height:0;overflow:hidden;position:relative;display:grid;grid-template-rows:58px minmax(0,1fr);color:var(--kb-text);background:radial-gradient(circle at 50% -18%,rgba(159,107,255,.105),transparent 38%),linear-gradient(180deg,#09090c,#070709);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.chatAppShell .ambientGrid{position:fixed;opacity:.15;background-size:52px 52px;-webkit-mask-image:linear-gradient(180deg,black,transparent 78%);mask-image:linear-gradient(180deg,black,transparent 78%)}.desktopChatHeader{position:relative;z-index:20;height:58px;border-bottom:1px solid var(--kb-line);background:rgba(8,8,11,.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chatHeaderInner{width:100%;height:100%;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:18px;gap:18px}.chatBrand{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.chatBrandMark,.emptyMark,.introMark,.messageAvatar{display:grid;place-items:center;background:var(--kb-purple);color:white;font-weight:850;letter-spacing:-.04em}.chatBrandMark{width:30px;height:30px;border-radius:9px;font-size:11px}.chatBrand>span:last-child{display:flex;align-items:center;gap:8px}.chatBrand strong{font-size:14px}.chatBrand small{color:#66d699;font-size:11px;font-weight:650}.chatModeSwitch{padding:3px;display:flex;border-radius:9px;background:#111116;border:1px solid var(--kb-line)}.chatModeSwitch button{min-width:72px;height:30px;padding:0 13px;border:0;border-radius:6px;color:var(--kb-muted);background:transparent;font-size:12px;font-weight:680;cursor:pointer}.chatModeSwitch button.isActive{color:white;background:#23222b;box-shadow:0 1px 3px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.06)}.chatTools{display:flex;justify-content:flex-end;align-items:center;gap:4px}.chatTools a,.chatTools button{height:32px;padding:0 10px;display:inline-flex;align-items:center;border:0;border-radius:7px;color:#a5a5b0;background:transparent;text-decoration:none;font-size:12px;cursor:pointer}.chatTools a:hover,.chatTools button:hover{color:white;background:rgba(255,255,255,.06)}.chatWorkspace{display:grid;grid-template-rows:minmax(0,1fr) auto}.chatScroll,.chatWorkspace{min-height:0;position:relative}.chatScroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:32px 24px 20px}.chatScroll::-webkit-scrollbar{width:10px}.chatScroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border:3px solid transparent;background-clip:padding-box;border-radius:20px}.emptyScroll{display:grid;place-items:center}.chatEmptyState{width:min(760px,100%);margin:auto;padding:40px 0 56px;text-align:center}.emptyMark,.introMark{width:46px;height:46px;margin:0 auto 20px;border-radius:13px;box-shadow:0 14px 38px rgba(159,107,255,.2);font-size:14px}.emptyEyebrow,.modalEyebrow{margin:0 0 12px;color:var(--kb-purple);font-size:10px;font-weight:800;letter-spacing:.18em}.chatEmptyState h1{margin:0;font-size:clamp(32px,4.3vw,52px);line-height:1.08;letter-spacing:-.055em}.emptyDescription{width:min(580px,100%);margin:17px auto 0;color:var(--kb-muted);font-size:14px;line-height:1.75}.emptyPrompts{width:min(680px,100%);margin:30px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px}.emptyPrompts button{min-height:50px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c9c9d0;background:rgba(255,255,255,.028);border:1px solid var(--kb-line);border-radius:10px;cursor:pointer;text-align:left;font-size:13px}.emptyPrompts button:hover{color:white;border-color:rgba(159,107,255,.36);background:var(--kb-purple-soft)}.emptyPrompts em{color:#686873;font-style:normal}.chatMessageColumn{width:min(880px,100%);min-height:100%;margin:0 auto}.chatMessage{display:flex;align-items:flex-start;gap:12px;margin:0 0 26px}.chatMessage.isUser{justify-content:flex-end}.messageAvatar{width:28px;height:28px;flex:0 0 28px;border-radius:8px;font-size:9px;margin-top:2px}.messageContent{max-width:min(760px,calc(100vw - 100px))}.messageBubble{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.72}.isAi .messageBubble{color:#dedee5}.isUser .messageBubble{max-width:680px;padding:11px 15px;border:1px solid rgba(159,107,255,.28);border-radius:14px 14px 4px 14px;color:#f6f3ff;background:rgba(159,107,255,.15)}.messageBubble.hasError{padding:12px 14px;border:1px solid rgba(239,93,93,.25);border-radius:10px;background:rgba(239,93,93,.07);color:#f0baba}.messageActions{min-height:25px;margin-top:7px;display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.chatMessage:hover .messageActions,.messageActions:focus-within{opacity:1}.messageActions button{border:0;border-radius:6px;padding:4px 7px;color:#777784;background:transparent;font-size:11px;cursor:pointer}.messageActions button:hover{color:#d8d8df;background:rgba(255,255,255,.05)}.typingIndicator{display:flex;gap:5px;padding-top:8px}.typingIndicator i{width:5px;height:5px;border-radius:50%;background:#77727f;animation:kbTyping 1.1s infinite}.typingIndicator i:nth-child(2){animation-delay:.15s}.typingIndicator i:nth-child(3){animation-delay:.3s}@keyframes kbTyping{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.jumpLatest{position:-webkit-sticky;position:sticky;left:50%;bottom:6px;transform:translateX(-50%);height:34px;padding:0 13px;border:1px solid var(--kb-line);border-radius:99px;color:#c8c8d0;background:rgba(18,18,24,.92);box-shadow:0 10px 30px rgba(0,0,0,.35);cursor:pointer;font-size:11px}.chatComposerDock{position:relative;z-index:10;padding:8px max(18px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:linear-gradient(0deg,#070709 72%,rgba(7,7,9,.88))}.chatComposer{width:min(880px,100%);margin:0 auto;padding:9px 9px 9px 15px;display:flex;align-items:flex-end;gap:9px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:#111116;box-shadow:0 15px 42px rgba(0,0,0,.34)}.chatComposer:focus-within{border-color:rgba(159,107,255,.52);box-shadow:0 0 0 3px rgba(159,107,255,.08),0 15px 42px rgba(0,0,0,.34)}.chatComposer textarea{width:100%;min-height:24px;max-height:200px;padding:6px 0;resize:none;overflow-y:auto;border:0;outline:0;color:#eeeef2;background:transparent;font-size:14px;line-height:1.55}.chatComposer textarea::placeholder{color:#62626d}.chatComposer button{min-width:76px;height:36px;padding:0 12px;border:0;border-radius:9px;color:white;font-size:12px;font-weight:740;cursor:pointer}.sendButton{background:var(--kb-purple)}.sendButton:disabled{opacity:.35;cursor:default}.stopButton{display:flex;align-items:center;justify-content:center;gap:7px;background:#292831}.stopButton span{width:8px;height:8px;border-radius:2px;background:#dddde4}.chatComposerDock>p{margin:7px auto 0;color:#54545e;font-size:10px;text-align:center}.chatModalBackdrop{position:fixed;inset:0;z-index:100;padding:20px;display:grid;place-items:center;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chatModal{width:min(480px,100%);position:relative;padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:16px;color:var(--kb-text);background:#111116;box-shadow:0 30px 90px rgba(0,0,0,.55)}.chatModal h2{margin:0;font-size:25px;letter-spacing:-.04em}.chatModal>p:not(.modalEyebrow){color:var(--kb-muted);font-size:13px;line-height:1.65}.modalClose{position:absolute;top:14px;right:14px;width:30px;height:30px;border:0;border-radius:7px;color:#9999a3;background:rgba(255,255,255,.05);cursor:pointer;font-size:20px}.modalSegments{margin:20px 0 10px;padding:3px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px;border-radius:9px;background:#0b0b0f}.modalSegments button{min-height:34px;border:0;border-radius:7px;color:#777783;background:transparent;cursor:pointer;font-size:11px}.modalSegments button.isActive{color:white;background:#26242e}.chatModal input,.chatModal textarea{width:100%;outline:0;color:white;border:1px solid var(--kb-line);background:#0a0a0e}.chatModal textarea{min-height:130px;padding:13px;border-radius:10px;resize:vertical;line-height:1.55}.chatModal input{height:42px;margin-top:9px;padding:0 13px;border-radius:9px}.chatModal input:focus,.chatModal textarea:focus{border-color:rgba(159,107,255,.5)}.modalFooter{margin-top:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.modalFooter span{color:var(--kb-muted);font-size:11px}.introEnter,.modalFooter button{min-height:40px;padding:0 15px;border:0;border-radius:9px;color:white;background:var(--kb-purple);font-weight:730;cursor:pointer}.modalFooter button:disabled{opacity:.45}.introCompact{text-align:center}.introCapabilities{margin:20px 0;display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.introCapabilities span{padding:7px 10px;border:1px solid var(--kb-line);border-radius:7px;color:#aaaab4;font-size:11px}.introEnter{width:100%}@media (max-width:720px){.chatAppShell{grid-template-rows:calc(54px + env(safe-area-inset-top)) minmax(0,1fr)}.desktopChatHeader{height:calc(54px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.chatHeaderInner{padding:0 10px;grid-template-columns:auto 1fr auto;gap:8px}.chatBrand>span:last-child{display:none}.chatModeSwitch{justify-self:center}.chatModeSwitch button{min-width:58px;padding:0 9px}.chatTools a{display:none}.chatTools button{padding:0 7px}.chatTools button:first-of-type{display:none}.chatScroll{padding:24px 14px 14px}.chatEmptyState{padding:20px 0 34px}.chatEmptyState h1{font-size:32px}.emptyPrompts{grid-template-columns:1fr;gap:7px;margin-top:24px}.emptyPrompts button{min-height:46px}.messageContent{max-width:calc(100vw - 68px)}.chatMessage{gap:9px;margin-bottom:21px}.isUser .messageBubble{max-width:calc(100vw - 48px)}.messageActions{opacity:1}.chatComposerDock{padding-top:6px;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.chatComposer{border-radius:13px}.chatComposerDock>p{display:none}.chatModalBackdrop{align-items:end;padding:10px 10px max(10px,env(safe-area-inset-bottom))}.chatModal{max-height:calc(100dvh - 20px);overflow-y:auto;padding:24px 18px;border-radius:15px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body,html{margin:0;padding:0;color:white;font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Display,Segoe UI,sans-serif}body{min-height:100vh;overflow-x:hidden}button,textarea{font-family:inherit}.app{display:flex;justify-content:center;align-items:center;padding:18px;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 8%,rgba(155,95,255,.42),transparent 30%),radial-gradient(circle at 86% 18%,rgba(74,108,255,.24),transparent 32%),radial-gradient(circle at 50% 100%,rgba(255,72,170,.18),transparent 34%),linear-gradient(135deg,#03020a,#09051a 38%,#120724 72%,#05030a);animation:bgMove 13s ease-in-out infinite alternate}.app:after,.app:before{content:"";position:absolute;width:360px;height:360px;border-radius:999px;filter:blur(42px);opacity:.42;pointer-events:none}.app:before{left:-115px;top:10%;background:rgba(139,92,246,.58);animation:floatOrbOne 10s ease-in-out infinite}.app:after{right:-130px;bottom:7%;background:rgba(236,72,153,.36);animation:floatOrbTwo 12s ease-in-out infinite}.phone{width:100%;max-width:none;border-radius:38px;overflow:hidden;position:relative;z-index:1;display:flex;flex-direction:column;background:rgba(12,10,22,.74);border:1px solid rgba(255,255,255,.13);box-shadow:0 34px 110px rgba(0,0,0,.62),0 0 90px rgba(139,92,246,.17),inset 0 1px 0 rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);animation:phoneBreath 5s ease-in-out infinite}.phone:before{inset:0;pointer-events:none;background:linear-gradient(120deg,transparent,rgba(255,255,255,.055) 28%,transparent 46%),radial-gradient(circle at 50% 0,rgba(255,255,255,.09),transparent 35%);opacity:.75}.phone:after,.phone:before{content:"";position:absolute}.phone:after{width:178px;height:4px;top:10px;left:50%;transform:translateX(-50%);border-radius:999px;background:rgba(255,255,255,.16)}.chatHeader{height:86px;padding:18px 20px 14px;display:flex;align-items:center;gap:12px;background:rgba(10,8,18,.72);border-bottom:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:2}.avatar{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#bea0ff,#5b36ff);box-shadow:0 0 28px rgba(138,80,255,.66),inset 0 1px 0 rgba(255,255,255,.28);animation:avatarPulse 3.5s ease-in-out infinite}.avatar span{font-size:13px;font-weight:850;letter-spacing:.7px}.profile{flex:1 1;min-width:0}.profile h1{margin:0;font-size:18px;font-weight:780;letter-spacing:-.3px}.profile p{margin:4px 0 0;font-size:12px;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clearBtn{height:30px;padding:0 10px;border:0;border-radius:999px;color:rgba(255,255,255,.72);background:rgba(255,255,255,.08);font-size:12px;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:.18s ease}.clearBtn:hover{color:white;background:rgba(255,255,255,.13)}.clearBtn:active{transform:scale(.94)}.statusDot{width:10px;height:10px;flex:0 0 10px;border-radius:999px;background:#7cffb2;box-shadow:0 0 16px rgba(124,255,178,.9);animation:onlinePulse 1.8s ease-in-out infinite}.hero{padding:22px 20px 8px;position:relative;z-index:2;animation:heroIn .65s ease both}.roomBadge{width:-moz-fit-content;width:fit-content;padding:7px 11px;margin-bottom:14px;border-radius:999px;font-size:11px;letter-spacing:.9px;color:rgba(226,211,255,.86);background:rgba(139,92,246,.15);border:1px solid rgba(196,181,253,.18);box-shadow:0 0 30px rgba(139,92,246,.18)}.hero h2{margin:0;font-size:34px;line-height:1.08;letter-spacing:-1.6px;font-weight:850;background:linear-gradient(135deg,#ffffff,#dfd1ff 45%,#a78bfa);-webkit-background-clip:text;color:transparent;animation:titleFloat 4.5s ease-in-out infinite}.heroText{margin:14px 0 0;max-width:340px;font-size:14px;line-height:1.65;color:rgba(255,255,255,.62)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tags span{padding:7px 10px;border-radius:999px;font-size:12px;color:rgba(255,255,255,.78);background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.085);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:tagIn .5s ease both}.messages{flex:1 1;overflow-y:auto;padding:18px 16px 120px;scroll-behavior:smooth;position:relative;z-index:2}.messages::-webkit-scrollbar{width:0}.messageRow{display:flex;margin:10px 0}.userRow{justify-content:flex-end}.aiRow{justify-content:flex-start}.bubble{max-width:78%;padding:13px 15px;border-radius:21px;font-size:15px;line-height:1.55;white-space:pre-wrap;word-break:break-word;animation:bubbleIn .26s cubic-bezier(.2,.9,.2,1.1) both}.aiBubble{color:rgba(255,255,255,.92);background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.075);border-bottom-left-radius:7px;box-shadow:0 12px 34px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.userBubble{color:white;background:linear-gradient(135deg,#7c4dff,#a855f7);border-bottom-right-radius:7px;box-shadow:0 12px 34px rgba(124,77,255,.32),inset 0 1px 0 rgba(255,255,255,.18)}.inputBar{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:flex-end;gap:10px;padding:10px;border-radius:26px;background:rgba(18,15,30,.86);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px rgba(0,0,0,.42),0 0 40px rgba(139,92,246,.1);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:3;transition:.22s ease}.inputBar:focus-within{border-color:rgba(196,181,253,.38);box-shadow:0 18px 56px rgba(0,0,0,.5),0 0 44px rgba(139,92,246,.22);transform:translateY(-2px)}.inputBar textarea{flex:1 1;min-height:42px;max-height:120px;resize:none;border:0;outline:none;color:white;background:transparent;padding:11px 4px 9px 8px;font-size:15px;line-height:1.45}.inputBar textarea::placeholder{color:rgba(255,255,255,.38)}.inputBar button{height:42px;min-width:66px;border:0;border-radius:999px;color:white;font-size:14px;font-weight:730;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#c084fc);box-shadow:0 10px 26px rgba(139,92,246,.45);transition:.18s ease}.inputBar button:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(139,92,246,.55),0 0 26px rgba(192,132,252,.22)}.inputBar button:active{transform:scale(.96)}.inputBar button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.typing{display:flex;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;min-width:58px}.typing span{width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.72);animation:typingDot 1s ease-in-out infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes bgMove{0%{background-position:0 0}to{background-position:18% 8%}}@keyframes floatOrbOne{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,60px) scale(1.08)}}@keyframes floatOrbTwo{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-44px,-54px) scale(1.12)}}@keyframes phoneBreath{0%,to{box-shadow:0 34px 110px rgba(0,0,0,.62),0 0 90px rgba(139,92,246,.17),inset 0 1px 0 rgba(255,255,255,.1)}50%{box-shadow:0 38px 125px rgba(0,0,0,.7),0 0 110px rgba(139,92,246,.29),inset 0 1px 0 rgba(255,255,255,.13)}}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes onlinePulse{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}@keyframes heroIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes tagIn{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px) scale(.98);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes typingDot{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-5px);opacity:1}}@media (max-width:520px){.app{padding:0}.app:after,.app:before{width:260px;height:260px}.phone{max-width:none;height:100vh;border-radius:0;border:0}.phone:after{top:8px}.chatHeader{padding-top:20px}.hero h2{font-size:28px}.inputBar{bottom:12px}}.ambientGrid{position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at center,black 0,transparent 72%);mask-image:radial-gradient(circle at center,black 0,transparent 72%);z-index:0}.starterPanel{margin-top:18px;padding:13px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)),rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.095);box-shadow:0 18px 44px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:heroIn .7s ease both}.starterTitle{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.starterTitle span{font-size:13px;font-weight:720;color:rgba(255,255,255,.84)}.starterTitle em{font-style:normal;font-size:11px;color:rgba(216,180,254,.74)}.starterGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.starterBtn{min-height:38px;padding:9px 10px;border:0;border-radius:15px;color:rgba(255,255,255,.86);background:radial-gradient(circle at 20% 0,rgba(196,181,253,.16),transparent 45%),rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08);font-size:12px;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.starterBtn:hover{transform:translateY(-1px);background:radial-gradient(circle at 20% 0,rgba(196,181,253,.24),transparent 45%),rgba(255,255,255,.095);border-color:rgba(196,181,253,.24);box-shadow:0 10px 24px rgba(139,92,246,.16)}.starterBtn:active{transform:scale(.97)}.phone{isolation:isolate}.hero{max-height:390px;overflow-y:auto}.hero::-webkit-scrollbar{width:0}@media (max-width:520px){.starterPanel{margin-top:14px;padding:12px}.starterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.starterBtn{min-height:36px;font-size:12px}.hero{max-height:405px}}.modePanel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px;margin-top:16px}.modeBtn{min-height:54px;padding:11px 12px;border:1px solid rgba(255,255,255,.085);background:radial-gradient(circle at 20% 0,rgba(196,181,253,.13),transparent 45%),rgba(255,255,255,.055);color:white;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease}.modeBtn strong{display:block;font-size:13px;font-weight:820;margin-bottom:4px}.modeBtn span{display:block;font-size:11px;color:rgba(255,255,255,.5)}.modeBtn:hover{transform:translateY(-1px);border-color:rgba(196,181,253,.22);background:radial-gradient(circle at 20% 0,rgba(196,181,253,.22),transparent 45%),rgba(255,255,255,.08);box-shadow:0 10px 24px rgba(139,92,246,.16)}.modeBtn:active{transform:scale(.97)}.modeBtn:disabled{opacity:.58;cursor:not-allowed}.activeMode{border-color:rgba(196,181,253,.42);background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(59,130,246,.13)),rgba(255,255,255,.08);box-shadow:0 12px 32px rgba(139,92,246,.18),inset 0 1px 0 rgba(255,255,255,.1)}.activeMode span{color:rgba(221,214,254,.82)}@media (max-width:520px){.modePanel{margin-top:14px;gap:8px}.modeBtn{min-height:50px;padding:10px 11px;border-radius:16px}.modeBtn strong{font-size:12px}.modeBtn span{font-size:10.5px}}.floatingFeedback{position:fixed;right:18px;bottom:18px;z-index:20;height:42px;padding:0 16px;border:0;border-radius:999px;color:white;font-size:13px;font-weight:820;cursor:pointer;background:linear-gradient(135deg,rgba(139,92,246,.95),rgba(192,132,252,.92));box-shadow:0 14px 34px rgba(139,92,246,.38),0 0 28px rgba(192,132,252,.16),inset 0 1px 0 rgba(255,255,255,.22);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.floatingFeedback:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(139,92,246,.48),0 0 34px rgba(192,132,252,.22)}.floatingFeedback:active{transform:scale(.96)}.feedbackOverlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 24% 16%,rgba(139,92,246,.28),transparent 36%),radial-gradient(circle at 78% 78%,rgba(236,72,153,.16),transparent 34%),rgba(3,2,10,.74);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);animation:feedbackFade .24s ease both}.feedbackCard{width:min(420px,100%);padding:22px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.115),rgba(255,255,255,.052)),rgba(14,10,25,.94);border:1px solid rgba(255,255,255,.14);box-shadow:0 34px 110px rgba(0,0,0,.62),0 0 70px rgba(139,92,246,.22),inset 0 1px 0 rgba(255,255,255,.12);animation:feedbackCardIn .32s cubic-bezier(.2,.9,.2,1.05) both}.feedbackTop{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.feedbackBadge{width:-moz-fit-content;width:fit-content;padding:6px 10px;border-radius:999px;margin-bottom:12px;font-size:11px;font-weight:820;letter-spacing:.9px;color:rgba(226,211,255,.9);background:rgba(139,92,246,.16);border:1px solid rgba(196,181,253,.2)}.feedbackTop h2{margin:0;font-size:26px;line-height:1.1;letter-spacing:-.9px;background:linear-gradient(135deg,#ffffff,#dfd1ff 52%,#a78bfa);-webkit-background-clip:text;color:transparent}.feedbackTop p{margin:10px 0 0;color:rgba(255,255,255,.62);font-size:13px;line-height:1.6}.feedbackClose{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:999px;color:rgba(255,255,255,.72);background:rgba(255,255,255,.075);cursor:pointer;font-size:22px;line-height:1;transition:.18s ease}.feedbackClose:hover{color:white;background:rgba(255,255,255,.12)}.feedbackClose:active{transform:scale(.94)}.feedbackTypes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-bottom:12px}.feedbackTypes button{min-height:38px;border-radius:14px;border:1px solid rgba(255,255,255,.085);color:rgba(255,255,255,.74);background:rgba(255,255,255,.055);cursor:pointer;font-size:12px;font-weight:760;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.feedbackTypes button:hover{transform:translateY(-1px);color:white;border-color:rgba(196,181,253,.22);background:rgba(255,255,255,.08)}.feedbackTypes button:active{transform:scale(.97)}.feedbackTypes button:disabled{opacity:.58;cursor:not-allowed}.feedbackTypes .activeFeedbackType{color:white;border-color:rgba(196,181,253,.42);background:linear-gradient(135deg,rgba(139,92,246,.24),rgba(59,130,246,.12)),rgba(255,255,255,.08);box-shadow:0 10px 26px rgba(139,92,246,.16),inset 0 1px 0 rgba(255,255,255,.1)}.feedbackTextarea{width:100%;min-height:140px;resize:vertical;padding:14px;border-radius:18px;outline:none;color:white;line-height:1.55;font-size:14px;background:rgba(8,7,14,.72);border:1px solid rgba(255,255,255,.105);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.feedbackTextarea::placeholder{color:rgba(255,255,255,.34)}.feedbackTextarea:focus{border-color:rgba(196,181,253,.38);background:rgba(8,7,14,.86);box-shadow:0 0 0 3px rgba(139,92,246,.12),0 14px 36px rgba(0,0,0,.18)}.feedbackInput{width:100%;height:44px;margin-top:10px;padding:0 14px;border-radius:16px;outline:none;color:white;font-size:14px;background:rgba(8,7,14,.72);border:1px solid rgba(255,255,255,.105);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.feedbackInput::placeholder{color:rgba(255,255,255,.34)}.feedbackInput:focus{border-color:rgba(196,181,253,.38);background:rgba(8,7,14,.86);box-shadow:0 0 0 3px rgba(139,92,246,.12),0 14px 36px rgba(0,0,0,.18)}.feedbackFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.feedbackFooter span{flex:1 1;min-height:20px;color:rgba(255,255,255,.58);font-size:12px;line-height:1.45}.feedbackSubmit{height:42px;padding:0 16px;border:0;border-radius:999px;color:white;font-size:13px;font-weight:820;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#8b5cf6,#c084fc);box-shadow:0 14px 32px rgba(139,92,246,.34),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.feedbackSubmit:hover{transform:translateY(-1px);box-shadow:0 16px 38px rgba(139,92,246,.44),0 0 24px rgba(192,132,252,.18)}.feedbackSubmit:active{transform:scale(.97)}.feedbackSubmit:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}@keyframes feedbackFade{0%{opacity:0}to{opacity:1}}@keyframes feedbackCardIn{0%{opacity:0;transform:translateY(14px) scale(.97);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media (max-width:520px){.floatingFeedback{right:14px;bottom:82px;height:38px;padding:0 13px;font-size:12px}.feedbackOverlay{padding:16px}.feedbackCard{padding:18px;border-radius:26px}.feedbackTop h2{font-size:24px}.feedbackTypes{gap:7px}.feedbackTypes button{min-height:36px;font-size:11.5px}.feedbackTextarea{min-height:128px}.feedbackFooter{align-items:stretch;flex-direction:column}.feedbackSubmit{width:100%}}.introOverlay,.premiumIntro{position:fixed;inset:0;z-index:9999;padding:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 0,rgba(168,85,247,.28),transparent 34%),radial-gradient(circle at 0 100%,rgba(236,72,153,.18),transparent 34%),radial-gradient(circle at 100% 100%,rgba(59,130,246,.14),transparent 34%),rgba(2,6,23,.78);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);animation:introFadeIn .26s ease both}.premiumIntro:before{content:"";position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 0);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 72%);mask-image:radial-gradient(circle at center,black,transparent 72%);opacity:.55}.premiumIntro:after{content:"";position:absolute;inset:auto 0 -160px;height:320px;z-index:-2;background:radial-gradient(ellipse at center,rgba(168,85,247,.25),transparent 65%);filter:blur(20px)}.introGlow{position:absolute;width:260px;height:260px;border-radius:999px;z-index:-1;filter:blur(34px);opacity:.55;pointer-events:none;animation:introFloat 7s ease-in-out infinite}.introGlowOne{top:12%;left:12%;background:rgba(168,85,247,.42)}.introGlowTwo{right:10%;bottom:10%;background:rgba(236,72,153,.34);animation-delay:-2.5s}.introCard,.premiumIntroCard{position:relative;width:min(430px,100%);max-height:min(86vh,720px);overflow-y:auto;padding:24px;border-radius:32px;color:white;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.045)),linear-gradient(145deg,rgba(18,14,34,.96),rgba(8,11,25,.96));border:1px solid rgba(255,255,255,.14);box-shadow:0 32px 110px rgba(0,0,0,.62),0 0 80px rgba(168,85,247,.16),inset 0 1px 0 rgba(255,255,255,.14);animation:introCardIn .38s cubic-bezier(.2,.9,.2,1.05) both}.premiumIntroCard::-webkit-scrollbar{width:0}.premiumIntroCard:before{content:"";position:absolute;inset:1px;border-radius:31px;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 32%),radial-gradient(circle at 70% 0,rgba(236,72,153,.16),transparent 34%);opacity:.9}.introClose{position:absolute;top:16px;right:16px;width:34px;height:34px;border:0;border-radius:999px;cursor:pointer;color:rgba(255,255,255,.78);background:rgba(255,255,255,.08);font-size:22px;line-height:1;z-index:2;transition:transform .18s ease,background .18s ease,color .18s ease}.introClose:hover{color:white;background:rgba(255,255,255,.13)}.introClose:active{transform:scale(.94)}.introTopLine{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-right:42px}.introBadge{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:7px 10px;border-radius:999px;color:rgba(233,213,255,.96);background:rgba(139,92,246,.15);border:1px solid rgba(216,180,254,.18);font-size:10px;font-weight:900;letter-spacing:.13em;white-space:nowrap}.introLiveDot{width:7px;height:7px;flex:0 0 7px;border-radius:999px;background:#a78bfa;box-shadow:0 0 16px rgba(167,139,250,.95)}.introVersion{font-size:11px;font-weight:800;color:rgba(255,255,255,.42)}.introLogo{position:relative;z-index:1;width:64px;height:64px;margin-top:22px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(168,85,247,1),rgba(236,72,153,.9)),rgba(255,255,255,.1);box-shadow:0 18px 45px rgba(168,85,247,.42),inset 0 1px 0 rgba(255,255,255,.28)}.introLogo span{font-size:18px;font-weight:950;letter-spacing:-.04em}.introTitle{margin:18px 0 0;font-size:42px;line-height:.98;letter-spacing:-.075em;color:rgba(255,255,255,.98)}.introDesc,.introTitle{position:relative;z-index:1}.introDesc{margin:13px 0 0;font-size:13.5px;line-height:1.72;color:rgba(226,232,240,.76)}.introFeatureGrid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:18px}.introFeature{min-height:88px;padding:13px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.1)}.introFeatureWide{grid-column:1/-1;min-height:auto}.introFeature strong{display:block;margin-bottom:7px;font-size:13px;color:rgba(255,255,255,.94)}.introFeature span{display:block;font-size:12px;line-height:1.5;color:rgba(226,232,240,.62)}.introButton,.premiumIntroButton{position:relative;z-index:1;width:100%;height:58px;margin-top:18px;border:0;border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;color:white;background:linear-gradient(135deg,rgba(139,92,246,1),rgba(236,72,153,.96));box-shadow:0 20px 46px rgba(139,92,246,.46),0 0 34px rgba(236,72,153,.22),inset 0 1px 0 rgba(255,255,255,.24);font-size:16px;font-weight:950;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.premiumIntroButton:hover{filter:brightness(1.06);box-shadow:0 24px 54px rgba(139,92,246,.56),0 0 42px rgba(236,72,153,.28),inset 0 1px 0 rgba(255,255,255,.26)}.premiumIntroButton em{font-style:normal;font-size:20px;transition:transform .2s ease}.premiumIntroButton:hover em{transform:translateX(3px)}.premiumIntroButton:active{transform:scale(.985)}.introHint{position:relative;z-index:1;margin-top:12px;text-align:center;font-size:12px;color:rgba(226,232,240,.46)}@keyframes introFadeIn{0%{opacity:0}to{opacity:1}}@keyframes introCardIn{0%{opacity:0;transform:translateY(16px) scale(.97);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes introFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(18px,-16px,0) scale(1.08)}}@media (max-width:520px){.introOverlay,.premiumIntro{padding:14px;align-items:center}.premiumIntroCard{width:100%;max-height:86vh;padding:21px 18px 18px;border-radius:28px}.premiumIntroCard:before{border-radius:27px}.introClose{top:13px;right:13px;width:32px;height:32px}.introTopLine{padding-right:38px}.introBadge{max-width:100%;font-size:9px;letter-spacing:.1em;padding:6px 9px}.introVersion{display:none}.introLogo{width:58px;height:58px;margin-top:20px;border-radius:20px}.introTitle{font-size:36px}.introDesc{font-size:13px;line-height:1.64}.introFeatureGrid{gap:9px}.introFeature{padding:12px;border-radius:17px;min-height:84px}.introFeature strong{font-size:12.5px}.introFeature span{font-size:11.5px}.premiumIntroButton{height:57px;border-radius:18px}}@media (max-width:360px){.introTitle{font-size:32px}.introFeatureGrid{grid-template-columns:1fr}.introFeatureWide{grid-column:auto}}@media (prefers-reduced-motion:reduce){.introGlow,.introOverlay,.premiumIntro,.premiumIntroCard{animation:none}.premiumIntroButton:hover em{transform:none}}body,html{min-height:100%;background:#05030a}.app{min-height:100vh;min-height:100dvh}.phone{height:min(860px,calc(100vh - 36px));height:min(860px,calc(100dvh - 36px))}.chatHeader{height:88px;padding:19px 20px 14px;background:linear-gradient(180deg,rgba(16,13,28,.92),rgba(10,8,18,.66)),rgba(10,8,18,.72);box-shadow:0 12px 34px rgba(0,0,0,.18),inset 0 -1px 0 rgba(255,255,255,.055)}.avatar{position:relative;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.34),transparent 28%),linear-gradient(135deg,#c4b5fd,#7c3aed 44%,#ec4899)}.avatar:after{content:"";position:absolute;inset:-4px;border-radius:inherit;z-index:-1;background:linear-gradient(135deg,rgba(196,181,253,.38),rgba(236,72,153,.18));filter:blur(10px);opacity:.9}.profile h1{display:flex;align-items:center;gap:7px}.profile h1:after{content:"BETA";padding:3px 6px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.08em;color:rgba(233,213,255,.92);background:rgba(139,92,246,.18);border:1px solid rgba(216,180,254,.18)}.clearBtn{border:1px solid rgba(255,255,255,.08)}.hero{padding-top:24px;padding-bottom:10px}.hero:before{content:"";position:absolute;right:12px;top:20px;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle,rgba(168,85,247,.18),transparent 68%);filter:blur(4px);pointer-events:none}.roomBadge{position:relative;display:inline-flex;align-items:center;gap:7px;font-weight:850}.roomBadge:before{content:"";width:7px;height:7px;border-radius:999px;background:#a78bfa;box-shadow:0 0 14px rgba(167,139,250,.95)}.hero h2{text-shadow:0 18px 46px rgba(139,92,246,.18)}.heroText{color:rgba(255,255,255,.66)}.tags span{font-weight:650;background:linear-gradient(180deg,rgba(255,255,255,.092),rgba(255,255,255,.048)),rgba(255,255,255,.05)}.modePanel{padding:4px;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.065);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.modeBtn{position:relative;overflow:hidden;border-radius:18px}.modeBtn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-120%);transition:transform .45s ease}.modeBtn:hover:after{transform:translateX(120%)}.activeMode{position:relative;background:radial-gradient(circle at 15% 0,rgba(216,180,254,.28),transparent 38%),linear-gradient(135deg,rgba(139,92,246,.28),rgba(236,72,153,.12)),rgba(255,255,255,.09)}.activeMode:before{content:"";position:absolute;left:10px;top:10px;width:7px;height:7px;border-radius:999px;background:rgba(216,180,254,.95);box-shadow:0 0 14px rgba(216,180,254,.85)}.activeMode span,.activeMode strong{padding-left:12px}.starterPanel{position:relative;overflow:hidden}.starterPanel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0,rgba(216,180,254,.13),transparent 38%);pointer-events:none}.starterGrid,.starterTitle{position:relative;z-index:1}.starterBtn{text-align:left;font-weight:650}.messages{padding-top:16px;padding-bottom:124px;mask-image:linear-gradient(180deg,transparent 0,black 18px,black calc(100% - 18px),transparent)}.messageRow{animation:messageSoftIn .22s ease both}.bubble{letter-spacing:.01em}.aiBubble{background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.062)),rgba(255,255,255,.065);border-color:rgba(255,255,255,.092)}.userBubble{background:radial-gradient(circle at 22% 0,rgba(255,255,255,.22),transparent 32%),linear-gradient(135deg,#7c3aed,#a855f7 52%,#db2777)}.inputBar{bottom:calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045)),rgba(15,12,26,.9)}.inputBar textarea{caret-color:#c4b5fd}.inputBar button{min-width:68px;background:radial-gradient(circle at 30% 0,rgba(255,255,255,.24),transparent 34%),linear-gradient(135deg,#8b5cf6,#d946ef)}.floatingFeedback{right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom))}@keyframes messageSoftIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (max-width:520px){.app{padding:0;min-height:100dvh}.phone{height:100vh;height:100dvh;border-radius:0}.chatHeader{height:86px;padding-top:max(20px,env(safe-area-inset-top))}.hero{padding:20px 18px 8px;max-height:400px}.hero h2{font-size:29px;letter-spacing:-1.35px}.heroText{font-size:13.5px;line-height:1.58}.tags{gap:7px;margin-top:14px}.tags span{padding:6px 9px;font-size:11.5px}.messages{padding-left:14px;padding-right:14px;padding-bottom:calc(120px + env(safe-area-inset-bottom))}.bubble{max-width:82%;font-size:14.5px;line-height:1.55}.inputBar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:24px}.floatingFeedback{bottom:calc(82px + env(safe-area-inset-bottom))}}@media (max-width:380px){.hero h2{font-size:26px}.roomBadge{font-size:10px}.modeBtn strong{font-size:11.5px}.modeBtn span{font-size:10px}.starterGrid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.app,.avatar,.bubble,.hero h2,.messageRow,.phone,.statusDot,.tags span{animation:none!important}.modeBtn:after{display:none}}button,input,textarea{font-family:inherit}.messages{-webkit-mask-image:linear-gradient(180deg,transparent 0,black 18px,black calc(100% - 18px),transparent)}.feedbackCard,.feedbackOverlay,.messages,.premiumIntro,.premiumIntroCard{overscroll-behavior:contain}.feedbackSubmit:disabled:hover,.feedbackTypes button:disabled:hover,.inputBar button:disabled:hover,.modeBtn:disabled:hover,.starterBtn:disabled:hover{transform:none;box-shadow:none}.modeBtn:disabled:after{display:none}.feedbackCard{max-height:min(86vh,720px);overflow-y:auto}.feedbackCard::-webkit-scrollbar{width:0}@media (max-width:520px){.hero{max-height:min(400px,48dvh)}.premiumIntroCard{max-height:84dvh;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.introLogo{width:54px;height:54px;margin-top:16px}.introTitle{font-size:33px;line-height:1}.introDesc{margin-top:11px}.introFeatureGrid{margin-top:14px}.introFeature{min-height:78px}.premiumIntroButton{margin-top:15px}.feedbackCard{max-height:84dvh;padding-bottom:calc(18px + env(safe-area-inset-bottom))}}@media (max-width:380px){.premiumIntroCard{padding:19px 15px 16px}.introTitle{font-size:30px}.introDesc{font-size:12.5px}.introFeature{min-height:auto}.premiumIntroButton{height:56px}.feedbackTop h2{font-size:22px}}@media (max-width:520px){.gameEntryBtn{width:100%;min-height:46px;font-size:14px}.gameEntryBtn,.toolEntryRow{margin-top:12px;margin-bottom:12px}.toolEntryRow{flex-direction:column;gap:8px}.toolEntryRow .gameEntryBtn{width:100%}}.gameEntryBtn{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;min-height:42px;padding:0 16px;margin-top:14px;margin-bottom:14px;border-radius:999px;color:rgba(255,255,255,.94);text-decoration:none;font-size:13px;font-weight:900;letter-spacing:.2px;background:radial-gradient(circle at 20% 0,rgba(216,180,254,.22),transparent 42%),linear-gradient(135deg,rgba(139,92,246,.42),rgba(236,72,153,.18));border:1px solid rgba(216,180,254,.28);box-shadow:0 14px 36px rgba(139,92,246,.2),inset 0 1px 0 rgba(255,255,255,.14);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.gameEntryBtn:hover{transform:translateY(-1px);border-color:rgba(216,180,254,.42);box-shadow:0 18px 46px rgba(139,92,246,.28),inset 0 1px 0 rgba(255,255,255,.18)}.toolEntryRow{display:flex;flex-wrap:wrap;margin-top:14px;margin-bottom:14px}.toolEntryRow .gameEntryBtn{margin-top:0;margin-bottom:0}@media (max-width:520px){.gameEntryBtn{width:100%;min-height:46px;font-size:14px}.toolEntryRow{flex-direction:column;gap:8px;margin-top:12px;margin-bottom:12px}.toolEntryRow .gameEntryBtn{width:100%}}.toolEntryRow{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;margin:18px 0 16px;padding:10px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045)),rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.095);box-shadow:0 18px 44px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.toolEntryRow .gameEntryBtn{position:relative;width:100%;min-height:58px;margin:0;padding:0 18px 0 54px;display:flex;align-items:center;justify-content:flex-start;border-radius:21px;color:rgba(255,255,255,.96);text-decoration:none;font-size:15px;font-weight:900;letter-spacing:-.1px;background:radial-gradient(circle at 18% 0,rgba(255,255,255,.18),transparent 34%),linear-gradient(135deg,rgba(139,92,246,.42),rgba(236,72,153,.18)),rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);box-shadow:0 14px 34px rgba(0,0,0,.22),0 0 28px rgba(139,92,246,.14),inset 0 1px 0 rgba(255,255,255,.16);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.toolEntryRow .gameEntryBtn:before{position:absolute;left:14px;width:30px;height:30px;border-radius:12px;display:grid;place-items:center;color:white;font-size:15px;font-weight:950;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08)),rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.16)}.toolEntryRow .gameEntryBtn:first-child:before{content:"MB"}.toolEntryRow .gameEntryBtn:nth-child(2):before{content:"文"}.toolEntryRow .gameEntryBtn:after{content:"›";position:absolute;right:17px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.58);font-size:26px;font-weight:500;line-height:1}.toolEntryRow .gameEntryBtn:nth-child(2){min-height:64px;font-size:16px;background:radial-gradient(circle at 18% 0,rgba(255,255,255,.22),transparent 34%),linear-gradient(135deg,rgba(168,85,247,.58),rgba(236,72,153,.28)),rgba(255,255,255,.085);border-color:rgba(216,180,254,.25);box-shadow:0 18px 42px rgba(139,92,246,.28),0 0 36px rgba(236,72,153,.12),inset 0 1px 0 rgba(255,255,255,.18)}.toolEntryRow .gameEntryBtn:hover{transform:translateY(-1px);border-color:rgba(216,180,254,.32);box-shadow:0 20px 46px rgba(139,92,246,.28),0 0 38px rgba(236,72,153,.14),inset 0 1px 0 rgba(255,255,255,.2)}.toolEntryRow .gameEntryBtn:active{transform:scale(.985);box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12)}@media (max-width:520px){.toolEntryRow{gap:9px;margin:16px 0 15px;padding:9px;border-radius:24px}.toolEntryRow .gameEntryBtn{min-height:60px;padding-left:55px;padding-right:40px;border-radius:20px;font-size:14.5px}.toolEntryRow .gameEntryBtn:nth-child(2){min-height:66px;font-size:15.5px}}:root{color-scheme:dark;--kb-bg-base:#0c0a10;--kb-bg-raised:#15121b;--kb-bg-elevated:#1c1824;--kb-bg-overlay:rgba(24,20,31,0.82);--kb-text-primary:#f4f1f7;--kb-text-secondary:#b8b0c2;--kb-text-muted:#81798b;--kb-accent:#8b7cf0;--kb-accent-strong:#a79bff;--kb-accent-deep:#6252b3;--kb-accent-tint:rgba(139,124,240,0.12);--kb-border-subtle:rgba(244,241,247,0.1);--kb-border-strong:rgba(244,241,247,0.18);--kb-danger:#ff767e;--kb-success:#78d6a3;--kb-touch-target:44px;--kb-radius-control:12px;--kb-radius-card:18px;--kb-radius-panel:26px;--kb-duration-fast:180ms;--kb-duration-panel:280ms;--kb-ease-out:cubic-bezier(0.22,1,0.36,1);--kb-content-max:1180px}html{background:var(--kb-bg-base)}body{margin:0;color:var(--kb-text-primary);background:radial-gradient(80% 55% at 50% -15%,rgba(113,93,184,.14),transparent 66%),var(--kb-bg-base);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}[role=button],a,button{touch-action:manipulation}.kbNavItem:active,button:active{transform:scale(.98)}:focus-visible{outline:2px solid var(--kb-accent-strong);outline-offset:3px}.kbSkipLink{position:fixed;z-index:10000;top:10px;left:10px;padding:10px 14px;border-radius:var(--kb-radius-control);color:var(--kb-text-primary);background:var(--kb-accent-deep);transform:translateY(-160%);transition:transform var(--kb-duration-fast) var(--kb-ease-out)}.kbSkipLink:focus{transform:translateY(0)}.kbAppShell{min-height:100dvh;color:var(--kb-text-primary)}.kbAppBar{position:-webkit-sticky;position:sticky;z-index:100;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:64px;padding:env(safe-area-inset-top) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));border-bottom:1px solid var(--kb-border-subtle);background:rgba(12,10,16,.78);-webkit-backdrop-filter:saturate(125%) blur(22px);backdrop-filter:saturate(125%) blur(22px)}.kbBrand,.kbNavItem{color:inherit;text-decoration:none}.kbBrand{display:inline-flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;min-height:var(--kb-touch-target)}.kbBrandMark{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;color:white;background:var(--kb-accent-deep);font-size:11px;font-weight:800;letter-spacing:-.04em}.kbBrandName{font-size:14px;font-weight:690;letter-spacing:-.02em}.kbPrimaryNav{display:flex;gap:6px;padding:4px;border:1px solid var(--kb-border-subtle);border-radius:14px;background:rgba(244,241,247,.035)}.kbNavItem{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:var(--kb-touch-target);padding:0 14px;border-radius:10px;color:var(--kb-text-secondary);transition:color var(--kb-duration-fast),background var(--kb-duration-fast),transform .1s}.kbNavItem[aria-current=page]{color:var(--kb-text-primary);background:var(--kb-accent-tint);box-shadow:inset 0 0 0 1px rgba(167,155,255,.12)}.kbAppActions{display:flex;justify-content:flex-end;gap:8px}.kbAppContent{width:min(100%,var(--kb-content-max));margin:0 auto;padding:32px 24px max(48px,env(safe-area-inset-bottom))}.kbPageHeading h1{margin:0;font-size:clamp(28px,4vw,48px);letter-spacing:-.045em}.kbPageHeading p{max-width:60ch;margin:10px 0 0;color:var(--kb-text-secondary);line-height:1.65}@media (max-width:720px){.kbAppBar{grid-template-columns:auto 1fr auto;min-height:58px;padding-inline:max(12px,env(safe-area-inset-left))}.kbBrandName,.kbNavItem span{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.kbPrimaryNav{justify-self:center}.kbNavItem{width:var(--kb-touch-target);padding:0}.kbAppContent{padding:24px 16px max(32px,env(safe-area-inset-bottom))}}@media (pointer:coarse){.kbBrand,.kbNavItem,button{min-height:var(--kb-touch-target)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.kbNavItem:active,button:active{transform:none}}@media (prefers-reduced-transparency:reduce){.kbAppBar{background:var(--kb-bg-base);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){:root{--kb-border-subtle:rgba(255,255,255,.34);--kb-text-secondary:#ded9e3}.kbNavItem[aria-current=page]{box-shadow:inset 0 0 0 2px var(--kb-accent-strong)}}@media (forced-colors:active){.kbBrandMark,.kbNavItem[aria-current=page]{forced-color-adjust:auto;border:1px solid ButtonText}}.builderLayout,.studioLayout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr);grid-gap:18px;gap:18px;margin-top:30px}.builderPreview,.studioPanel,.studioResult{border:1px solid var(--kb-border-subtle);border-radius:var(--kb-radius-panel);background:rgba(244,241,247,.025)}.studioPanel{display:grid;align-content:start;grid-gap:18px;gap:18px;padding:22px}.studioField{display:grid;grid-gap:8px;gap:8px}.studioChoices legend,.studioField>span{color:var(--kb-text-secondary);font-size:13px;font-weight:650}.studioField small{color:var(--kb-text-muted);font-weight:400}.studioField input,.studioField textarea{width:100%;min-height:48px;padding:13px;border:1px solid var(--kb-border-subtle);border-radius:13px;outline:0;color:var(--kb-text-primary);background:var(--kb-bg-base);line-height:1.55}.studioField textarea{resize:vertical}.studioField input:focus,.studioField textarea:focus{border-color:rgba(167,155,255,.5);box-shadow:0 0 0 3px var(--kb-accent-tint)}.studioFieldGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.studioChoices{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;border:0}.studioChoices legend{width:100%;margin-bottom:2px}.studioChoices button{min-height:40px;padding:0 12px;border:1px solid var(--kb-border-subtle);border-radius:11px;color:var(--kb-text-secondary);background:transparent;cursor:pointer}.studioChoices button.isActive{border-color:rgba(167,155,255,.24);color:var(--kb-text-primary);background:var(--kb-accent-tint)}.studioPrimary{display:flex;min-height:48px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;color:white;background:var(--kb-accent-deep);font-weight:700;cursor:pointer}.studioPrimary:disabled{cursor:not-allowed;opacity:.45}.studioError{margin:0;color:var(--kb-danger)}.studioResult{min-height:510px;padding:24px}.studioResult>header{display:flex;align-items:center;justify-content:space-between;color:var(--kb-accent-strong);font-size:12px;font-weight:700}.builderPreview>header,.studioResult header>div{display:flex;gap:7px}.builderPreview button,.studioResult button{display:inline-flex;min-height:40px;align-items:center;gap:6px;padding:0 11px;border:1px solid var(--kb-border-subtle);border-radius:11px;color:var(--kb-text-secondary);background:transparent;cursor:pointer}.studioResult>p{margin:60px auto 0;max-width:34ch;white-space:pre-wrap;font-size:clamp(20px,3vw,30px);line-height:1.7;letter-spacing:-.025em}.studioEmpty{display:flex;min-height:420px;align-items:center;justify-content:center;flex-direction:column;gap:9px;text-align:center;color:var(--kb-text-muted)}.studioEmpty svg{color:var(--kb-accent)}.studioEmpty strong{color:var(--kb-text-secondary)}.builderPreview{overflow:hidden;padding:12px}.builderPreview>header{height:48px;align-items:center;justify-content:space-between}.builderPreview header>div{display:flex;gap:5px}.builderPreview button.isActive{color:var(--kb-text-primary);background:var(--kb-accent-tint)}.builderFrame{display:grid;min-height:540px;place-items:center;overflow:hidden;border:1px solid var(--kb-border-subtle);border-radius:18px;background:#08070a}.builderFrame iframe{width:100%;height:620px;border:0;background:white;transition:width .28s var(--kb-ease-out)}.builderFrame.is-phone iframe{width:390px;max-width:100%;border-radius:18px}.builderSummary{padding:0 8px;color:var(--kb-text-secondary);line-height:1.6}@media(max-width:920px){.builderLayout,.studioLayout{grid-template-columns:1fr}.studioResult{min-height:360px}.studioEmpty{min-height:300px}}@media(max-width:560px){.studioFieldGrid{grid-template-columns:1fr}.studioPanel,.studioResult{padding:16px}.builderFrame{min-height:480px}.builderFrame iframe{height:560px}}.installGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:30px}.installCard{padding:24px;border:1px solid var(--kb-border-subtle);border-radius:var(--kb-radius-panel);background:rgba(244,241,247,.025)}.installCard>header{display:flex;gap:15px}.installCard>header>span{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border-radius:15px;color:var(--kb-accent-strong);background:var(--kb-accent-tint)}.installCard h2{margin:0;font-size:22px;letter-spacing:-.035em}.installCard header p{margin:7px 0 0;color:var(--kb-text-secondary);line-height:1.6}.installDownload{display:flex;min-height:48px;align-items:center;justify-content:space-between;margin-top:22px;padding:0 16px;border-radius:13px;color:white;background:var(--kb-accent-deep);text-decoration:none;font-weight:700}.installCard>small{display:block;margin-top:9px;color:var(--kb-text-muted)}.installCard ol{display:grid;grid-gap:0;gap:0;margin:24px 0 0;padding:0;list-style:none}.installCard li{display:flex;min-height:56px;align-items:center;gap:12px;border-top:1px solid var(--kb-border-subtle);color:var(--kb-text-secondary)}.installCard li svg{color:var(--kb-accent)}.installCard li span{display:flex;gap:10px}.installCard li em{color:var(--kb-text-muted);font-style:normal}.installSafety{max-width:76ch;margin:20px auto 0;color:var(--kb-text-muted);font-size:12px;line-height:1.7;text-align:center}@media(max-width:760px){.installGrid{grid-template-columns:1fr}.installCard{padding:18px}}.mbtiStudio{width:min(720px,100%);margin:34px auto 0;padding:24px;border:1px solid var(--kb-border-subtle);border-radius:var(--kb-radius-panel);background:rgba(244,241,247,.025)}.mbtiStudio>header>span{color:var(--kb-text-muted);font-size:12px}.mbtiStudio>header>div{height:3px;margin-top:12px;overflow:hidden;border-radius:2px;background:var(--kb-border-subtle)}.mbtiStudio>header i{display:block;height:100%;border-radius:inherit;background:var(--kb-accent);transition:width .28s var(--kb-ease-out)}.mbtiQuestion{padding:50px 0 20px}.mbtiQuestion h2{margin:0;font-size:clamp(25px,5vw,38px);letter-spacing:-.045em}.mbtiQuestion>div{display:grid;grid-gap:10px;gap:10px;margin-top:30px}.mbtiQuestion button{display:grid;grid-template-columns:38px 1fr auto;min-height:68px;align-items:center;grid-gap:12px;gap:12px;padding:0 16px;border:1px solid var(--kb-border-subtle);border-radius:16px;color:var(--kb-text-primary);background:var(--kb-bg-raised);text-align:left;cursor:pointer}.mbtiQuestion button.isActive,.mbtiQuestion button:hover{border-color:rgba(167,155,255,.3);background:var(--kb-accent-tint)}.mbtiQuestion button>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:var(--kb-accent-strong);background:var(--kb-accent-tint);font-weight:750}.mbtiResult>button,.mbtiStudio>footer button{display:inline-flex;min-height:44px;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--kb-border-subtle);border-radius:12px;color:var(--kb-text-secondary);background:transparent;cursor:pointer}.mbtiStudio>footer button:disabled{opacity:.3}.mbtiResult{text-align:center}.mbtiResult>svg{color:var(--kb-accent)}.mbtiResult>span{display:block;margin-top:10px;color:var(--kb-text-muted);font-size:12px}.mbtiResult h2{margin:8px 0 25px;font-size:clamp(58px,12vw,100px);letter-spacing:.04em;background:linear-gradient(120deg,var(--kb-text-primary),var(--kb-accent-strong));-webkit-background-clip:text;background-clip:text;color:transparent}.mbtiResult>div{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:24px;text-align:left}.mbtiResult p{display:flex;align-items:center;gap:10px;margin:0;padding:12px;border-radius:12px;color:var(--kb-text-secondary);background:var(--kb-bg-raised)}.mbtiResult p strong{color:var(--kb-accent-strong)}@media(max-width:540px){.mbtiStudio{padding:17px}.mbtiQuestion{padding-top:36px}.mbtiResult>div{grid-template-columns:1fr}}.adminLogin{display:grid;min-height:100dvh;place-items:center;padding:20px;background:var(--kb-bg-base)}.adminLogin>section{display:grid;width:min(400px,100%);grid-gap:14px;gap:14px;padding:28px;border:1px solid var(--kb-border-subtle);border-radius:26px;background:var(--kb-bg-raised)}.adminLogin span{color:var(--kb-accent-strong);font-size:12px;font-weight:750}.adminLogin h1{margin:0;font-size:34px}.adminLogin p{margin:0;color:var(--kb-text-secondary)}.adminLogin input{min-height:48px;padding:0 13px;border:1px solid var(--kb-border-subtle);border-radius:12px;color:white;background:var(--kb-bg-base)}.adminLogin button{min-height:48px;border:0;border-radius:12px;color:white;background:var(--kb-accent-deep);font-weight:700}.adminLogin a{min-height:44px;padding-top:12px;color:var(--kb-text-muted);text-align:center;text-decoration:none}.adminLogin p[role=alert]{color:var(--kb-danger)}.adminShell{display:grid;grid-template-columns:230px 1fr;min-height:100dvh;background:var(--kb-bg-base)}.adminShell>aside{position:-webkit-sticky;position:sticky;top:0;display:flex;height:100dvh;flex-direction:column;padding:20px 14px;border-right:1px solid var(--kb-border-subtle);background:var(--kb-bg-raised)}.adminBrand{display:flex;min-height:48px;align-items:center;gap:10px;padding:0 8px}.adminBrand>span{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:var(--kb-accent-deep);font-size:11px;font-weight:800}.adminShell nav{display:grid;grid-gap:5px;gap:5px;margin-top:28px}.adminLogout,.adminShell nav button{display:flex;min-height:44px;align-items:center;gap:10px;padding:0 12px;border:0;border-radius:11px;color:var(--kb-text-secondary);background:transparent;cursor:pointer}.adminShell nav button.isActive{color:var(--kb-text-primary);background:var(--kb-accent-tint)}.adminLogout{margin-top:auto}.adminContent{min-width:0;padding:28px clamp(18px,4vw,54px)}.adminContent>header{display:flex;align-items:center;justify-content:space-between}.adminContent>header span{color:var(--kb-text-muted);font-size:12px}.adminContent>header h1{margin:5px 0 0;font-size:38px}.adminContent>header button{min-height:44px;padding:0 14px;border:1px solid var(--kb-border-subtle);border-radius:12px;color:var(--kb-text-secondary);background:transparent}.adminError{padding:12px;border-radius:12px;color:var(--kb-danger);background:rgba(255,118,126,.08)}.adminMetrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-top:28px}.adminCards section,.adminMetrics article{padding:20px;border:1px solid var(--kb-border-subtle);border-radius:18px;background:rgba(244,241,247,.025)}.adminMetrics span{color:var(--kb-text-muted);font-size:12px}.adminMetrics strong{display:block;margin-top:12px;font-size:30px}.adminCards{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:12px}.adminCards h2{margin:0 0 20px;font-size:16px}.adminCards p{display:flex;justify-content:space-between;color:var(--kb-text-secondary)}.adminTable{margin-top:28px;overflow:auto;border:1px solid var(--kb-border-subtle);border-radius:18px}.adminTable table{width:100%;border-collapse:collapse}.adminTable td,.adminTable th{max-width:340px;padding:13px;border-bottom:1px solid var(--kb-border-subtle);text-align:left;font-size:12px}.adminTable th{color:var(--kb-text-muted);font-weight:600}.adminTable td{overflow:hidden;color:var(--kb-text-secondary);text-overflow:ellipsis;white-space:nowrap}.adminTable>p{padding:60px;text-align:center;color:var(--kb-text-muted)}.adminSettings{display:grid;grid-gap:8px;gap:8px;margin-top:28px}.adminSettings button{display:flex;min-height:66px;align-items:center;justify-content:space-between;padding:0 16px;border:1px solid var(--kb-border-subtle);border-radius:15px;color:var(--kb-text-primary);background:var(--kb-bg-raised);text-align:left}.adminSettings button>span{display:grid;grid-gap:4px;gap:4px}.adminSettings small{color:var(--kb-text-muted)}.adminSettings i{position:relative;width:46px;height:27px;border-radius:14px;background:#393440}.adminSettings i:after{content:"";position:absolute;width:21px;height:21px;top:3px;left:3px;border-radius:50%;background:#aaa3af;transition:transform .18s}.adminSettings i.isOn{background:var(--kb-accent-deep)}.adminSettings i.isOn:after{transform:translateX(19px);background:white}@media(max-width:760px){.adminShell{grid-template-columns:1fr}.adminShell>aside{position:-webkit-sticky;position:sticky;z-index:10;width:100%;height:auto;bottom:0;order:2;padding:max(8px,env(safe-area-inset-bottom)) 8px 8px;border-top:1px solid var(--kb-border-subtle);border-right:0}.adminBrand,.adminLogout{display:none}.adminShell nav{grid-template-columns:repeat(4,1fr);margin:0}.adminShell nav button{justify-content:center;padding:0;font-size:0}.adminShell nav button svg{width:21px;height:21px}.adminContent{padding:22px 15px}.adminMetrics{grid-template-columns:1fr 1fr}.adminCards{grid-template-columns:1fr}}@media (max-width:720px),(pointer:coarse){.chatAppShell{background:radial-gradient(34rem 18rem at 50% -6%,rgba(136,82,255,.15),transparent 67%),radial-gradient(22rem 28rem at 108% 40%,rgba(113,68,224,.045),transparent 72%),linear-gradient(180deg,#07060a,#050507 52%,#06050a)!important}.chatAppShell:before{opacity:.14!important;background-size:44px 44px!important;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.28) 56%,transparent 88%)!important;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.28) 56%,transparent 88%)!important}.desktopChatHeader{background:rgba(7,6,10,.84)!important;-webkit-backdrop-filter:blur(24px) saturate(132%)!important;backdrop-filter:blur(24px) saturate(132%)!important;border-bottom-color:rgba(255,255,255,.065)!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.015),0 12px 36px rgba(0,0,0,.2)!important}.chatHeaderInner{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}.chatBrandMark{width:32px!important;height:32px!important;border-radius:10px!important}.chatModeSwitch{border-radius:10px!important;background:rgba(255,255,255,.035)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}.chatModeSwitch button{min-width:62px!important;height:31px!important;border-radius:7px!important}.mobileToolTrigger{width:36px!important;height:36px!important;border-radius:11px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 24px rgba(0,0,0,.2)!important}.chatScroll{padding:18px 14px 12px!important;scrollbar-width:none}.chatScroll::-webkit-scrollbar{display:none}.emptyScroll{align-items:start!important}.chatEmptyState{width:100%!important;padding:clamp(30px,8vh,74px) 0 24px!important}.emptyCore{width:66px!important;height:66px!important;margin-bottom:18px!important;filter:drop-shadow(0 22px 48px rgba(73,39,157,.22))!important}.emptyCore .emptyMark{width:46px!important;height:46px!important;border-radius:14px!important}.emptyEyebrow{margin-bottom:10px!important;letter-spacing:.16em!important}.chatEmptyState h1{padding:0 8px;font-size:clamp(30px,8.2vw,38px)!important;line-height:1.07!important;letter-spacing:-.052em!important}.emptyDescription{width:min(92%,520px)!important;margin-top:14px!important;font-size:14px!important;line-height:1.68!important;color:#8f8d99!important}.emptyPrompts{width:100%!important;margin-top:24px!important;gap:8px!important}.emptyPrompts button{min-height:52px!important;padding:0 16px!important;border-radius:14px!important;font-size:13px!important;background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.018))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.13)!important}.chatMessageColumn{width:100%!important}.chatMessage{gap:9px!important;margin-bottom:24px!important}.messageAvatar{width:26px!important;height:26px!important;flex-basis:26px!important;border-radius:8px!important}.messageContent{max-width:calc(100vw - 62px)!important}.messageBubble{font-size:15px!important;line-height:1.72!important}.isAi .messageContent{padding-left:10px!important}.isAi .messageContent:before{top:3px!important;bottom:26px!important}.isUser .messageBubble{max-width:calc(100vw - 42px)!important;padding:11px 14px!important;border-radius:16px 16px 5px 16px!important;background:linear-gradient(145deg,rgba(91,49,165,.46),rgba(36,24,57,.9))!important}.messageActions{min-height:22px!important;margin-top:6px!important}.messageActions button{min-height:30px;padding:4px 8px!important;font-size:11px!important}.chatComposerDock{padding:7px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;background:linear-gradient(0deg,#050507 76%,rgba(5,5,7,.94) 88%,transparent)!important}.chatComposer{min-height:54px;padding:8px 8px 8px 14px!important;border-radius:17px!important;border-color:rgba(255,255,255,.12)!important;background:linear-gradient(180deg,rgba(19,17,27,.985),rgba(12,11,18,.99))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 52px rgba(0,0,0,.5),0 -8px 34px rgba(69,38,145,.045)!important}.chatComposer:focus-within{border-color:rgba(174,132,255,.54)!important;box-shadow:0 0 0 3px rgba(139,86,255,.07),inset 0 1px 0 rgba(255,255,255,.08),0 20px 60px rgba(0,0,0,.5),0 0 34px rgba(111,66,219,.09)!important}.chatComposer textarea{min-height:26px!important;padding:6px 0 5px!important;line-height:1.48!important}.chatComposer button{min-width:68px!important;height:38px!important;border-radius:11px!important}.sendButton{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 24px rgba(94,52,205,.28)!important}.mobileToolBackdrop{background:rgba(2,2,4,.64)!important;-webkit-backdrop-filter:blur(16px) saturate(120%)!important;backdrop-filter:blur(16px) saturate(120%)!important}.mobileToolSheet{padding:8px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(21,18,31,.99),rgba(9,8,13,.995))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 90px rgba(0,0,0,.64),0 0 54px rgba(104,62,211,.08)!important}.mobileToolSheet:before{content:"";display:block;width:36px;height:4px;margin:3px auto 4px;border-radius:999px;background:rgba(255,255,255,.14)}.mobileToolSheetHeader{padding:10px 10px 12px!important}.mobileToolGrid{gap:9px!important}.mobileToolGrid a,.mobileToolGrid button{min-height:64px!important;padding:14px!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))!important}.chatModalBackdrop{padding:8px 8px max(8px,env(safe-area-inset-bottom))!important;background:rgba(2,2,4,.66)!important;-webkit-backdrop-filter:blur(16px) saturate(120%)!important;backdrop-filter:blur(16px) saturate(120%)!important}.chatModal{padding:25px 18px 18px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(20,18,28,.995),rgba(10,9,14,.995))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 90px rgba(0,0,0,.62)!important}.copyShell,.mbtiShell{padding-left:12px!important;padding-right:12px!important}.copyHero,.mbtiHero{padding:24px 20px!important;border-radius:24px!important}.controlPanel,.questionCard,.resultCard,.resultPanel{padding:18px!important;border-radius:20px!important}.copyHero h1,.mbtiHero h1{letter-spacing:-.065em!important}.progressBox{border-radius:18px!important}.optionBtn{min-height:62px!important;border-radius:16px!important}}@media (max-width:390px){.chatModeSwitch button{min-width:56px!important;padding-inline:7px!important}.chatEmptyState{padding-top:24px!important}.emptyDescription{font-size:13.5px!important}.chatComposer button{min-width:62px!important;padding-inline:9px!important}}@media (max-width:720px),(pointer:coarse){.mobileToolBackdrop{overflow:hidden}.mobileToolSheet{display:flex;max-height:min(720px,calc(100dvh - max(24px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom))));min-height:0;flex-direction:column;overflow:hidden}.mobileToolSheetHeader{position:relative;z-index:3;flex:0 0 auto;border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,rgba(21,18,31,.99),rgba(17,14,25,.96))}.mobileToolGrid{min-height:0;padding:4px 2px max(4px,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.mobileToolGrid::-webkit-scrollbar{display:none}.mobileSensorTool,.mobileToolGrid>a,.mobileToolGrid>button{min-width:0}.mobileSensorTool{display:grid!important;grid-template-columns:minmax(0,1fr) 38px;grid-gap:7px;gap:7px;align-items:stretch}.mobileSensorTool .mobileSensorToggle{width:100%;min-width:0}.mobileSensorInfoButton{width:38px!important;min-width:38px!important;padding:0!important}}@media (max-height:650px) and (max-width:720px),(max-height:650px) and (pointer:coarse){.mobileToolSheet{max-height:calc(100dvh - 16px)}.mobileToolSheetHeader{padding-block:7px 9px!important}.mobileToolGrid a,.mobileToolGrid button{min-height:56px!important;padding:11px 12px!important}.mobileToolGrid .mobileToolZero{min-height:76px!important}}@media (max-width:720px),(pointer:coarse){.copyFooter,.mbtiFooter{position:-webkit-sticky;position:sticky;bottom:max(12px,env(safe-area-inset-bottom));z-index:24;width:-moz-fit-content;width:fit-content;margin:24px auto 8px!important;padding:5px!important;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(12,10,18,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 16px 42px rgba(0,0,0,.42),0 0 30px rgba(111,66,219,.08);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}.copyFooter a,.mbtiFooter a{min-height:44px;padding:0 16px!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(186,148,255,.22)!important;border-radius:12px!important;color:#f4efff!important;background:linear-gradient(180deg,rgba(153,99,255,.18),rgba(104,61,210,.11))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(69,38,145,.16);font-size:13px!important;font-weight:720;text-decoration:none}.copyFooter a:first-child:before,.mbtiFooter a:first-child:before{content:"←";font-size:17px;line-height:1;color:#c9aaff;transform:translateY(-1px)}.copyFooter a:active,.mbtiFooter a:active{transform:scale(.975)}.copyFooter a:not(:first-child){display:none!important}}