:root{--bg-color: #070b16;--container-bg: rgba(15, 20, 30, .62);--surface-bg: rgba(25, 31, 43, .48);--border-color: rgba(203, 213, 225, .14);--text-color: #e4e4e7;--primary-color: #3b82f6;--primary-hover: #2563eb;--my-msg-bg: #1e3a8a;--other-msg-bg: #232329;--meta-color: #a1a1aa}*{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;box-sizing:border-box;margin:0;padding:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{background:var(--bg-color)}body{position:relative;width:100%;min-height:100vh;min-height:100dvh;padding:24px;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(0,255,247,.2),transparent 32%),radial-gradient(circle at 85% 78%,rgba(37,99,235,.3),transparent 36%),linear-gradient(145deg,#07101f,#0b1830 48%,#07111f);color:var(--text-color);display:flex;justify-content:center;align-items:center}body:before,body:after{position:absolute;z-index:0;width:28rem;height:28rem;border-radius:50%;content:"";filter:blur(80px);opacity:.18;pointer-events:none}body:before{top:-12rem;right:-8rem;background:#00fff7}body:after{bottom:-14rem;left:-8rem;background:#2563eb}.welcome-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(37,99,235,.2),transparent 38%),#070b16}.welcome-screen.has-started{animation:welcome-screen 4.75s cubic-bezier(.76,0,.24,1) forwards}.welcome-continue{position:absolute;top:calc(50% + clamp(42px,6vw,58px));z-index:2;display:grid;gap:6px;place-items:center;padding:6px 18px;color:#e2e8f0c2;border:0;background:transparent;font-size:clamp(.76rem,1.4vw,.88rem);letter-spacing:.22em;cursor:pointer;animation:continue-in 1.1s cubic-bezier(.16,1,.3,1) both;transition:opacity .42s ease,transform .56s cubic-bezier(.16,1,.3,1),filter .42s ease}.welcome-continue i{width:5px;height:5px;border-radius:50%;background:#72e7ff;box-shadow:0 0 14px #72e7ffb8;animation:continue-pulse 1.8s ease-in-out infinite}.welcome-continue:hover,.welcome-continue:focus-visible{color:#fff;outline:none;filter:brightness(1.16)}.welcome-continue.is-leaving{animation:continue-out .52s cubic-bezier(.4,0,.6,1) both;pointer-events:none}.welcome-stage{opacity:1;visibility:visible}@keyframes continue-in{0%{opacity:0;transform:translateY(10px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes continue-out{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-8px) scale(.96);filter:blur(7px)}}@keyframes continue-pulse{0%,to{opacity:.38;transform:scale(.72)}50%{opacity:1;transform:scale(1.2)}}.welcome-stage{position:relative;display:grid;width:min(92vw,960px);height:clamp(100px,16vw,170px);place-items:center}.welcome-eyebrow{position:absolute;top:0;left:50%;color:#cbd5e194;font-family:PingFang SC,\82f9\65b9-\7b80,Microsoft YaHei,sans-serif;font-size:clamp(.68rem,1.2vw,.82rem);font-weight:500;letter-spacing:.28em;white-space:nowrap;transform:translate(-50%)}@keyframes welcome-eyebrow-in{0%{opacity:0;transform:translate(-50%,6px);filter:blur(4px)}to{opacity:1;transform:translate(-50%);filter:blur(0)}}.welcome-widget{display:flex;max-width:100%;align-items:baseline;justify-content:center;gap:.22em;color:#f8fafc;font-family:PingFang SC,Hiragino Sans,Apple SD Gothic Neo,\82f9\65b9-\7b80,Microsoft YaHei,sans-serif;font-size:clamp(.82rem,3.4vw,3.2rem);font-weight:700;line-height:1.2;letter-spacing:-.035em;text-align:center;white-space:nowrap;will-change:opacity,transform,filter}.welcome-widget strong{color:#72e7ff;font-weight:inherit;text-shadow:0 0 34px rgba(45,212,255,.28);will-change:transform,filter}.welcome-white{will-change:opacity,transform,filter}.welcome-white:empty{display:none}.welcome-widget[data-brand-position=after] #welcome-prefix{order:1}.welcome-widget[data-brand-position=after] #welcome-brand{order:2}.welcome-widget[data-brand-position=after] #welcome-suffix{order:3}.welcome-widget[data-brand-position=before] #welcome-brand{order:1}.welcome-widget[data-brand-position=before] #welcome-prefix{order:2}.welcome-widget[data-brand-position=before] #welcome-suffix{order:3}@keyframes welcome-widget-intro{0%{opacity:0;transform:translateY(18px) scale(.97);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.welcome-screen.has-started .welcome-widget.is-finalizing{animation:welcome-widget-finale .7s cubic-bezier(.4,0,.8,.2) both}@keyframes welcome-widget-finale{0%{opacity:1;transform:scale(1);filter:blur(0)}18%{opacity:1;transform:scale(1.02);filter:blur(0)}82%{opacity:1;transform:scale(4.05);filter:blur(0)}94%{opacity:1;transform:scale(4.4);filter:blur(18px)}to{opacity:0;transform:scale(4.4);filter:blur(22px)}}@keyframes welcome-screen{0%,89%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.ctt24{font-size:1.25rem;font-weight:700;letter-spacing:.01em;text-decoration:none;color:#fff}.chat-container{position:relative;z-index:1;width:min(1040px,100%);height:min(820px,calc(100dvh - 48px));background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 26%),var(--container-bg);border:1px solid rgba(226,232,240,.16);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 26px 72px #00000057,inset 0 1px #ffffff24,inset 0 -1px #ffffff06;-webkit-backdrop-filter:blur(26px) saturate(118%);backdrop-filter:blur(26px) saturate(118%);transition:height .76s cubic-bezier(.16,1,.3,1);animation:chat-reveal .9s cubic-bezier(.16,1,.3,1) 4.2s both;animation-play-state:paused}body.welcome-started .chat-container{animation-play-state:running}.chat-container.is-empty{height:min(560px,calc(100dvh - 48px))}.chat-container:before{position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.035),transparent 38%);content:"";pointer-events:none}.chat-header,.chat-messages,.chat-input-area{position:relative;z-index:1}@keyframes chat-reveal{0%{opacity:0;transform:translateY(16px) scale(.94);filter:blur(24px)}48%{opacity:1;transform:translateY(-2px) scale(1.018);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.chat-container{background:#0f141ef0}}.chat-header{min-height:76px;padding:16px 22px;background:#0f141e4d;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:20px}.config-area{display:flex;gap:9px;align-items:center}.nickname-editor{display:inline-flex;align-items:center}.nickname-toggle{display:inline-grid;width:34px;height:34px;padding:0;place-items:center;color:#e2e8f0c7;border:1px solid rgba(203,213,225,.18);border-radius:10px;background:#080d1957;box-shadow:inset 0 1px #ffffff14;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .22s cubic-bezier(.16,1,.3,1)}.nickname-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.6}.nickname-toggle:hover,.nickname-editor.is-open .nickname-toggle{color:#bae6fd;border-color:#7dd3fc61;background:#0e74902e;box-shadow:inset 0 1px #ffffff1f,0 0 14px #38bdf824}.nickname-toggle:active{transform:scale(.94)}.config-area input{width:0;background:#080d198c;border:0 solid transparent;color:#fff;padding:8px 0;border-radius:9px;outline:none;font-size:.9rem;opacity:0;transform:translate(-7px) scaleX(.94);transform-origin:left center;pointer-events:none;transition:width .42s cubic-bezier(.16,1,.3,1),padding .42s cubic-bezier(.16,1,.3,1),margin .42s cubic-bezier(.16,1,.3,1),opacity .18s ease,transform .42s cubic-bezier(.16,1,.3,1),border-color .16s ease,box-shadow .16s ease,background .16s ease}.nickname-editor.is-open input{width:150px;margin-left:8px;padding:8px 11px;border-width:1px;border-color:var(--border-color);opacity:1;transform:translate(0) scaleX(1);pointer-events:auto}.config-area input:focus{background:#080d19c7;border-color:#3b82f6bf;box-shadow:0 0 0 3px #3b82f621}.connection-summary{display:inline-flex;min-width:34px;align-items:center;justify-content:flex-end;gap:6px}#connection-status{position:relative;display:inline-block;width:12px;height:12px;margin-left:3px;border:1px solid rgba(254,202,202,.75);border-radius:50%;background:#ef4444;box-shadow:0 0 7px #ef4444d9,0 0 18px #dc262680;animation:status-breathe-red 1.8s cubic-bezier(.45,0,.55,1) infinite;flex:0 0 auto;cursor:help}#online-count{min-width:1ch;color:#cbd5e1c7;font-size:.76rem;font-variant-numeric:tabular-nums;line-height:1;text-align:center;cursor:help}#online-count.count-updated{animation:count-updated .36s cubic-bezier(.16,1,.3,1)}@keyframes count-updated{0%{opacity:.35;transform:translateY(2px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}#connection-status[data-connected=true]{border-color:#bbf7d0cc;background:#22c55e;animation-name:status-breathe-green}@keyframes status-breathe-red{0%,to{opacity:.72;transform:scale(.88);box-shadow:0 0 4px #ef444494,0 0 10px #dc262647}50%{opacity:1;transform:scale(1.08);box-shadow:0 0 9px #f87171f5,0 0 24px #ef44449e}}@keyframes status-breathe-green{0%,to{opacity:.72;transform:scale(.88);box-shadow:0 0 4px #22c55e94,0 0 10px #16a34a47}50%{opacity:1;transform:scale(1.08);box-shadow:0 0 9px #4ade80f5,0 0 24px #22c55e9e}}.chat-messages{flex:1;min-height:0;padding:24px clamp(18px,4vw,42px);overflow-y:auto;display:flex;flex-direction:column;gap:16px;scrollbar-color:rgba(148,163,184,.3) transparent;scrollbar-width:thin}.chat-empty-state{position:absolute;inset:0;display:grid;padding:24px;place-items:center;color:#cbd5e16b;font-size:clamp(.78rem,1.4vw,.9rem);letter-spacing:.02em;text-align:center;opacity:1;transform:translateY(0);filter:blur(0);transition:opacity .22s ease,transform .36s cubic-bezier(.16,1,.3,1),filter .26s ease;pointer-events:none}.chat-empty-state.is-leaving{opacity:0;transform:translateY(-6px);filter:blur(5px)}.message-row{display:flex;flex-direction:column;width:100%;animation:message-enter .36s cubic-bezier(.22,1,.36,1) both}@keyframes message-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-card{padding:12px 16px;border-radius:15px;max-width:min(75%,680px);overflow-wrap:anywhere;animation:message-card-enter .42s cubic-bezier(.22,1,.36,1) both}.message-row .message-card.message-card-giant-egg{max-width:min(94%,760px);overflow:visible;border-color:#7dd3fc4d;background:radial-gradient(circle at 50% 45%,#3b82f633,#0f172ac2 68%);box-shadow:0 18px 54px #2563eb38,0 0 42px #38bdf81f}.message-card .message-text.message-text-giant-egg{padding:clamp(18px,4vw,38px) clamp(20px,6vw,54px);color:transparent;background:linear-gradient(135deg,#f8fafc 12%,#7dd3fc 48%,#818cf8 88%);-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,14vw,9rem);font-weight:800;line-height:.92;letter-spacing:-.1em;text-indent:-.05em;filter:drop-shadow(0 0 20px rgba(96,165,250,.34));transform-origin:center;animation:giant-message-egg .92s cubic-bezier(.16,1,.3,1) both}@keyframes giant-message-egg{0%{opacity:0;transform:scale(.34) translateY(18px);filter:blur(16px) drop-shadow(0 0 0 rgba(96,165,250,0))}58%{opacity:1;transform:scale(1.07) translateY(-2px);filter:blur(0) drop-shadow(0 0 28px rgba(96,165,250,.46))}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0) drop-shadow(0 0 20px rgba(96,165,250,.34))}}@keyframes message-card-enter{0%{transform:scale(.97)}to{transform:scale(1)}}.row-other{align-items:flex-start}.row-other .message-card{background:#232329d1;border:1px solid rgba(148,163,184,.13);border-bottom-left-radius:5px;transform-origin:left bottom;animation:message-other-card-enter .56s cubic-bezier(.16,1.24,.3,1) both,message-other-card-glow .62s cubic-bezier(.22,1,.36,1) both;will-change:opacity,transform,filter}@keyframes message-other-card-glow{0%{box-shadow:inset 0 0 0 1px #93c5fd00,0 0 0 1px #60a5fa00,0 0 #3b82f600}20%{box-shadow:inset 0 0 0 1px #bfdbfe7a,0 0 0 1px #60a5fa80,0 0 16px #3b82f64d}58%{box-shadow:inset 0 0 0 1px #93c5fd1f,0 0 0 1px #60a5fa29,0 0 7px #3b82f61a}to{box-shadow:inset 0 0 0 1px #93c5fd00,0 0 0 1px #60a5fa00,0 0 #3b82f600}}@keyframes message-other-card-enter{0%{opacity:0;transform:translate(-72px) scale(.93);filter:blur(14px)}68%{opacity:1;transform:translate(4px) scale(1.012);filter:blur(0)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}.row-other .message-user{color:#60a5fa;font-weight:700}.row-me{align-items:flex-end}.row-me .message-card{background:linear-gradient(145deg,#1e4a9e,var(--my-msg-bg));border:1px solid rgba(96,165,250,.35);border-bottom-right-radius:5px;transform-origin:right bottom;animation:message-me-card-enter .56s cubic-bezier(.16,1.24,.3,1) .26s both,message-me-card-glow .62s cubic-bezier(.22,1,.36,1) .26s both;will-change:opacity,transform,filter}@keyframes message-me-card-glow{0%{box-shadow:inset 0 0 0 1px #bfdbfe00,0 0 0 1px #60a5fa00,0 0 #3b82f600}20%{box-shadow:inset 0 0 0 1px #dbeafebd,0 0 0 1px #7dd3fcc7,0 0 19px #3b82f670}58%{box-shadow:inset 0 0 0 1px #bfdbfe2e,0 0 0 1px #60a5fa38,0 0 8px #2563eb24}to{box-shadow:inset 0 0 0 1px #bfdbfe00,0 0 0 1px #60a5fa00,0 0 #3b82f600}}@keyframes message-me-card-enter{0%{opacity:0;transform:translate(72px) scale(.93);filter:blur(14px)}68%{opacity:1;transform:translate(-4px) scale(1.012);filter:blur(0)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}.row-me .message-user{color:#34d399;font-weight:700}.message-meta{font-size:.75rem;color:var(--meta-color);margin-bottom:4px;display:flex;flex-direction:column;gap:2px}.message-system{display:inline-flex;align-items:center;gap:5px;color:#cbd5e1;font-size:.7rem;line-height:1.2;white-space:nowrap}.message-identity{display:inline-flex;max-width:100%;align-items:center;gap:7px}.message-identity .message-user{overflow-wrap:anywhere}.system-icon{display:inline-flex;width:1.15em;height:1.15em;align-items:center;justify-content:center;color:#94a3b8;flex:0 0 auto}.system-icon svg{display:block;width:100%;height:100%;fill:currentColor}.system-windows .system-icon{color:#60a5fa}.system-macos .system-icon,.system-ios .system-icon{color:#e2e8f0}.system-android .system-icon{color:#4ade80}.system-linux .system-icon{color:#fbbf24}.system-chromeos .system-icon{color:#38bdf8}.row-me .message-meta{align-items:flex-end}.row-other .message-meta{align-items:flex-start}.typing-indicator{position:absolute;z-index:3;bottom:82px;left:30px;display:inline-flex;align-items:center;gap:5px;color:#cbd5e1ad;font-size:.72rem;line-height:1;opacity:0;transform:translateY(5px);filter:blur(3px);transition:opacity .26s ease,transform .36s cubic-bezier(.16,1,.3,1),filter .26s ease;pointer-events:none}.typing-indicator.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}.typing-dots{display:inline-flex;align-items:center;gap:3px}.typing-dots i{width:3px;height:3px;border-radius:50%;background:#7dd3fc;box-shadow:0 0 5px #38bdf87a;animation:typing-dot 1.2s ease-in-out infinite}.typing-dots i:nth-child(2){animation-delay:.14s}.typing-dots i:nth-child(3){animation-delay:.28s}@keyframes typing-dot{0%,60%,to{opacity:.35;transform:translateY(0) scale(.82)}30%{opacity:1;transform:translateY(-2px) scale(1)}}.chat-input-area{padding:16px 22px 20px;background:#0f141e4d;border-top:1px solid var(--border-color);display:flex;gap:12px}.chat-input-area textarea{flex:1;background:#080d1994;border:1px solid var(--border-color);color:#fff;padding:12px 14px;border-radius:12px;resize:none;outline:none;height:44px;font-family:inherit;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.chat-input-area textarea:focus{background:#080d19c7;border-color:#3b82f6bf;box-shadow:0 0 0 3px #3b82f621}.chat-input-area button{background-color:var(--primary-color);color:#fff;border:none;min-width:86px;padding:0 22px;border-radius:12px;cursor:pointer;font-weight:500;box-shadow:0 8px 24px #2563eb3d;animation:send-button-glow 2.4s ease-in-out infinite;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}@keyframes send-button-glow{0%,to{box-shadow:0 8px 24px #2563eb42,0 0 12px #3b82f633}50%{box-shadow:0 10px 30px #2563eb6b,0 0 27px #60a5fa80}}.chat-input-area button.is-sending{animation:send-button-glow-out .3s cubic-bezier(.7,0,.84,0) forwards}@keyframes send-button-glow-out{0%{box-shadow:0 0 22px #93c5fdcc,0 0 54px #3b82f6a8}42%{box-shadow:0 0 13px #60a5fa7a,0 0 28px #2563eb4d}to{box-shadow:0 0 #2563eb00}}.chat-input-area button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 10px 28px #2563eb57}.chat-input-area button:active{transform:translateY(0)}.chat-input-area button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none;animation:none}body{background:linear-gradient(148deg,#03060b4d,#050a122e),image-set(url(./atelier-background-v1.avif) type("image/avif"),url(./atelier-background-v1.png) type("image/png")) center center / cover no-repeat fixed}body:before,body:after{width:min(58vw,52rem);height:min(58vw,52rem);filter:blur(130px);opacity:.12}body:before{top:-34rem;right:8%;background:#76b7ff}body:after{bottom:-38rem;left:4%;background:#294f8c}.chat-container{--atelier-accent: #a9b9ff;--atelier-accent-strong: #667bda;width:min(1060px,100%);border-color:#ffffff1b;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 14%),linear-gradient(152deg,#13192494,#070a1080);box-shadow:0 54px 150px #00000094,0 16px 44px #00000047,0 0 0 1px #0003,inset 0 1px #ffffff2e,inset 0 -1px #ffffff09;-webkit-backdrop-filter:blur(28px) saturate(146%);backdrop-filter:blur(28px) saturate(146%)}.chat-container:before{inset:1px;border-radius:29px;background:radial-gradient(circle at 15% -8%,rgba(142,197,255,.105),transparent 28%),radial-gradient(circle at 88% 108%,rgba(102,123,218,.09),transparent 32%),linear-gradient(115deg,rgba(255,255,255,.045),transparent 24%)}.chat-container:after{position:absolute;top:0;right:14%;left:14%;z-index:2;height:1px;background:linear-gradient(90deg,transparent,rgba(224,240,255,.22),rgba(142,197,255,.48),rgba(224,240,255,.22),transparent);box-shadow:0 0 18px #5c96e81f;content:"";opacity:.7;pointer-events:none}.chat-header{min-height:82px;margin:0;padding:18px 24px;border:0;border-bottom:1px solid rgba(255,255,255,.075);border-radius:0;background:linear-gradient(180deg,#ffffff0b,#ffffff03);box-shadow:inset 0 1px #ffffff0b,inset 0 -1px #0000002e;-webkit-backdrop-filter:blur(24px) saturate(152%);backdrop-filter:blur(24px) saturate(152%)}.ctt24{display:inline-flex;align-items:center;gap:12px;color:#f4f7fb;letter-spacing:0;text-shadow:none;transition:opacity .22s ease}.ctt24:hover{opacity:.86}.ctt24-mark{position:relative;display:grid;width:38px;height:38px;place-items:center;overflow:hidden;border:1px solid rgba(226,235,255,.3);border-radius:13px;background:radial-gradient(circle at 24% 12%,rgba(255,255,255,.36),transparent 42%),linear-gradient(145deg,#dee8ff38,#5065b72e);box-shadow:0 9px 24px #1826533d,inset 0 1px #ffffff57,inset 0 -1px #4b5da624;-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.ctt24-mark:before{position:absolute;inset:1px;z-index:1;border-radius:11px;background:linear-gradient(138deg,rgba(255,255,255,.2),transparent 40%,rgba(126,151,235,.06));content:"";pointer-events:none}.ctt24-mark:after{position:absolute;top:-55%;left:-65%;z-index:3;width:70%;height:210%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);content:"";opacity:.42;pointer-events:none;transform:rotate(24deg);transition:transform .62s cubic-bezier(.16,1,.3,1)}.ctt24-mark img{position:relative;z-index:2;display:block;width:28px;height:23px;object-fit:contain;filter:brightness(1.18) saturate(.92) drop-shadow(0 3px 6px rgba(38,54,119,.3))}.ctt24:hover .ctt24-mark{box-shadow:0 12px 30px #3142854d,inset 0 1px #ffffff6b,inset 0 -1px #4b5da62e;transform:translateY(-1px) rotate(-2deg)}.ctt24:hover .ctt24-mark:after{transform:translate(105px) rotate(24deg)}.ctt24-copy{display:flex;flex-direction:column;gap:2px;line-height:1}.ctt24-copy strong{font-size:1.73rem;font-weight:700;letter-spacing:-.025em}.ctt24-copy small{color:#b7c5d87a;font-size:.91rem;letter-spacing:.19em}.config-area{gap:10px}.nickname-toggle{width:36px;height:36px;color:#d5e0efa8;border-color:#ffffff17;border-radius:12px;background:#ffffff0b;box-shadow:inset 0 1px #ffffff0e,0 6px 18px #0000001f;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}.nickname-toggle:hover,.nickname-editor.is-open .nickname-toggle{color:#dceeff;border-color:#8ec5ff42;background:#649de014;box-shadow:inset 0 1px #ffffff17,0 8px 24px #00000029}.config-area input,.config-area input:focus{background:#05080dad}.nickname-editor.is-open input{border-color:#ffffff1a}.config-area input:focus{border-color:#8ec5ff5c;box-shadow:0 0 0 3px #5c96e814}.connection-summary{min-height:36px;padding:0 12px;gap:7px;border:1px solid rgba(255,255,255,.085);border-radius:12px;background:#ffffff0a;box-shadow:inset 0 1px #ffffff0d,0 6px 18px #0000001a;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}#connection-status{width:9px;height:9px;margin-left:0;border-width:0}#online-count{color:#cfdae9a3;font-size:.68rem}.chat-messages{padding:32px clamp(22px,4.5vw,48px) 34px;gap:22px;scrollbar-color:rgba(142,197,255,.18) transparent;mask-image:linear-gradient(to bottom,transparent 0,#000 18px,#000 calc(100% - 16px),transparent 100%)}.message-row{animation:none}.message-meta{flex-direction:row;align-items:center;gap:8px;margin-bottom:7px;padding:0 5px;color:#b1bed06e;font-size:.67rem;line-height:1.25}.row-me .message-meta{flex-direction:row-reverse;align-items:center}.message-identity{gap:8px}.message-user{font-size:.72rem;letter-spacing:.01em}.message-system{gap:4px;color:#c1cee07a;font-size:.64rem}.system-icon{width:1.08em;height:1.08em;opacity:.88}.message-row .message-card{position:relative;padding:13px 18px 14px;border-radius:18px;box-shadow:0 14px 38px #00000029,inset 0 1px #fff1;-webkit-backdrop-filter:blur(20px) saturate(132%);backdrop-filter:blur(20px) saturate(132%);transition:transform .36s cubic-bezier(.16,1,.3,1),border-color .26s ease,box-shadow .36s ease}.message-row .message-card:hover{transform:translateY(-1px)}.row-other .message-card{border-color:#ffffff13;border-bottom-left-radius:6px;background:linear-gradient(150deg,#282f3bb8,#141921ad);animation:atelier-other-message .68s cubic-bezier(.16,1,.3,1) backwards}.row-me .message-card{border-color:#a6cfff30;border-bottom-right-radius:6px;background:linear-gradient(145deg,#315b97d6,#1b3052c7);box-shadow:0 16px 44px #0c234640,inset 0 1px #dceeff26;animation:atelier-my-message .7s cubic-bezier(.16,1,.3,1) .18s backwards}.row-other .message-card:hover{border-color:#ffffff1c;box-shadow:0 18px 44px #0003,inset 0 1px #ffffff14}.row-me .message-card:hover{border-color:#a6cfff45;box-shadow:0 20px 52px #0c23464d,inset 0 1px #dceeff2e}@keyframes atelier-other-message{0%{opacity:0;box-shadow:0 0 #5c96e800;transform:translate(-44px) translateY(6px) scale(.965);filter:blur(12px)}62%{opacity:1;box-shadow:0 16px 40px #0000002e,0 0 18px #5c96e814,inset 0 1px #ffffff13;transform:translate(2px) translateY(0) scale(1.006);filter:blur(0)}to{opacity:1;box-shadow:0 14px 38px #00000029,inset 0 1px #fff1;transform:translate(0) translateY(0) scale(1);filter:blur(0)}}@keyframes atelier-my-message{0%{opacity:0;box-shadow:0 0 #5c96e800;transform:translate(44px) translateY(6px) scale(.965);filter:blur(12px)}62%{opacity:1;box-shadow:0 18px 48px #0c23464d,0 0 22px #70adf221,inset 0 1px #dceeff2b;transform:translate(-2px) translateY(0) scale(1.006);filter:blur(0)}to{opacity:1;box-shadow:0 16px 44px #0c234640,inset 0 1px #dceeff26;transform:translate(0) translateY(0) scale(1);filter:blur(0)}}.message-text{color:#f5f8fcf0;line-height:1.62;letter-spacing:.006em}.row-other .message-user{color:#dce6f3d1}.row-me .message-user{color:#cfe6ff}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#bbc7d857;animation:atelier-empty-breathe 5.6s cubic-bezier(.45,0,.55,1) infinite}.chat-empty-state.is-leaving{animation:none}.chat-empty-state:before{width:18px;height:18px;border:1px solid rgba(142,197,255,.2);border-radius:50%;box-shadow:inset 0 0 0 5px #8ec5ff06,0 0 22px #5c96e814;content:""}@keyframes atelier-empty-breathe{0%,to{opacity:.54;transform:translateY(2px)}50%{opacity:.9;transform:translateY(-2px)}}.typing-indicator{bottom:96px;left:38px;gap:7px;padding:7px 11px;color:#c6d3e59e;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:#0a0e1594;box-shadow:0 10px 28px #0000003d,inset 0 1px #ffffff0e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.typing-dots i{background:var(--atelier-accent);box-shadow:0 0 6px #8ec5ff57}.chat-input-area{margin:0 20px 18px;padding:7px 7px 7px 16px;gap:8px;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:linear-gradient(145deg,#121720ad,#080b11b3);box-shadow:0 20px 54px #0000004d,0 4px 14px #00000029,inset 0 1px #ffffff13;-webkit-backdrop-filter:blur(28px) saturate(146%);backdrop-filter:blur(28px) saturate(146%);transition:border-color .36s ease,box-shadow .52s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1)}.chat-input-area:focus-within{border-color:#8ec5ff3d;box-shadow:0 24px 62px #0000005c,0 0 0 1px #5c96e80f,0 0 30px #5c96e813,inset 0 1px #ffffff1a;transform:translateY(-1px)}.chat-input-area textarea{height:48px;padding:13px 2px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:.92rem;line-height:1.45}.chat-input-area textarea:focus{border:0;background:transparent;box-shadow:none}.chat-input-area textarea::placeholder{color:#b3c0d152}.chat-input-area button{display:grid;width:48px;min-width:48px;height:48px;padding:0;place-items:center;color:#08111f;border:1px solid rgba(224,241,255,.34);border-radius:14px;background:linear-gradient(145deg,#c8e5ff,#88baf2 58%,#5e91db);box-shadow:0 10px 26px #325e9b47,inset 0 1px #ffffff94,inset 0 -1px #0e326033;animation:atelier-send-idle 4.6s cubic-bezier(.45,0,.55,1) infinite}.chat-input-area button svg{width:19px;height:19px;fill:currentColor;transform:translate(1px)}.chat-input-area button:hover{background:linear-gradient(145deg,#e1f1ff,#9dcbf7 58%,#6d9ce0);box-shadow:0 14px 32px #325e9b5c,0 0 20px #8ec5ff21,inset 0 1px #ffffffb3;transform:translateY(-2px) scale(1.025)}.chat-input-area button.is-sending{animation:atelier-send-out .36s cubic-bezier(.7,0,.84,0) forwards}@keyframes atelier-send-idle{0%,to{box-shadow:0 10px 26px #325e9b40,0 0 #8ec5ff00,inset 0 1px #ffffff94}50%{box-shadow:0 12px 30px #325e9b57,0 0 18px #8ec5ff1f,inset 0 1px #ffffffa3}}@keyframes atelier-send-out{0%{box-shadow:0 0 20px #c2e2ff6b,0 0 42px #5c96e84d}to{box-shadow:0 0 #5c96e800;transform:scale(.94)}}.chat-input-area button:disabled{color:#c7d3e247;border-color:#ffffff0e;background:#ffffff09;box-shadow:none;opacity:1;animation:none}.easter-egg{--egg-accent: #4ade80;--egg-ink: #052e16;position:fixed;inset:0;z-index:2000;display:grid;padding:clamp(18px,4vw,56px);overflow:hidden;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(15,118,110,.16),transparent 38%),radial-gradient(circle at 80% 10%,rgba(220,38,38,.1),transparent 30%),#030806;opacity:0;visibility:hidden;transition:opacity .58s cubic-bezier(.16,1,.3,1),visibility .58s}.easter-egg.theme-red{--egg-accent: #fb7185;--egg-ink: #4c0519}.easter-egg.theme-amber{--egg-accent: #fbbf24;--egg-ink: #451a03}.easter-egg.theme-blue{--egg-accent: #60a5fa;--egg-ink: #172554}.easter-egg.theme-cyan{--egg-accent: #22d3ee;--egg-ink: #083344}.easter-egg.theme-purple{--egg-accent: #c084fc;--egg-ink: #3b0764}.easter-egg.variant-panic .easter-terminal{animation:terminal-panic .16s steps(2) 2 .7s}.easter-egg.variant-panic .easter-terminal-bar{background:#7f1d1d38}.easter-egg.variant-quarantine .easter-terminal{border-color:#fb71856b;background:linear-gradient(145deg,#1c040af5,#080204eb)}.easter-egg.variant-quarantine .easter-result{background:radial-gradient(circle at 50% 42%,#be123c33,#0e0206f7 58%)}.easter-egg.variant-quarantine .easter-mark{border-radius:50%;transform:none}.easter-egg.variant-apt .easter-log div:nth-child(4){color:#fca5a5}.easter-egg.variant-arch .easter-terminal{border-color:#60a5fa61;background:linear-gradient(145deg,#030e1ef5,#020812e0)}.easter-egg.variant-brew .easter-mark{border-radius:50% 50% 42% 42%;transform:rotate(4deg)}.easter-egg.variant-doctor .easter-result{background:radial-gradient(circle at 50% 40%,#0891b22e,#020a0cf7 54%)}.easter-egg.variant-doctor .easter-mark{border-radius:50%}.easter-egg.variant-cellar .easter-log{columns:2;column-gap:30px}.easter-egg.variant-fetch .easter-log{padding-left:22px;border-left:2px solid color-mix(in srgb,var(--egg-accent) 42%,transparent)}.easter-egg.variant-fast .easter-log div{animation-duration:.16s}.easter-egg.variant-kernel .easter-log{color:#dbeafe;letter-spacing:.015em}.easter-egg.variant-train .easter-log{width:max-content;min-width:100%;white-space:pre;animation:train-pass 2.2s cubic-bezier(.22,1,.36,1) both}.easter-egg.variant-files .easter-log div:nth-child(3){color:var(--egg-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--egg-accent) 35%,transparent)}.easter-egg.variant-sandwich .easter-result{background:radial-gradient(circle at 50% 44%,#7e22ce33,#0a0310f7 58%)}.easter-egg.variant-macos .easter-terminal{color:#e5e7eb;border-color:#94a3b84d;background:linear-gradient(145deg,#23262ee6,#0a0c12f0),#0c0e14eb;box-shadow:0 34px 100px #000000a8,inset 0 1px #ffffff1f,0 0 58px #60a5fa1a}.easter-egg.variant-macos .easter-terminal-bar{color:#e2e8f09e;border-bottom-color:#94a3b829;background:#ffffff06;backdrop-filter:blur(18px)}.easter-egg.variant-macos .easter-log{color:#e2e8f0c2}.easter-egg.variant-macos.presentation-terminal .easter-result{border-color:#60a5fa3d;background:linear-gradient(135deg,#3b82f617,#0f172aa3)}.easter-egg.variant-macos .easter-mark{color:#eff6ff;background:linear-gradient(145deg,#60a5fa,#6366f1);box-shadow:0 0 36px #60a5fa47}.terminal-cursor{display:inline-block;width:.56em;height:1em;margin-left:.4em;background:var(--egg-accent);vertical-align:-.14em;animation:terminal-cursor .9s steps(1) infinite}@keyframes terminal-cursor{50%{opacity:0}}@keyframes terminal-panic{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-3px,1px) scale(1)}75%{transform:translate(3px,-1px) scale(1)}}@keyframes train-pass{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}.easter-egg:before{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(134,239,172,.025) 4px);content:"";pointer-events:none}.easter-egg.is-active{opacity:1;visibility:visible}.easter-egg-open .chat-container{transform:translateY(18px) scale(.96);filter:blur(18px);opacity:.28}.easter-terminal{position:relative;width:min(860px,100%);min-height:min(590px,calc(100dvh - 72px));overflow:hidden;color:#bbf7d0;border:1px solid rgba(134,239,172,.2);border-radius:20px;background:#020c08cc;box-shadow:0 34px 100px #0000009e,inset 0 1px #dcfce714,0 0 52px #22c55e14;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;transform:translateY(28px) scale(.96);transition:opacity .64s ease,transform .76s cubic-bezier(.16,1,.3,1)}.easter-egg.is-active .easter-terminal{opacity:1;transform:translateY(0) scale(1)}.easter-terminal-bar{height:52px;padding:0 18px;border-bottom:1px solid rgba(134,239,172,.12);color:#bbf7d09e;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.12em}.terminal-lights{display:flex;gap:7px}.terminal-lights i{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef444473}.terminal-lights i:nth-child(2){background:#eab308;box-shadow:0 0 8px #eab30873}.terminal-lights i:nth-child(3){background:#22c55e;box-shadow:0 0 8px #22c55e8c}.terminal-secure{justify-self:end;color:var(--egg-accent);opacity:.76}.easter-terminal-body{position:relative;min-height:536px;padding:clamp(24px,5vw,50px);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.easter-command{color:#e2e8f0;font-family:inherit;font-size:clamp(.76rem,1.8vw,.95rem);overflow-wrap:anywhere}.easter-command span{color:var(--egg-accent);font-family:inherit}.easter-log{margin-top:24px;color:#bbf7d0b3;font-family:inherit;font-size:clamp(.7rem,1.6vw,.86rem);line-height:2}.easter-log div{font-family:inherit;animation:terminal-line .42s cubic-bezier(.16,1,.3,1) both}@keyframes terminal-line{0%{opacity:0;transform:translateY(6px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.easter-result{position:absolute;inset:0;z-index:2;display:grid;padding:32px;place-content:center;justify-items:center;color:#f0fdf4;background:#020a07eb;text-align:center;opacity:0;transform:scale(.97);filter:blur(14px);visibility:hidden;transition:opacity .72s ease,transform .9s cubic-bezier(.16,1,.3,1),filter .72s ease,visibility .72s}.easter-result.is-visible{opacity:1;transform:scale(1);filter:blur(0);visibility:visible}.easter-egg.presentation-terminal .easter-terminal{overflow-y:auto}.easter-egg.presentation-terminal .easter-result{position:relative;inset:auto;z-index:1;grid-template-columns:58px minmax(0,1fr);margin-top:24px;padding:22px;place-content:initial;justify-items:start;border:1px solid color-mix(in srgb,var(--egg-accent) 20%,transparent);border-radius:16px;background:color-mix(in srgb,var(--egg-accent) 5%,rgba(2,10,7,.72));text-align:left;transform:translateY(12px);filter:blur(7px)}.easter-egg.presentation-terminal .easter-result.is-visible{transform:translateY(0);filter:blur(0)}.easter-egg.presentation-terminal .easter-mark{grid-row:1 / 4;width:42px;height:42px;margin:0;border-radius:12px;font-size:.82rem;transform:none}.easter-egg.presentation-terminal .easter-kicker,.easter-egg.presentation-terminal .easter-result h1,.easter-egg.presentation-terminal .easter-result>p{grid-column:2}.easter-egg.presentation-terminal .easter-result h1{margin-top:4px;font-size:clamp(1.25rem,4vw,2rem);letter-spacing:-.035em}.easter-egg.presentation-terminal .easter-result>p:not(.easter-kicker){margin-top:7px;font-size:.82rem;line-height:1.65}.easter-egg.presentation-terminal .easter-result button{grid-column:1 / -1;margin-top:18px}.easter-egg.presentation-receipt .easter-result{inset:auto clamp(18px,4vw,36px) clamp(18px,4vw,36px);display:grid;grid-template-columns:62px minmax(0,1fr) auto;padding:22px;place-content:initial;justify-items:start;border:1px dashed color-mix(in srgb,var(--egg-accent) 36%,transparent);border-radius:14px;background:#0c0904f2;text-align:left;transform:translateY(22px) rotate(-.35deg)}.easter-egg.presentation-receipt .easter-result.is-visible{transform:translateY(0) rotate(-.35deg)}.easter-egg.presentation-receipt .easter-mark{grid-row:1 / 4;width:46px;height:46px;margin:0;border-radius:50%;font-size:1rem}.easter-egg.presentation-receipt .easter-kicker,.easter-egg.presentation-receipt .easter-result h1,.easter-egg.presentation-receipt .easter-result>p{grid-column:2}.easter-egg.presentation-receipt .easter-result h1{margin-top:3px;font-size:clamp(1.25rem,4vw,2rem)}.easter-egg.presentation-receipt .easter-result>p:not(.easter-kicker){margin-top:6px;font-size:.82rem}.easter-egg.presentation-receipt .easter-result button{grid-column:3;grid-row:1 / 4;align-self:center;margin:0 0 0 18px}.easter-mark{display:grid;width:76px;height:76px;margin-bottom:24px;place-items:center;color:var(--egg-ink);border-radius:24px;background:var(--egg-accent);box-shadow:0 0 42px color-mix(in srgb,var(--egg-accent) 32%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.65rem;font-weight:800;transform:rotate(-5deg)}.easter-kicker{color:color-mix(in srgb,var(--egg-accent) 68%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;letter-spacing:.2em}.easter-result h1{margin-top:8px;font-size:clamp(2.5rem,8vw,5rem);letter-spacing:-.05em}.easter-result>p:not(.easter-kicker){margin-top:14px;color:#dcfce7b3;font-size:clamp(.9rem,2.2vw,1.08rem);line-height:1.8}.easter-result button{margin-top:30px;padding:10px 20px;color:var(--egg-ink);border:0;border-radius:10px;background:var(--egg-accent);box-shadow:0 10px 30px color-mix(in srgb,var(--egg-accent) 22%,transparent);cursor:pointer;transition:transform .18s ease,background .18s ease}.easter-result button:hover{background:color-mix(in srgb,var(--egg-accent) 76%,white);transform:translateY(-1px)}.easter-result button:active{transform:translateY(0) scale(.97)}@media screen and (max-width:680px){body{padding:0;align-items:stretch}.chat-container{width:100%;height:100vh;height:100dvh;border:0;border-radius:0}.chat-container.is-empty{height:100vh;height:100dvh}.chat-header{min-height:auto;margin:0;padding:max(14px,env(safe-area-inset-top)) 15px 13px;flex-wrap:wrap;gap:10px 14px}.ctt24{font-size:1.1rem}.config-area{flex:1;justify-content:flex-end}.config-area label{display:none}.nickname-editor.is-open input{width:min(130px,38vw)}#connection-status{width:11px;height:11px}#online-count{font-size:.72rem}.chat-messages{padding:18px 14px;gap:14px}.message-card{max-width:88%}.chat-input-area{margin:0 8px max(8px,env(safe-area-inset-bottom));padding:6px 6px 6px 14px;gap:6px}.chat-input-area button{width:44px;min-width:44px;height:44px;padding:0}.typing-indicator{bottom:calc(68px + env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left))}.easter-egg.presentation-receipt .easter-result{grid-template-columns:48px minmax(0,1fr);padding:18px}.easter-egg.presentation-receipt .easter-result button{grid-row:auto;grid-column:1 / -1;width:100%;margin:16px 0 0}}@media(prefers-reduced-motion:reduce){.welcome-screen{animation-duration:1.6s}.welcome-widget{animation:welcome-widget-reduced 1.6s ease-out forwards;filter:none}.welcome-eyebrow,.chat-container,.message-row,.message-card,.chat-input-area button{animation:none}#connection-status{animation:none;opacity:1;transform:none}#online-count.count-updated,.typing-dots i{animation:none}.config-area input,.nickname-toggle,.easter-egg,.easter-terminal,.easter-result{transition:none}.easter-log div{animation:none}.chat-messages{scroll-behavior:auto}.chat-container:after,.chat-empty-state{animation:none}.chat-input-area,.message-row .message-card{transition:none}}@keyframes welcome-widget-reduced{0%,20%,75%{opacity:1;transform:none}to{opacity:0;transform:none}}