:root{--ink:#0b0c10;--ink-2:#16181e9e;--ink-3:#16181e66;--ink-4:#16181e38;--accent:#0a84ff;--accent-deep:#0060df;--accent-soft:#0a84ff24;--green:#30d158;--red:#ff3b30;--amber:#ff9f0a;--glass-fill:linear-gradient(152deg, #ffffff9e 0%, #ffffff61 44%, #ffffff42 100%);--glass-fill-strong:linear-gradient(152deg, #ffffffd1 0%, #ffffffa3 50%, #ffffff85 100%);--glass-fill-thin:linear-gradient(152deg, #fff6 0%, #fff3 100%);--glass-edge:#fffc;--glass-edge-soft:#ffffff75;--glass-blur:blur(34px) saturate(200%);--glass-blur-heavy:blur(58px) saturate(220%);--shadow-window:0 40px 90px -20px #141e5057, 0 12px 30px -10px #141e502e;--shadow-glass:0 10px 34px -8px #18204a29, 0 2px 8px #18204a0f;--shadow-raised:0 18px 44px -12px #18204a42, 0 3px 10px #18204a14;--shadow-inset:inset 0 1px 0 #ffffffeb, inset 0 -1px 1px #ffffff57;--r-xl:34px;--r-lg:26px;--r-md:18px;--r-sm:12px;--r-pill:999px;--ease-apple:cubic-bezier(.32, .72, .18, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#eef0f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI Variable Text,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,system-ui,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}::selection{background:#0a84ff38}.scroll-thin{scrollbar-width:thin;scrollbar-color:#3c46643d transparent}.scroll-thin::-webkit-scrollbar{width:8px;height:8px}.scroll-thin::-webkit-scrollbar-thumb{background:#3c466438 padding-box content-box;border:2px solid #0000;border-radius:99px}.scroll-thin::-webkit-scrollbar-thumb:hover{background:#3c46645c padding-box content-box}.scroll-thin::-webkit-scrollbar-track{background:0 0}.wallpaper{z-index:0;background:linear-gradient(165deg,#d5e2fb 0%,#dcdbfa 28%,#e9def5 52%,#f4e4ec 76%,#f5eddf 100%);position:fixed;inset:0;overflow:hidden}.wallpaper:before{content:"";filter:blur(76px);background:radial-gradient(48% 40% at 24% 18%,#7a9ef675,#0000 70%),radial-gradient(44% 38% at 86% 84%,#c4a4f061,#0000 72%);position:absolute;inset:-25%}.wallpaper:after{content:"";opacity:.15;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.blob{filter:blur(96px);will-change:transform;border-radius:50%;position:absolute}.blob-1{opacity:.62;width:64vw;height:64vw;animation:drift1 52s var(--ease-apple) infinite alternate;background:radial-gradient(circle at 38% 36%,#95b7f7,#7096e6 56%,#8e87d9 100%);top:-22vw;left:-18vw}.blob-2{opacity:.5;width:54vw;height:54vw;animation:drift2 60s var(--ease-apple) infinite alternate;background:radial-gradient(circle at 54% 46%,#e4b7d7,#d0a0d5 56%,#a894e1 100%);top:-8vh;right:-16vw}.blob-3{opacity:.52;width:60vw;height:60vw;animation:drift3 68s var(--ease-apple) infinite alternate;background:radial-gradient(circle at 50% 44%,#a9d1ef,#87b9e5 54%,#a5a0e3 100%);bottom:-28vw;left:16vw}@keyframes drift1{to{transform:translate(5vw,4vh)scale(1.07)}}@keyframes drift2{to{transform:translate(-5vw,5vh)scale(1.06)}}@keyframes drift3{to{transform:translate(-6vw,-4vh)scale(1.06)}}.glass{background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge-soft);box-shadow:var(--shadow-glass), var(--shadow-inset)}.glass-strong{background:var(--glass-fill-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:var(--shadow-raised), var(--shadow-inset)}.glass-thin{background:var(--glass-fill-thin);-webkit-backdrop-filter:blur(20px)saturate(170%);backdrop-filter:blur(20px)saturate(170%);border:1px solid #ffffff70}.specular:before{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff8c 0%,#fff0 26% 74%,#ffffff2e 100%);position:absolute;inset:0}.window:after,.sheet:after,.canvas-stage:after,.playback-full:after{content:"";border-radius:inherit;pointer-events:none;z-index:4;position:absolute;inset:0;box-shadow:inset 1.6px 1.6px 0 -.6px #ffffffeb,inset -1.2px -1.2px 0 -.6px #ffffff57,inset 0 0 3px #ffffff80,inset 0 0 64px #ffffff26}.stage{z-index:1;place-items:center;height:100%;padding:clamp(10px,1.8vw,26px);display:grid;position:relative}.window{border-radius:var(--r-xl);background:var(--glass-fill);width:min(1460px,100%);height:min(940px,100%);-webkit-backdrop-filter:var(--glass-blur-heavy);backdrop-filter:var(--glass-blur-heavy);box-shadow:var(--shadow-window), var(--shadow-inset);animation:window-in .7s var(--ease-apple) both;border:1px solid #ffffffa8;grid-template-columns:296px 1fr;display:grid;position:relative;overflow:hidden}@keyframes window-in{0%{opacity:0;transform:translateY(22px)scale(.985)}}.sidebar{background:linear-gradient(#ffffff6b,#fff3);border-right:1px solid #ffffff80;flex-direction:column;min-height:0;display:flex;position:relative}.sidebar-head{align-items:center;gap:12px;padding:20px 18px 14px;display:flex}.brand-mark{color:#fff;letter-spacing:-.02em;background:linear-gradient(145deg,#5ac8fa,#0a84ff 52%,#5e5ce6);border-radius:13px;place-items:center;width:40px;height:40px;font-size:17px;font-weight:700;display:grid;box-shadow:0 6px 16px -4px #0a84ff8c,inset 0 1px #ffffff80}.brand-name{letter-spacing:-.01em;font-size:15px;font-weight:650}.brand-sub{color:var(--ink-3);margin-top:1px;font-size:11.5px}.me-card{border-radius:var(--r-md);align-items:center;gap:10px;margin:0 12px 12px;padding:11px 12px;display:flex;position:relative}.side-section{flex-direction:column;flex:1;gap:10px;min-height:0;padding:0 12px;display:flex}.section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;align-items:center;padding:0 6px;font-size:11px;font-weight:650;display:flex}.friend-list{flex-direction:column;flex:1;gap:4px;min-height:0;padding-bottom:8px;display:flex;overflow-y:auto}.avatar{color:#fff;letter-spacing:-.02em;text-shadow:0 1px 2px #00000029;border-radius:50%;flex:none;place-items:center;font-weight:640;display:grid;position:relative;box-shadow:inset 0 1px #ffffff80,0 3px 10px -3px #141e4659}.avatar-28{width:28px;height:28px;font-size:11.5px}.avatar-36{width:36px;height:36px;font-size:13.5px}.avatar-44{width:44px;height:44px;font-size:16px}.avatar-64{width:64px;height:64px;font-size:23px}.av-blue{background:linear-gradient(145deg,#5ac8fa,#0a84ff)}.av-purple{background:linear-gradient(145deg,#bf5af2,#7a3ff2)}.av-pink{background:linear-gradient(145deg,#ff7fa8,#ff375f)}.av-orange{background:linear-gradient(145deg,#ffd60a,#ff9f0a)}.av-green{background:linear-gradient(145deg,#7df29a,#30d158)}.av-teal{background:linear-gradient(145deg,#6be3f0,#32ade6)}.av-indigo{background:linear-gradient(145deg,#8a8cff,#5e5ce6)}.presence{background:var(--ink-4);width:11px;height:11px;transition:background .3s var(--ease-apple);border:2px solid #ffffffeb;border-radius:50%;position:absolute;bottom:-1px;right:-1px}.presence.on{background:var(--green);animation:pulse-ring 2.4s var(--ease-apple) infinite;box-shadow:0 0 #30d1588c}@keyframes pulse-ring{0%{box-shadow:0 0 #30d15880}70%{box-shadow:0 0 0 7px #30d15800}to{box-shadow:0 0 #30d15800}}.friend-item{border-radius:var(--r-md);text-align:left;width:100%;transition:background .22s var(--ease-apple), transform .22s var(--ease-apple);align-items:center;gap:11px;padding:9px 11px;display:flex;position:relative}.friend-item:hover{background:#ffffff85}.friend-item.active{background:linear-gradient(145deg,#ffffffeb,#ffffff9e);box-shadow:0 6px 18px -8px #18204a47,inset 0 1px #ffffffe6}.friend-item.active .friend-name{font-weight:640}.friend-meta{flex:1;min-width:0}.friend-name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:520;overflow:hidden}.friend-sub{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.unread-dot{color:#fff;background:linear-gradient(145deg,#5ac8fa,#0a84ff);border-radius:99px;place-items:center;min-width:19px;height:19px;padding:0 6px;font-size:11px;font-weight:650;display:grid;box-shadow:0 3px 9px -3px #0a84ffb3}.chat{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.chat-head{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff75,#ffffff38);border-bottom:1px solid #ffffff80;align-items:center;gap:12px;padding:14px 20px;display:flex}.chat-title{letter-spacing:-.01em;font-size:15px;font-weight:640}.chat-sub{color:var(--ink-3);font-size:11.5px}.chat-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:22px 24px 8px;display:flex;overflow-y:auto}.row{animation:bubble-in .42s var(--ease-apple) both;align-items:flex-end;gap:9px;display:flex}.row.mine{flex-direction:row-reverse}@keyframes bubble-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.bubble{word-break:break-word;white-space:pre-wrap;border-radius:20px;max-width:min(560px,74%);padding:9px 14px;font-size:14px;line-height:1.55;position:relative}.bubble.theirs{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(150deg,#ffffffeb,#ffffffa8);border:1px solid #fffc;border-bottom-left-radius:7px;box-shadow:0 6px 18px -8px #18204a38,inset 0 1px #fffffff2}.bubble.mine{color:#fff;background:linear-gradient(150deg,#3fa2ff,#0a84ff 55%,#0066e0);border:1px solid #ffffff47;border-bottom-right-radius:7px;box-shadow:0 10px 26px -10px #0a84ffbf,inset 0 1px #fff6}.bubble.system{max-width:100%;color:var(--ink-3);border-radius:var(--r-pill);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff80;border:1px solid #fff9;margin:4px auto;padding:5px 14px;font-size:11.5px}.bubble-time{color:var(--ink-4);flex:none;align-self:flex-end;padding:0 6px 2px;font-size:10.5px}.day-sep{color:var(--ink-3);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff80;border:1px solid #fff9;align-self:center;padding:3px 12px;font-size:11px}.composer{flex-direction:column;gap:8px;padding:12px 20px 18px;display:flex}.composer-box{background:var(--glass-fill-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:var(--shadow-glass), var(--shadow-inset);transition:box-shadow .3s var(--ease-apple);border-radius:24px;align-items:flex-end;gap:9px;padding:8px 8px 8px 16px;display:flex}.composer-box:focus-within{box-shadow:0 0 0 3.5px var(--accent-soft), var(--shadow-glass), var(--shadow-inset)}.composer textarea{resize:none;background:0 0;border:0;outline:0;flex:1;min-height:24px;max-height:140px;padding:6px 0;font-size:14px;line-height:1.5}.composer textarea::placeholder{color:var(--ink-4)}.btn{border-radius:var(--r-pill);white-space:nowrap;height:38px;transition:transform .2s var(--ease-apple), box-shadow .25s var(--ease-apple), background .25s var(--ease-apple), opacity .2s;justify-content:center;align-items:center;gap:7px;padding:0 17px;font-size:13.5px;font-weight:570;display:inline-flex}.btn:active{transform:scale(.965)}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(150deg,#3fa2ff,#0a84ff 52%,#0066e0);box-shadow:0 10px 24px -10px #0a84ffd9,inset 0 1px #ffffff6b}.btn-primary:hover:not(:disabled){box-shadow:0 14px 30px -10px #0a84fff2,inset 0 1px #ffffff80}.btn-glass{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(150deg,#ffffffdb,#ffffff94);border:1px solid #ffffffd9;box-shadow:0 8px 20px -10px #18204a4d,inset 0 1px #fffffff2}.btn-glass:hover:not(:disabled){background:linear-gradient(150deg,#fff,#ffffffbd)}.btn-danger{color:var(--red);background:#ff3b301a;border:1px solid #ff3b303d}.btn-sm{height:30px;padding:0 13px;font-size:12.5px}.btn-icon{border-radius:50%;width:38px;height:38px;padding:0}.field{flex-direction:column;gap:6px;display:flex}.field label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);padding-left:4px;font-size:11.5px;font-weight:600}.input{border-radius:var(--r-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:44px;transition:box-shadow .25s var(--ease-apple), background .25s;background:#fff9;border:1px solid #ffffffbf;outline:0;padding:0 15px;box-shadow:inset 0 1px 2px #18204a0d}.input:focus{box-shadow:0 0 0 3.5px var(--accent-soft), inset 0 1px 2px #18204a0a;background:#ffffffdb}.input::placeholder{color:var(--ink-4)}.auth-wrap{z-index:1;place-items:center;height:100%;padding:24px;display:grid;position:relative}.auth-card{border-radius:var(--r-xl);width:min(432px,100%);animation:window-in .75s var(--ease-apple) both;flex-direction:column;gap:18px;padding:34px 32px 28px;display:flex;position:relative}.auth-badge{color:#fff;letter-spacing:-.03em;background:linear-gradient(145deg,#5ac8fa,#0a84ff 52%,#5e5ce6);border-radius:20px;place-items:center;width:62px;height:62px;font-size:27px;font-weight:700;display:grid;box-shadow:0 16px 34px -12px #0a84ffcc,inset 0 1px #ffffff80}.auth-h1{letter-spacing:-.025em;margin:0;font-size:26px;font-weight:700}.auth-sub{color:var(--ink-2);margin:-10px 0 0;font-size:13px;line-height:1.6}.segmented{border-radius:var(--r-pill);background:#7882a024;border:1px solid #fff6;grid-auto-flow:column;gap:3px;padding:3px;display:grid}.segmented button{border-radius:var(--r-pill);height:32px;color:var(--ink-2);transition:all .28s var(--ease-apple);font-size:13px;font-weight:570}.segmented button.on{color:var(--ink);background:#fff;box-shadow:0 4px 12px -4px #18204a4d}.alert{border-radius:var(--r-sm);color:#c81e13;background:#ff3b301a;border:1px solid #ff3b303d;padding:9px 13px;font-size:12.5px}.hint-card{color:var(--ink-2);border-radius:var(--r-sm);background:#0a84ff12;border:1px solid #0a84ff29;padding:11px 13px;font-size:12px;line-height:1.65}.overlay{z-index:50;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fade-in .3s var(--ease-apple) both;background:#1e243c3d;place-items:center;padding:24px;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.sheet{border-radius:var(--r-xl);background:var(--glass-fill-strong);width:min(520px,100%);max-height:82vh;-webkit-backdrop-filter:var(--glass-blur-heavy);backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--glass-edge);box-shadow:var(--shadow-window), var(--shadow-inset);animation:sheet-in .45s var(--ease-apple) both;flex-direction:column;gap:14px;padding:22px;display:flex;position:relative;overflow:hidden}@keyframes sheet-in{0%{opacity:0;transform:translateY(26px)scale(.97)}}.sheet-title{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:680}.result-row{border-radius:var(--r-md);background:#ffffff80;border:1px solid #fff9;align-items:center;gap:11px;padding:10px 11px;display:flex}.tag{border-radius:var(--r-pill);color:var(--ink-2);background:#7882a024;padding:2.5px 9px;font-size:11px;font-weight:600}.tag-friend{color:#177b36;background:#30d15829}.tag-in{color:#96590a;background:#ff9f0a2e}.tag-out{color:#0a5fb0;background:#0a84ff24}.canvas-stage{border-radius:var(--r-xl);background:var(--glass-fill-strong);width:min(1600px,96vw);height:min(1020px,92vh);-webkit-backdrop-filter:var(--glass-blur-heavy);backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--glass-edge);box-shadow:var(--shadow-window), var(--shadow-inset);animation:sheet-in .5s var(--ease-apple) both;flex-direction:column;display:flex;position:relative;overflow:hidden}.canvas-bar{background:linear-gradient(#ffffff80,#ffffff3d);border-bottom:1px solid #ffffff80;align-items:center;gap:10px;padding:11px 16px;display:flex}.tool-group{border-radius:var(--r-pill);background:#ffffff8f;border:1px solid #ffffffb3;align-items:center;gap:4px;padding:4px;display:flex;box-shadow:0 6px 18px -10px #18204a57}.tool-btn{border-radius:var(--r-pill);height:34px;color:var(--ink-2);transition:all .26s var(--ease-apple);align-items:center;gap:6px;padding:0 13px;font-size:12.5px;font-weight:570;display:flex}.tool-btn:hover{color:var(--ink);background:#ffffffb3}.tool-btn.on{color:#fff;background:linear-gradient(150deg,#3fa2ff,#0a84ff 55%,#0066e0);box-shadow:0 8px 20px -8px #0a84ffcc,inset 0 1px #fff6}.tool-btn.on.glow-tool{background:linear-gradient(150deg,#b06bff,#7a3ff2 55%,#ff375f);box-shadow:0 8px 22px -8px #963cffd9,inset 0 1px #fff6}.swatch{width:22px;height:22px;transition:transform .22s var(--ease-apple);border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 3px 8px -3px #18204a66}.swatch:hover{transform:scale(1.14)}.swatch.on{box-shadow:0 0 0 3px #fffffff2, 0 0 0 5.5px var(--accent), 0 4px 12px -4px #18204a66;transform:scale(1.2)}.size-slider{appearance:none;background:#7882a042;border-radius:99px;outline:none;width:108px;height:5px}.size-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:1px solid #ffffffe6;border-radius:50%;width:18px;height:18px;box-shadow:0 3px 9px -2px #18204a73}.canvas-holder{flex:1;place-items:center;min-height:0;padding:16px;display:grid;position:relative;overflow:hidden}.canvas-paper{border-radius:var(--r-lg);cursor:crosshair;touch-action:none;background:radial-gradient(130% 120% at 18% 6%,#385cbe5c,#0000 58%),radial-gradient(120% 130% at 88% 96%,#923ebe52,#0000 60%),radial-gradient(100% 100%,#14204ae6,#080b1cfa 70%),#070a18;border:1px solid #ffffff29;max-width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 26px 60px -22px #0a102c9e,inset 0 1px #ffffff24,inset 0 0 90px #4678ff17}.canvas-paper:after{content:"";pointer-events:none;background-image:linear-gradient(#8cb4ff13 1px,#0000 1px),linear-gradient(90deg,#8cb4ff13 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 120%,#000 55%,#0000 100%);mask-image:radial-gradient(120% 120%,#000 55%,#0000 100%)}.canvas-paper canvas{z-index:1;width:100%;height:100%;display:block;position:relative}.peer-cursor{z-index:3;pointer-events:none;transition:transform 80ms linear;position:absolute;transform:translate(-50%,-50%)}.peer-cursor .dot{border:2.5px solid #fff;border-radius:50%;width:13px;height:13px;box-shadow:0 2px 8px #00000047}.peer-cursor .who{color:#fff;white-space:nowrap;border-radius:99px;padding:2px 7px;font-size:10.5px;font-weight:600;position:absolute;top:-4px;left:15px;box-shadow:0 2px 8px #0000003d}.footer-note{color:var(--ink-3);font-size:11.5px}.playback-card{border-radius:var(--r-md);cursor:zoom-in;background:#fff;border:1px solid #ffffffb8;width:100%;overflow:hidden;box-shadow:0 8px 22px -12px #18204a57}.playback-head{color:var(--ink-2);background:linear-gradient(#ffffffe6,#f6f8fdcc);border-bottom:1px solid #7882a024;align-items:center;gap:7px;padding:7px 11px;font-size:11.5px;font-weight:600;display:flex}.live-dot{background:#30d158;border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite blink}@keyframes blink{50%{opacity:.25}}.playback-card canvas{background:radial-gradient(120% 120% at 20% 10%,#385cbe57,#0000 60%),radial-gradient(120% 120% at 85% 95%,#923ebe4d,#0000 62%),#0a0e20;width:100%;height:auto;display:block}.progress-rail{background:#7882a029;height:2.5px;overflow:hidden}.progress-rail i{background:linear-gradient(90deg,#5ac8fa,#0a84ff);height:100%;transition:width 60ms linear;display:block}.playback-full{border-radius:var(--r-xl);background:var(--glass-fill-strong);width:min(1180px,94vw);-webkit-backdrop-filter:var(--glass-blur-heavy);backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--glass-edge);box-shadow:var(--shadow-window), var(--shadow-inset);animation:sheet-in .45s var(--ease-apple) both;flex-direction:column;gap:14px;padding:20px;display:flex;position:relative}.playback-full .screen{border-radius:var(--r-lg);background:radial-gradient(130% 120% at 18% 6%,#385cbe5c,#0000 58%),radial-gradient(120% 130% at 88% 96%,#923ebe52,#0000 60%),#080b1a;border:1px solid #ffffff29;position:relative;overflow:hidden;box-shadow:0 20px 50px -20px #0a102c99,inset 0 1px #ffffff1f}.playback-full .screen canvas{width:100%;height:auto;display:block}.playback-full .screen.paused canvas{filter:saturate(.72)brightness(.94)}.toast-stack{z-index:90;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;border-radius:var(--r-pill);background:var(--glass-fill-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:var(--shadow-raised), var(--shadow-inset);animation:toast-in .4s var(--ease-apple) both;align-items:center;gap:9px;max-width:90vw;padding:10px 16px;font-size:13px;font-weight:520;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px)scale(.96)}}.toast-accent{color:#fff;background:linear-gradient(150deg,#3fa2ff,#0a84ff 52%,#0066e0);border-color:#fff6}.empty{text-align:center;color:var(--ink-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:13px;padding:40px;display:flex}.empty-glyph{width:82px;height:82px;box-shadow:var(--shadow-glass), var(--shadow-inset);color:var(--accent);background:linear-gradient(150deg,#ffffffdb,#ffffff80);border:1px solid #ffffffe6;border-radius:26px;place-items:center;display:grid}.empty h3{color:var(--ink-2);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:640}.empty p{max-width:340px;margin:0;font-size:12.5px;line-height:1.65}.typing-line{height:18px;color:var(--ink-3);padding-left:18px;font-size:11.5px}.spin{border:2px solid #ffffff6b;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-wrap{align-items:center;display:flex;position:relative}.search-icon{color:var(--ink-3);pointer-events:none;position:absolute;left:14px}.search-input{padding-left:40px}.label-action{border-radius:var(--r-pill);color:var(--accent);transition:background .22s var(--ease-apple);background:#0a84ff1a;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:650;display:inline-flex;position:relative}.label-action:hover{background:#0a84ff33}.label-badge{background:var(--red);color:#fff;border-radius:99px;place-items:center;min-width:15px;height:15px;padding:0 4px;font-size:10px;font-style:normal;display:grid}.canvas-chips{background:#ffffff38;border-bottom:1px solid #ffffff6b;align-items:center;gap:8px;padding:9px 20px;display:flex;overflow-x:auto}.canvas-chip{border-radius:var(--r-pill);height:28px;color:var(--ink-2);transition:all .22s var(--ease-apple);background:#ffffff9e;border:1px solid #fffc;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex;box-shadow:0 4px 12px -8px #18204a66}.canvas-chip:hover{color:var(--ink);background:#fff;transform:translateY(-1px)}.canvas-chip__label{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.invite-strip{border-radius:var(--r-md);color:#06356e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(150deg,#5ac8fa3d,#0a84ff29);border:1px solid #0a84ff4d;align-items:center;gap:10px;margin:12px 20px 0;padding:9px 14px;font-size:12.5px;display:flex}.toast-action{border-radius:var(--r-pill);color:#fff;height:24px;transition:background .22s var(--ease-apple);background:#ffffff3d;border:1px solid #fff6;padding:0 11px;font-size:12px;font-weight:620}.toast-action:hover{background:#fff6}.toast:not(.toast-accent) .toast-action{color:var(--accent);background:#0a84ff1f;border-color:#0a84ff42}.lg-holder .pointer-events-none{pointer-events:none}.lg-holder .absolute{position:absolute}.lg-holder .relative{position:relative}.lg-holder .cursor-pointer{cursor:pointer}.lg-holder .bg-black{background-color:#000}.lg-holder .opacity-0{opacity:0}.lg-holder .opacity-20{opacity:.2}.lg-holder .opacity-100{opacity:1}.lg-holder .mix-blend-overlay{mix-blend-mode:overlay}.lg-holder .text-white{color:#fff}.lg-holder .transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.lg-holder .duration-150{transition-duration:.15s}.lg-holder .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.lg-holder{isolation:isolate;justify-content:center;align-items:stretch;display:inline-flex;position:relative}.lg-holder--block{width:100%;display:block}.lg-holder.auth-card{width:min(432px,100%)}.lg-tint{z-index:1;pointer-events:none;position:absolute;inset:0}.lg-content{z-index:2;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.lg-holder--block .lg-content{width:100%;display:block}.lg-btn{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .25s var(--ease-apple), transform .25s var(--ease-apple)}.lg-btn:active{transform:scale(.972)}.lg-btn__label{white-space:nowrap;letter-spacing:-.005em;text-shadow:0 1px #ffffff8c;justify-content:center;align-items:center;gap:7px;font-weight:570;line-height:1;display:inline-flex}.lg-btn--primary,.lg-btn--glow{color:#fff}.lg-btn--primary .lg-btn__label,.lg-btn--glow .lg-btn__label{text-shadow:0 1px 3px #060a1a6b;font-weight:620}.lg-btn--sm .lg-btn__label{height:32px;padding:0 14px;font-size:12.5px}.lg-btn--md .lg-btn__label{height:40px;padding:0 19px;font-size:13.5px}.lg-btn--lg .lg-btn__label{height:46px;padding:0 25px;font-size:14.5px}.lg-btn--block{width:100%;display:block}.lg-btn--block .lg-btn__label{width:100%}.flip-x{transform:rotate(180deg)}.quick-start{border-radius:var(--r-pill);height:36px;color:var(--ink-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .24s var(--ease-apple), color .24s;background:#ffffff70;border:1px solid #fff9;justify-content:center;align-items:center;gap:7px;font-size:12.5px;font-weight:560;display:inline-flex}.quick-start:hover:not(:disabled){color:var(--ink);background:#ffffffb8}.quick-start:disabled{opacity:.5;cursor:not-allowed}.lg-btn--off{color:#16181e5c;cursor:not-allowed;box-shadow:var(--shadow-inset);background:linear-gradient(150deg,#fff9,#ffffff57);border:1px solid #fff9}.lg-btn--off .lg-btn__label{text-shadow:none}.lg-btn--off:active{transform:none}.lg-btn--icon .lg-btn__label{width:40px;padding:0}.lg-btn--icon.lg-btn--sm .lg-btn__label{width:32px}.mobile-only{display:none}@media (width<=880px){.stage{padding:0}.window{border:0;border-radius:0;grid-template-columns:1fr;width:100%;height:100%}.window.has-peer .sidebar,.window:not(.has-peer) .chat{display:none}.mobile-only{display:inline-flex}.friend-item{gap:13px;padding:12px}.friend-name{font-size:15px}.friend-sub{font-size:12.5px}.sidebar-head{padding:18px 16px 12px}.me-card{margin:0 10px 10px}.side-section{padding:0 10px}.chat-head{padding:12px 14px}.chat-body{padding:16px 14px 6px}.bubble{max-width:84%;font-size:14.5px}.composer{padding:10px 12px calc(12px + env(safe-area-inset-bottom))}.composer-box{padding:6px 6px 6px 14px}.canvas-chips{padding:8px 14px}.invite-strip{flex-wrap:wrap;margin:10px 12px 0}.overlay{align-items:flex-end;padding:0}.sheet{width:100%;max-height:88vh;padding-bottom:calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0}.playback-full{width:100%;padding:14px;padding-bottom:calc(18px + env(safe-area-inset-bottom));border-radius:0}.canvas-stage{border:0;border-radius:0;width:100%;height:100%}.canvas-bar{scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding:10px 12px;overflow:auto hidden}.canvas-bar::-webkit-scrollbar{display:none}.canvas-bar>*{flex:none}.canvas-bar .tool-btn,.canvas-bar .lg-btn__label{white-space:nowrap}.canvas-holder{padding:10px}.toast-stack{top:auto;bottom:calc(16px + env(safe-area-inset-bottom));width:calc(100% - 24px)}.toast{max-width:100%}.auth-wrap{padding:16px}.lg-holder.auth-card{width:100%}}@media (width<=400px){.auth-card{padding:24px 20px 20px}.auth-h1{font-size:23px}.canvas-bar .footer-note{display:none}}