*,*:before,*:after{box-sizing:border-box}html{--cast-grid-inset-left: env(safe-area-inset-left, 0px);--cast-grid-inset-right: env(safe-area-inset-right, 0px)}.login-input{width:100%;padding:13px 16px;background:#060c09;border:1.5px solid rgba(0,230,118,.28);border-radius:6px;color:#00e676;font-size:17px;outline:none;box-sizing:border-box;letter-spacing:.03em;transition:border-color .18s,box-shadow .18s;appearance:none;-webkit-appearance:none;color-scheme:dark;background-clip:padding-box}.login-input::placeholder{color:#1e3328}.login-input:focus,.login-input:focus-visible{border-color:#00e676;outline:none;box-shadow:0 0 0 3px #00e6761f,0 0 18px #00e6761a}.login-input:-webkit-autofill,.login-input:-webkit-autofill:hover,.login-input:-webkit-autofill:focus,.login-input:-webkit-autofill:active,.login-input:autofill{border:1.5px solid rgba(0,230,118,.28)!important;-webkit-text-fill-color:#00e676!important;caret-color:#00e676;background-color:#060c09!important;background-image:none!important;-webkit-box-shadow:0 0 0 1000px #060c09 inset!important;box-shadow:0 0 0 1000px #060c09 inset!important;filter:none;transition:background-color 99999s ease-out 0s}.login-input:-webkit-autofill:focus,.login-input:autofill:focus{border-color:#00e676!important;-webkit-box-shadow:0 0 0 1000px #060c09 inset,0 0 0 3px rgba(0,230,118,.12),0 0 18px rgba(0,230,118,.1)!important;box-shadow:0 0 0 1000px #060c09 inset,0 0 0 3px #00e6761f,0 0 18px #00e6761a!important}.login-btn{width:100%;padding:14px;background:#22d3ee;color:#001820;border:none;border-radius:8px;font-size:17px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:background .15s}.login-btn:hover:not(:disabled){background:#38e8ff}.login-btn:disabled{background:#0e6070;color:#2a8a9a;cursor:not-allowed}.google-btn{width:100%;margin-top:1rem;padding:11px 16px;background:#1a1a26;border:1px solid transparent;border-radius:8px;color:#d8d8ec;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s}.google-btn:hover:not(:disabled){background:#22223a;border-color:transparent}.google-btn:disabled{opacity:.5;cursor:not-allowed}.mode-link{background:none;border:none;padding:0;color:#22d3ee;font-size:15px;cursor:pointer;text-decoration:underline}.mode-link:hover{color:#38e8ff}.cla{color:#22d3ee;text-decoration:none}.cla:hover{color:#38e8ff;text-decoration:underline}html,body{margin:0;padding:0;background:#000;color:#e0e0f0;min-height:100dvh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:clip}#root{min-height:100dvh;width:100%;background:#000}.bgm-track-list::-webkit-scrollbar{width:4px}.bgm-track-list::-webkit-scrollbar-track{background:#060808;border-radius:2px}.bgm-track-list::-webkit-scrollbar-thumb{background:#00e676;border-radius:2px;box-shadow:0 0 6px #00e676,0 0 14px #00e67673}.bgm-track-list::-webkit-scrollbar-thumb:hover{background:#39ff8c;box-shadow:0 0 10px #00e676,0 0 22px #00e676a6,0 0 40px #00e67640}@keyframes l2d-hex-glow{0%,to{opacity:.6}50%{opacity:.95}}html.mascot-mode,html.mascot-mode body,html.mascot-mode #root,html.mascot-mode #root div,html.mascot-mode #root main,html.mascot-mode #root section,html.mascot-mode #root [style*=background],html.mascot-mode [data-mascot-transparent=true]{background:transparent!important;background-color:transparent!important;box-shadow:none!important}.mascot-drag-region{-webkit-app-region:drag}button,input,select,textarea,a,[role=button],.no-drag,.titlebar-no-drag,.login-input,.login-btn,.google-btn{-webkit-app-region:no-drag}:where(button,a,label,select,summary,[role=button],input[type=button],input[type=submit],input[type=checkbox],input[type=radio]){touch-action:manipulation}@keyframes glitch-x-shake{0%{transform:scale(1.08) translate(0)}18%{transform:scale(1.08) translate(-1.5px,.8px) rotate(-.6deg)}36%{transform:scale(1.08) translate(1.4px,-1px) rotate(.6deg)}54%{transform:scale(1.08) translate(-1px,-.6px) rotate(-.3deg)}72%{transform:scale(1.08) translate(1.2px,1px) rotate(.4deg)}90%{transform:scale(1.08) translate(-.6px,.6px) rotate(-.2deg)}to{transform:scale(1.08) translate(0)}}.glitch-x-btn,.cast-live-x-btn,.cast-logout-x-btn,.user-logout-x-btn{background:transparent;border:none;padding:2px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;outline:none;filter:drop-shadow(0 0 3px #b5e61d) drop-shadow(0 0 7px rgba(181,230,29,.75)) blur(.3px);transition:filter .15s ease,transform .15s ease;user-select:none;touch-action:manipulation;flex-shrink:0}.user-logout-x-btn{margin:0 0 3px}.cast-logout-x-btn{margin:0}.glitch-x-btn:hover,.glitch-x-btn:active,.cast-live-x-btn:hover,.cast-live-x-btn:active,.cast-logout-x-btn:hover,.cast-logout-x-btn:active,.user-logout-x-btn:hover,.user-logout-x-btn:active{filter:drop-shadow(0 0 6px #b5e61d) drop-shadow(0 0 12px rgba(181,230,29,.95))!important;animation:glitch-x-shake .22s infinite linear!important}.header-bgm-cache-btn{margin:0;height:25px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 10px;font-size:11px;font-weight:600;line-height:1;letter-spacing:.04em;color:#888898;background:transparent;border:1px solid #2a2a38;border-radius:6px;cursor:pointer;white-space:nowrap;pointer-events:auto;touch-action:manipulation;transition:border-color .15s,color .15s,opacity .15s}.header-bgm-cache-btn:hover:not(:disabled){border-color:#555;color:#e0e0f0}.header-bgm-cache-btn:disabled{cursor:wait;opacity:.5}.l2d-avatar-canvas{transition:transform .25s cubic-bezier(.2,.9,.3,1),filter .25s ease-out;transform-origin:center center}.l2d-avatar-canvas.shadow-avatar-active{animation:none!important;-webkit-filter:brightness(0) drop-shadow(0 0 16px rgba(6,182,212,.75)) drop-shadow(0 0 32px rgba(16,185,129,.55))!important;filter:brightness(0) drop-shadow(0 0 16px rgba(6,182,212,.75)) drop-shadow(0 0 32px rgba(16,185,129,.55))!important;opacity:.55!important;transition:none!important;isolation:auto!important;will-change:transform,filter,-webkit-filter,opacity!important}canvas.l2d-avatar-canvas.shadow-avatar-active{-webkit-filter:none!important;filter:none!important;transform:none!important;will-change:opacity!important}.l2d-burst-canvas,.l2d-starfield-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;will-change:transform;transform:translateZ(0)}.l2d-angel-wing-canvas,.l2d-angel-ring-canvas,.l2d-drool-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;will-change:transform;transform:translateZ(0)}.p2p-dm-post-item{content-visibility:auto;contain-intrinsic-size:auto 120px}.user-history-row{content-visibility:auto;contain-intrinsic-size:auto 56px}.cast-card-item{content-visibility:auto;contain-intrinsic-size:auto 96px}.idle-legal-btn:hover{color:#b0b0c8!important}.cast-card{background:transparent;border-radius:12px;border:1.5px solid transparent;overflow:hidden;display:flex;flex-direction:column;align-self:start;transition:border-color .2s ease,transform .15s ease,box-shadow .2s ease;content-visibility:auto;contain-intrinsic-size:auto 320px}.cast-card:hover{border-color:#22d3ee;transform:translateY(-3px);box-shadow:0 6px 24px #00e5ff1f}.cast-card-free-call-badge,.cast-card-name-badge{display:inline-flex;align-items:center;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;align-self:flex-end;pointer-events:none}.cast-card-free-call-badge{padding:2px 8px;border-radius:12px;font-size:10px;color:#fff;background:#ec4899e0;border:1px solid rgba(244,114,182,.7);box-shadow:0 2px 6px #00000073}.cast-card-name-badge{padding:3px 10px;border-radius:20px;font-size:11px;color:#f472b6;background:#0a101abf;border:1px solid rgba(56,189,248,.5);box-shadow:0 2px 6px #0006,inset 0 1px #ffffff26;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%;box-sizing:border-box;margin-left:auto}.ptr-ring{width:28px;height:28px;box-sizing:border-box;border-radius:50%;border:3px solid rgba(56,189,248,.22);border-top-color:#38bdf8}.ptr-ring.ptr-spin{animation:ptr-spin .7s linear infinite}@keyframes ptr-spin{to{transform:rotate(360deg)}}.cast-card-slide-in{animation:cast-card-slide-in .25s ease-out}@keyframes cast-card-slide-in{0%{transform:translate(-24px) scale(.96);opacity:0}to{transform:none;opacity:1}}.dm-post-pop{animation:dmPostPop .2s cubic-bezier(.16,1,.3,1)}@keyframes dmPostPop{0%{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}.dm-typing-dot{width:5px;height:5px;border-radius:50%;background:#38bdf8;animation:dmTypingWave .96s ease-in-out infinite}.dm-typing-dot:nth-child(2){animation-delay:.16s}.dm-typing-dot:nth-child(3){animation-delay:.32s}@keyframes dmTypingWave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.dp-roll{transition:transform .28s cubic-bezier(.16,1,.3,1)}.dp-pop-spring{animation:popSpring .36s cubic-bezier(.34,1.56,.64,1) both}@keyframes popSpring{0%{transform:scale(0)}70%{transform:scale(1.12)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.ptr-ring.ptr-spin,.cast-card-slide-in,.dm-post-pop,.dm-typing-dot,.dp-pop-spring{animation:none}.dp-roll{transition:none}}.purchase-preset-btn{flex:1;min-width:0;padding:10px 10px 9px;background:#1c1c24;border:1px solid #2a2a38;border-radius:10px;color:#e0e0f0;font-size:13px;font-weight:600;display:flex;flex-direction:column;align-items:stretch;gap:5px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;line-height:1.4}.purchase-preset-btn:hover:not(:disabled),.purchase-preset-btn:focus-visible:not(:disabled),.discount-plan-card:hover,.discount-plan-card:focus-within{background:#22d3ee14!important;border-color:#22d3ee73!important}.purchase-preset-btn:disabled{opacity:.4;cursor:not-allowed}.live-stream-card{background:transparent;border-radius:12px;border:1.5px solid #7c3aed;overflow:hidden;display:flex;flex-direction:column;align-self:start;transition:border-color .2s ease,transform .15s ease,box-shadow .2s ease;content-visibility:auto;contain-intrinsic-size:auto 320px}.live-stream-card:hover{border-color:#a78bfa;transform:translateY(-3px);box-shadow:0 6px 24px #7c3aed2e}.call-notice{position:fixed;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 12px);z-index:1100;padding:8px 12px;border-radius:8px;background:#14141ce0;color:#fff;font-size:12px;text-align:center;pointer-events:none}.call-notice button{pointer-events:auto}.l2d-drool-canvas{z-index:3}.dm-unread{position:relative;overflow:visible}.dm-unread-on{transform-origin:50% 0%;animation:dmPendulum 2.4s ease-in-out infinite}.dm-unread-badge{position:absolute;top:-2px;right:2px;pointer-events:none;background:none;color:#ff2020;font-size:9.5px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.95);animation:dmBadgePop .32s ease-out both}@keyframes dmPendulum{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}@keyframes dmBadgePop{0%{transform:scale(.3);opacity:0}65%{transform:scale(1.22);opacity:1}to{transform:scale(1);opacity:1}}[data-window-role=standby-bottom-bar]:has(.dm-unread-on),[data-window-role=l2d-control-panel]:has(.dm-unread-on){overflow:visible!important}.coin-modal-card:before{content:"";position:absolute;left:50%;top:50%;width:200%;aspect-ratio:1 / 1;min-width:900px;min-height:900px;background:conic-gradient(from 0deg,#0c4a6e,#1d4ed8 45deg,#0284c7 85deg,#38bdf8 120deg,#00e5ff 150deg,#e0f2fe 168deg,#22d3ee 180deg,#0c4a6e 210deg,#1e40af,#0ea5e9 300deg,#00e5ff 335deg,#a5f3fc 348deg,#0c4a6e 360deg);transform:translate(-50%,-50%) rotate(0);animation:coin-card-border-spin 2.6s linear infinite;pointer-events:none;z-index:0}.coin-modal-card:after{content:"";position:absolute;inset:2.5px;border-radius:11.5px;background:#12121a;box-shadow:inset 0 0 14px #00e5ff2e,inset 0 0 24px #2563eb24;pointer-events:none;z-index:0}.coin-card-body{position:relative;z-index:1;max-height:calc(100dvh - 4.25rem);overflow-y:auto;overscroll-behavior:contain}@keyframes coin-card-border-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
