*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:Arial,sans-serif}body,html{height:100%;width:100%;font-family:Arial,sans-serif}button,input,select,textarea{font-family:inherit}body{margin:0;min-height:100dvh;width:100%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,rgba(184,179,255,.22),transparent 45%),radial-gradient(circle at 80% 30%,rgba(122,114,242,.16),transparent 55%),#0b0b10}.hidden{opacity:0;pointer-events:none;display:none}:root{--fedu-border:#d7d3ff;--topbar-pad:24px;--topbar-gap:8px;--topbar-height:56px;--topbar-logo-h:28px;--topbar-shadow:0 10px 26px rgba(0, 0, 0, 0.12);--hud-purple:#9362e8;--hud-purple-90:rgba(104, 37, 221, 0.9);--hud-purple-20:rgba(104, 37, 221, 0.2);--hud-purple-14:rgba(104, 37, 221, 0.14);--hud-purple-08:rgba(104, 37, 221, 0.08);--accent:#9362e8;--accent-soft:rgba(147, 98, 232, 0.18);--accent-fill:rgba(147, 98, 232, 0.65);--seg-w:56px;--seg-w-m:52px;--input-pad-bottom:12px;--input-height:48px;--input-font-size:16px;--sub-radius:16px;--sub-border:rgba(215, 211, 255, 0.95);--sub-shadow:0 8px 18px rgba(0, 0, 0, 0.1);--input-h:50px;--sub-gap:8px;--sub-pad-bottom:12px;--sub-font-size:15px}@media (max-width:900px){:root{--topbar-height:54px;--topbar-logo-h:26px;--topbar-pad:16px;--topbar-gap:8px}}@media (max-width:520px){:root{--topbar-logo-h:22px;--topbar-pad:16px;--topbar-gap:8px;--input-height:46px;--sub-gap:8px}.subtitle-line{padding:10px 12px;max-width:100%}}@media (pointer:fine) and (min-width:901px){body{padding-top:24px}:root{--topbar-logo-h:26px}}@media (pointer:coarse) and (min-width:768px) and (min-height:900px){:root{--topbar-height:64px;--topbar-logo-h:30px;--topbar-pad:18px;--topbar-gap:10px;--input-height:58px;--input-font-size:18px;--sub-font-size:17px;--sub-radius:18px}}@media (pointer:coarse) and (orientation:portrait) and (min-width:768px){:root{--topbar-height:68px;--topbar-logo-h:34px;--topbar-pad:20px;--topbar-gap:12px;--input-height:64px;--input-font-size:20px;--sub-font-size:18px;--sub-radius:18px}.subtitle-line{font-size:var(--sub-font-size);padding:13px 16px}}#loading_overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}#loading_overlay img{width:80vw;max-width:192px;height:auto;max-height:80vh;object-fit:contain;border:none;image-rendering:auto}#loading_label{color:#6c24ea;font-weight:700;text-align:center;animation:1.5s ease-in-out infinite pulse;pointer-events:none;white-space:nowrap;margin-top:8px;font-size:14px}#loading_bar_bg{width:60%;max-width:400px;height:12px;background:rgba(255,255,255,.15);border-radius:6px;overflow:hidden;margin-top:12px}#loading_bar{width:0%;height:100%;background:#6d5ef6;transition:width .2s}.loading_overlay.hidden{display:none!important}.avatar_container{position:relative;width:min(720px,94vw);height:min(920px,92vh);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border-radius:26px;overflow:hidden;z-index:1000;background:rgba(255,255,255,.98);box-shadow:0 18px 60px rgba(0,0,0,.38),0 2px 0 rgba(255,255,255,.06)}.avatar_container #canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:auto}.avatar_container.hidden{visibility:hidden;opacity:0;pointer-events:none}@media (pointer:coarse){body{display:block;padding:0;margin:0}.avatar_container{width:100vw;height:100dvh;border-radius:0;box-shadow:none;margin:0}}@media (pointer:fine) and (min-width:901px){body{display:grid;place-items:center;padding-top:24px}}.avatar_container::after{content:"";position:absolute;inset:0;background:rgba(10,12,22,.9);opacity:0;pointer-events:none;transition:opacity 180ms;z-index:1020}.avatar_container.is-paused::after{opacity:1}.avatar_container.is-paused #canvas{pointer-events:none}:root{--kid-ink:#1f2a44;--kid-purple:#7a72f2;--kid-purple-2:#9b95ff;--kid-purple-3:#c8c5ff;--card-bg:rgba(255, 255, 255, 0.98);--card-border:rgba(112, 110, 180, 0.18);--card-shadow:0 22px 60px rgba(20, 35, 90, 0.14);--tile-bg:rgba(255, 255, 255, 0.98);--tile-border:rgba(112, 110, 180, 0.18);--tile-shadow:0 14px 30px rgba(20, 35, 90, 0.1);--topbar-height:56px;--topbar-logo-h:24px;--kid-bg:#f6f8ff;--kid-bg-2:#fff6fb;--kid-bg-3:#f3fff6;--kid-ink:#1f2a44;--kid-ink-2:rgba(31, 42, 68, 0.72);--kid-purple:#7a72f2;--kid-purple-2:#9b95ff;--kid-border:rgba(112, 110, 180, 0.18);--card-bg:rgba(255, 255, 255, 0.94);--card-shadow:0 26px 70px rgba(20, 35, 90, 0.16);--star-gold:#ffd04f;--star-gold-stroke:#f3b700;--sub-user-border:rgba(176, 170, 255, 0.42);--sub-user-accent:rgba(98, 86, 235, 0.62);--sub-user-halo:rgba(122, 114, 242, 0.16);--sub-ava-border:rgba(215, 211, 255, 0.75);--sub-ava-accent:rgba(122, 114, 242, 0.4)}#choose_avatar_overlay.choose-avatar-overlay{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:18px;padding-top:calc(env(safe-area-inset-top,0px) + 18px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 18px)}#choose_avatar_overlay.hidden{display:none!important}#choose_avatar_overlay .choose-card{width:min(780px,94vw);position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-radius:28px;border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--card-shadow);padding:0;max-height:min(860px,calc(100vh - 36px))}@supports (height:100dvh){#choose_avatar_overlay .choose-card{max-height:min(860px,calc(100dvh - 36px))}}@supports (height:100svh){#choose_avatar_overlay .choose-card{max-height:min(860px,calc(100svh - 36px))}}#choose_avatar_overlay #choose_topbar{width:100%;margin:0;padding:0}#choose_avatar_overlay #choose_topbar .choose-topbar-inner{height:var(--topbar-height);width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(215,211,255,.55);pointer-events:auto}#choose_avatar_overlay #choose_topbar #choose_topbar_logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;margin-left:6px;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}#choose_avatar_overlay #choose_topbar #choose_topbar_logo img{height:var(--topbar-logo-h);width:auto;display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}#choose_avatar_overlay .choose-topbar-right{display:flex;align-items:center;gap:16px}#choose_avatar_overlay #choose_topbar .choose-slogan{margin-left:14px;font-weight:600;letter-spacing:.2px;font-size:18px;color:rgba(31,42,68,.82);white-space:nowrap;user-select:none;-webkit-user-select:none}#choose_avatar_overlay .choose-close{padding:0;margin:0;border:0;background:0 0;box-shadow:none;display:grid;place-items:center;cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform 120ms,filter 140ms,opacity 140ms}#choose_avatar_overlay .choose-close:hover{transform:scale(1.06);filter:brightness(1.02)}#choose_avatar_overlay .choose-close:active{transform:scale(.96);opacity:.95}#choose_avatar_overlay .choose-close-ico{width:40px;height:40px;display:block;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 10px 18px rgba(20, 35, 90, .14))}#choose_avatar_overlay #avatar_grid.avatar-grid{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:grid;gap:14px;padding:14px 16px 16px;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));scrollbar-width:none}#choose_avatar_overlay #avatar_grid.avatar-grid::-webkit-scrollbar{width:0;height:0}#choose_avatar_overlay .avatar-tile{position:relative;border-radius:22px;border:1px solid var(--tile-border);background:var(--tile-bg);box-shadow:var(--tile-shadow);padding:12px 10px 10px;overflow:visible;transition:transform 140ms,border-color 140ms,box-shadow 140ms,filter 140ms,opacity .2s}#choose_avatar_overlay .avatar-tile:hover{transform:translateY(-2px);border-color:rgba(122,114,242,.25);filter:brightness(1.01)}#choose_avatar_overlay .avatar-face{position:relative;width:100%;aspect-ratio:1/1;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle at 30% 22%,rgba(155,149,255,.18),transparent 55%),linear-gradient(180deg,rgba(245,246,255,.92),rgba(255,255,255,.88));border:1px solid rgba(112,110,180,.16);overflow:hidden}#choose_avatar_overlay .avatar-poster{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}#choose_avatar_overlay .avatar-preview-overlay{position:absolute;right:2px;bottom:2px;width:32px;height:32px;border-radius:999px;border:1px solid rgba(122,114,242,.22);background:rgba(255,255,255,.88);box-shadow:0 14px 26px rgba(20,35,90,.14);display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:.78;transition:transform 120ms,opacity 140ms,filter 140ms}#choose_avatar_overlay .avatar-preview-overlay:hover{opacity:.92;transform:scale(1.03);filter:brightness(1.02)}#choose_avatar_overlay .avatar-preview-overlay:active{transform:scale(.96)}#choose_avatar_overlay .avatar-preview-overlay img{width:28px;height:28px;display:block;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}#choose_avatar_overlay .avatar-select-btn{width:100%;margin-top:8px;height:44px;border-radius:16px;border:1px solid rgba(122,114,242,.38);background:linear-gradient(180deg,#8b84ff 0,#756dff 55%,#655cff 100%);color:rgba(255,255,255,.98);font-weight:600;font-size:15px;letter-spacing:.2px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 120ms,filter 140ms,box-shadow 140ms}#choose_avatar_overlay .avatar-select-btn:hover{filter:brightness(1.05) saturate(1.06);transform:translateY(-2px) scale(1.02);box-shadow:0 18px 34px rgba(122,114,242,.28),0 3px 0 rgba(84,76,220,.42),0 0 0 4px rgba(155,149,255,.22)}#choose_avatar_overlay .avatar-select-btn:active{transform:translateY(1px) scale(.99);box-shadow:0 10px 18px rgba(122,114,242,.2),0 1px 0 rgba(84,76,220,.25)}#choose_avatar_overlay .avatar-select-btn.is-faved{box-shadow:0 0 0 3px rgba(255,255,255,.55) inset,0 18px 34px rgba(122,114,242,.28),0 0 18px rgba(255,164,92,.16);filter:brightness(1.03) saturate(1.05)}#choose_avatar_overlay .scroll-hint{position:absolute;left:50%;bottom:56px;transform:translateX(-50%);z-index:5;pointer-events:none}#choose_avatar_overlay .scroll-hint[hidden]{display:none!important}#choose_avatar_overlay .scroll-hint-bubble{width:54px;height:54px;border-radius:999px;display:grid;place-items:center;background:#fff;border:1px solid var(--kid-purple);box-shadow:0 16px 34px rgba(20,35,90,.18);animation:.9s ease-in-out infinite chooseHintFloat;position:relative;pointer-events:auto;cursor:pointer}#choose_avatar_overlay .scroll-hint-bubble::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.55),transparent 55%);opacity:.35;pointer-events:none}#choose_avatar_overlay .scroll-hint-chevrons{display:block;transform:rotate(-90deg) translateX(1px)}#choose_avatar_overlay .scroll-hint-chevrons .c1{fill:rgba(200,197,255,0.75)}#choose_avatar_overlay .scroll-hint-chevrons .c2{fill:rgba(155,149,255,0.9)}#choose_avatar_overlay .scroll-hint-chevrons .c3{fill:rgba(122,114,242,0.98)}@keyframes chooseHintFloat{0%,100%{transform:translateY(0);opacity:.95}50%{transform:translateY(8px);opacity:1}}#choose_avatar_overlay .avatar-fav-btn{position:absolute;top:-10px;right:-10px;width:44px;height:44px;padding:0;margin:0;border:0;background:0 0;border-radius:999px;display:grid;place-items:center;cursor:pointer;z-index:5;-webkit-tap-highlight-color:transparent;transition:transform 120ms,filter 140ms,opacity 140ms}#choose_avatar_overlay .avatar-fav-btn:hover{transform:scale(1.06);filter:brightness(1.02)}#choose_avatar_overlay .avatar-fav-btn:active{transform:scale(.96)}#choose_avatar_overlay .avatar-fav-ico{width:40px;height:40px;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}#choose_avatar_overlay .avatar-fav-btn[data-fav="0"] .avatar-fav-ico{opacity:.6;filter:saturate(.9) brightness(1.02)}#choose_avatar_overlay .avatar-fav-btn[data-fav="0"]:hover .avatar-fav-ico{opacity:.88;filter:saturate(1) brightness(1.03)}#choose_avatar_overlay .avatar-fav-btn[data-fav="1"] .avatar-fav-ico{opacity:1;filter:none}#choose_avatar_overlay #avatar_grid.avatar-grid.reorder-anim .avatar-tile{transition:transform 520ms cubic-bezier(.18, .9, .22, 1),box-shadow 520ms,filter 520ms,opacity .2s;will-change:transform}#choose_avatar_overlay #avatar_grid.avatar-grid.reorder-anim .avatar-tile.is-flying{position:relative;z-index:30;filter:brightness(1.03) saturate(1.05);box-shadow:0 26px 60px rgba(20,35,90,.22);--fly-rot:0deg;--fly-scale:1.06}#choose_avatar_overlay #avatar_grid.avatar-grid .avatar-tile::after{content:"";position:absolute;inset:-6px;border-radius:26px;pointer-events:none;opacity:0;transform:scale(.96);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.6),rgba(155,149,255,.18) 45%,rgba(122,114,242,0) 70%)}#choose_avatar_overlay #avatar_grid.avatar-grid.reorder-anim .avatar-tile.is-flying::after{opacity:1;transform:scale(1);transition:opacity 220ms,transform 220ms}#choose_avatar_overlay .avatar-tile.unfav-fade{opacity:.65}.avatar-face-flight-ghost{position:fixed;left:0;top:0;z-index:99999;pointer-events:none;will-change:transform;display:grid;place-items:center;overflow:hidden;box-sizing:border-box;border-radius:18px;border:1px solid rgba(112,110,180,.16);background:radial-gradient(circle at 30% 22%,rgba(155,149,255,.18),transparent 55%),linear-gradient(180deg,rgba(245,246,255,.92),rgba(255,255,255,.88));box-shadow:0 18px 40px rgba(20,35,90,.18);opacity:.92;padding-bottom:6px}.avatar-face-flight-ghost .avatar-poster{width:100%!important;height:100%!important;object-fit:contain!important;display:block;transform:translateY(3px)}.avatar-face-flight-ghost .avatar-poster-fallback{display:none!important}@media (max-width:520px){#choose_avatar_overlay #avatar_grid.avatar-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:12px 12px 14px;gap:10px}#choose_avatar_overlay .avatar-preview-overlay{width:30px;height:30px}#choose_avatar_overlay .avatar-preview-overlay img{width:26px;height:26px}#choose_avatar_overlay .avatar-select-btn{height:38px;font-size:14px;border-radius:16px;margin-top:6px}#choose_avatar_overlay .avatar-fav-btn{top:-8px;right:-8px;width:40px;height:40px}#choose_avatar_overlay .avatar-fav-ico{width:36px;height:36px}#choose_avatar_overlay #choose_topbar .choose-slogan{display:none!important}#choose_avatar_overlay #choose_topbar .choose-topbar-inner{height:48px}#choose_avatar_overlay .choose-close-ico{width:36px;height:36px}#choose_avatar_overlay.choose-avatar-overlay{padding:0;padding-top:calc(env(safe-area-inset-top,0px) + 6px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 6px)}#choose_avatar_overlay .choose-card{width:calc(100vw - 12px);border-radius:16px}#choose_avatar_overlay .avatar-tile{border-radius:18px;padding:10px 8px 8px}#choose_avatar_overlay .avatar-face{border-radius:16px}}@media (max-height:820px){#choose_avatar_overlay #avatar_grid.avatar-grid{padding-bottom:12px}}@media (max-width:390px){#choose_avatar_overlay #avatar_grid.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#choose_avatar_overlay .avatar-new-badge{position:absolute;left:0;top:0;z-index:6;height:26px;padding:0 10px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;letter-spacing:.6px;color:rgba(255,255,255,.98);background:linear-gradient(180deg,#ff7aa8 0,#ff5f8f 55%,#ff4d7e 100%);border:1px solid rgba(255,255,255,.55);box-shadow:0 12px 24px rgba(0,0,0,.14),0 0 0 3px rgba(255,255,255,.12) inset}@media (max-width:520px){#choose_avatar_overlay .avatar-new-badge{height:24px;font-size:11px;padding:0 9px;border-radius:18px}}.ap-modal[hidden]{display:none!important}.ap-modal{position:fixed;inset:0;z-index:10060}.ap-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto}.ap-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 28px));border-radius:22px;background:rgba(255,255,255,.1);border:1px solid rgba(215,211,255,.35);box-shadow:0 26px 70px rgba(0,0,0,.45);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:14px}.ap-close{position:absolute;right:calc(8px + env(safe-area-inset-right,0px));top:calc(8px + env(safe-area-inset-top,0px));z-index:3;pointer-events:auto;width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.38);display:grid;place-items:center;background:rgba(18,16,40,.46);color:rgba(255,255,255,.98);cursor:pointer;box-shadow:0 14px 24px rgba(0,0,0,.26),0 0 0 3px rgba(255,255,255,.12) inset,0 0 16px rgba(122,114,242,.18);transition:transform 120ms,opacity 120ms,filter 120ms}.ap-close:hover{transform:scale(1.04);filter:brightness(1.06) saturate(1.05)}.ap-close:active{transform:scale(.95);opacity:.92}.ap-video-wrap{width:100%;border-radius:18px;overflow:hidden;position:relative;aspect-ratio:52/57;background:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 34px rgba(0,0,0,.25)}.ap-video{width:100%;height:100%;display:block;object-fit:contain;background-color:transparent}.ap-video-loader{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:rgba(2,6,23,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ap-video-wrap.is-loading .ap-video-loader{display:flex}.ap-video-wrap.is-loading .ap-video{opacity:0}.ap-spinner{width:34px;height:34px;border-radius:999px;border:3px solid rgba(255,255,255,.35);border-top-color:rgba(255,255,255,.95);animation:.85s linear infinite apSpin}@keyframes apSpin{to{transform:rotate(360deg)}}.ap-loader-text{font-weight:700;font-size:13px;letter-spacing:.2px;color:rgba(255,255,255,.9);text-shadow:0 10px 18px rgba(0,0,0,.22)}.ap-title{margin:6px 2px 10px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:18px;letter-spacing:.2px;color:rgba(255,255,255,.92);text-shadow:0 10px 18px rgba(0,0,0,.22);user-select:none}.ap-badge{font-size:24px;line-height:1;transform:translateY(-1px)}.ap-name{font-size:18px;line-height:1.1}.ap-replay{position:absolute;left:8px;top:8px;z-index:4;width:56px;height:56px;border:0;background:0 0;box-shadow:none;padding:0;margin:0;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 120ms,filter 140ms,opacity 140ms}.ap-replay:hover{transform:scale(1.06);filter:brightness(1.08) saturate(1.05)}.ap-replay:active{transform:scale(.96);opacity:.92}.ap-replay-ico{width:100%;height:100%;display:block;pointer-events:none;filter:drop-shadow(0 8px 14px rgba(0, 0, 0, .35))}.ap-replay:disabled{display:none}.ap-btn-choose-full{width:100%;margin-top:12px;height:46px;border-radius:16px;box-shadow:0 0 0 3px rgba(255,255,255,.55) inset,0 18px 34px rgba(122,114,242,.28),0 0 18px rgba(255,164,92,.16);filter:brightness(1.03) saturate(1.05);border:1px solid rgba(122,114,242,.38);background:linear-gradient(180deg,#8b84ff 0,#756dff 55%,#655cff 100%);color:rgba(255,255,255,.98);font-weight:600;font-size:15px;letter-spacing:.2px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 120ms,filter 140ms,box-shadow 140ms}.ap-btn-choose-full:hover{filter:brightness(1.05) saturate(1.06)}.ap-btn-choose-full:active{transform:scale(.98)}@media (max-width:520px){.ap-replay{width:40px;height:40px}}.avatar-veil{position:absolute;inset:0;z-index:20;background:rgba(2,6,23,.55);opacity:0;transition:opacity 180ms;pointer-events:none}.avatar-veil.is-on{opacity:1}.avatar-placeholder{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none;background:rgba(2,6,23,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transform:translateY(6px);transition:opacity 180ms,transform 180ms}.avatar-placeholder.is-on{opacity:1;transform:translateY(0)}.ph-avatar{width:120px;height:120px;position:relative;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.18);outline:rgba(255,255,255,.16) solid 4px;outline-offset:0;box-shadow:0 18px 40px rgba(0,0,0,.25);filter:drop-shadow(0 10px 22px rgba(0, 0, 0, .2));animation:1.1s ease-in-out infinite ph-bob}.ph-avatar-img{width:100%;height:100%;display:block;object-fit:cover;transform:translateZ(0)}.ph-shine{position:absolute;inset:-30%;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.18) 45%,rgba(255,255,255,0) 55%);transform:translateX(-60%) rotate(12deg);animation:1.8s ease-in-out infinite ph-shine}.ph-text{font:600 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto;color:rgba(255,255,255,.92);text-shadow:0 8px 18px rgba(0,0,0,.25)}@keyframes ph-bob{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.015)}}@keyframes ph-shine{0%{transform:translateX(-60%) rotate(12deg);opacity:.3}40%{opacity:.55}100%{transform:translateX(60%) rotate(12deg);opacity:.25}}@media (prefers-reduced-motion:reduce){.avatar-placeholder,.avatar-veil{transition:none}.ph-avatar,.ph-shine{animation:none}}#input-container{position:absolute;bottom:var(--input-pad-bottom);left:50%;transform:translateX(-50%);width:90%;max-width:600px;height:auto;background:0 0;z-index:16}#input-wrapper{width:100%;height:var(--input-height);display:flex;align-items:center;background-color:#fff;padding:0;border:2px solid var(--fedu-border);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.65);overflow:hidden}#chat_textbox{flex:1;height:100%;border:none;font-size:var(--input-font-size);padding:0 14px;background-color:transparent;border-radius:0;outline:0;margin-top:0}#chat_textbox::placeholder{color:var(--placeholder-color,#d1d1d1)}#chat_textbox:disabled{background-color:transparent;cursor:not-allowed}#input-actions{height:100%;width:56px;display:flex;align-items:center;justify-content:center;gap:0;background:#4f46e5;border-left:0;box-shadow:inset 1px 0 0 rgba(255,255,255,.18);border-top-right-radius:16px;border-bottom-right-radius:16px}#record_button{width:100%;height:100%;margin:0;padding:0;background:0 0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}#record_button:disabled{opacity:.65;cursor:not-allowed}#record_icon{width:auto;height:72%;display:block;object-fit:contain}#waveform_box{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(calc(100% - 112px),460px);height:36px;border-radius:12px;background:#f2f0ff;border:1px solid #e5e7ff;box-shadow:0 1px 0 rgba(17,24,39,.04),0 6px 16px rgba(17,24,39,.08);overflow:hidden}#waveform_content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;gap:6px;padding:4px 8px;max-width:520px;margin:0 auto}#wave_left{flex:0 0 auto;width:clamp(60px,30%,240px);height:70%;display:flex;align-items:center}#waveform_canvas{display:block;width:100%;height:100%}#wave_right{flex:0 0 auto;height:100%;display:flex;align-items:center;justify-content:center}#wave_label{appearance:none;background:0 0;border:0;padding:0 4px;font:600 15px/1.1 Inter,system-ui,sans-serif;color:#4f46e5;cursor:pointer}#waveform_box:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(79,70,229,.35);border-color:#c7ccff}#wave_label,#wave_left,#wave_right,#waveform_content{pointer-events:none}#input-wrapper.recording-mode{position:relative}#input-wrapper.recording-mode #chat_textbox{opacity:0;pointer-events:none}#input-wrapper.recording-mode .delete-recording-btn{position:absolute;left:0;top:0;transform:none;width:var(--seg-w);height:100%;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background:#e46a5d;border:0;border-top-left-radius:16px;border-bottom-left-radius:16px;box-shadow:inset -1px 0 0 rgba(0,0,0,.06);cursor:pointer;z-index:20}#input-wrapper.recording-mode .delete-recording-btn img{width:32px;height:32px;display:block;object-fit:contain;pointer-events:none}#input-wrapper.recording-mode #waveform_box{display:block;left:calc(var(--seg-w) + 6px);right:6px;width:auto;transform:translateY(-50%);z-index:15;pointer-events:auto;cursor:pointer}#input-wrapper.recording-mode #input-actions{display:none!important}@media (pointer:coarse) and (min-width:600px){:root{--input-height:56px}}.end-overlay{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding-top:calc(env(safe-area-inset-top,0px) + 18px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 18px)}.end-overlay.hidden{display:none!important}.end-overlay.is-locking{pointer-events:none}.end-card{width:min(560px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 36px));overflow:hidden;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:0;border-radius:28px;background:var(--card-bg);border:1px solid var(--kid-border);box-shadow:var(--card-shadow);padding:16px 16px 14px;animation:160ms ease-out endIn}@supports not (height:100dvh){.end-card{max-height:min(760px,calc(100vh - 36px))}}.end-accent-line{height:5px;width:75%;border-radius:999px;background:linear-gradient(90deg,var(--kid-purple-2),var(--kid-purple));margin:6px 0 14px}.end-title{margin:2px 0 6px;font-size:22px;font-weight:700;letter-spacing:.2px;color:var(--kid-ink)}.end-desc{margin:0 0 12px;font-size:17px;font-weight:600;line-height:1.45;color:var(--kid-ink-2)}.end-reason{margin:0 0 12px;padding:10px 12px;border-radius:14px;background:rgba(155,149,255,.12);border:1px solid rgba(122,114,242,.16);color:rgba(31,42,68,.7);font-size:12px}.end-badge{display:none;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.96);border:1px solid rgba(122,114,242,.18);box-shadow:0 16px 34px rgba(20,35,90,.14);margin:2px 0 10px}.end-badge-ico{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:rgba(255,209,102,.26);border:1px solid rgba(255,209,102,.55);font-size:18px}.end-badge-text{font-weight:1000;letter-spacing:.2px;color:rgba(31,42,68,.88)}.end-actions{display:flex;gap:16px;justify-content:flex-end;padding-top:10px}.end-cta{border-radius:18px;padding:12px 16px;cursor:pointer;font-size:15px;font-weight:1000;letter-spacing:.2px;user-select:none;transition:transform 60ms,filter .14s,opacity .14s;min-width:180px}.end-cta:active{transform:scale(.985)}.end-cta:hover{filter:brightness(1.02);opacity:.98}.end-cta:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(255,255,255,.22),0 0 0 6px rgba(122,114,242,.32)}.end-cta[hidden]{display:none!important}.end-cta[disabled]{opacity:.6;cursor:not-allowed;transform:none!important;filter:none!important}.end-cta .spinner{display:none;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:rgba(255,255,255,.95);animation:.7s linear infinite spin;margin-right:10px;vertical-align:-2px}.end-overlay.is-locking .end-cta .spinner{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.end-cta.primary{background:#3f00ab;border:1px solid rgba(122,114,242,.3);color:rgba(255,255,255,.96);box-shadow:0 16px 34px rgba(122,114,242,.22)}.end-cta.secondary{background:#975bfe;border:1px solid rgba(215,211,255,.28);color:rgba(255,255,255,.92);box-shadow:0 14px 30px rgba(0,0,0,.18),0 0 0 3px rgba(255,255,255,.08) inset;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.end-cta.secondary:hover{filter:brightness(1.04) saturate(1.02);opacity:.99}@keyframes endIn{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:520px){#input-actions{width:52px}#waveform_content{max-width:360px;gap:6px;padding:3px 6px}#wave_left{width:clamp(96px,54%,180px);height:65%}#wave_label{font-size:var(--input-font-size)}#input-wrapper.recording-mode .delete-recording-btn{width:var(--seg-w-m)}#input-wrapper.recording-mode .delete-recording-btn img{width:30px;height:30px}#input-wrapper.recording-mode #waveform_box{left:calc(var(--seg-w-m) + 6px);height:30px}.end-card{width:calc(100vw - 24px);border-radius:22px;padding:14px 14px 12px}.end-title{font-size:18px}.end-accent-line{width:100%}.end-desc{font-size:15px}.end-actions{justify-content:stretch;gap:10px}.end-cta{flex:1;text-align:center;height:50px;min-width:0;font-size:13px}}#topbar{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:var(--topbar-height);z-index:1100;pointer-events:none}#topbar .topbar-inner{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--topbar-pad);background:rgba(255,255,255,.92);border:1px solid rgba(215,211,255,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 14px 34px rgba(0,0,0,.12);pointer-events:auto}#topbar_logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none}#topbar_logo img{height:var(--topbar-logo-h);width:auto;display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.topbar-actions{display:inline-flex;align-items:center;gap:6px;padding:2px 4px;border-radius:18px;background:rgba(245,246,255,.65);border:1px solid rgba(215,211,255,.45)}#topbar button.topbar-btn{width:44px;height:44px;padding:0;margin:0;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform 120ms,box-shadow 120ms,opacity 120ms}#topbar #more_button.topbar-btn,#topbar #pause_session.topbar-btn,#topbar #sound_button.topbar-btn{background:0 0!important;box-shadow:none!important;border-radius:999px}#topbar button.topbar-btn:hover{transform:translateY(-1px)}#topbar #more_button.topbar-btn:hover,#topbar #pause_session.topbar-btn:hover,#topbar #sound_button.topbar-btn:hover{filter:brightness(1.02)}#topbar button.topbar-btn:active{transform:translateY(0) scale(.95);box-shadow:0 8px 18px rgba(0,0,0,.12),0 0 0 2px rgba(87,80,241,.7),0 0 0 2px rgba(255,255,255,.75) inset}#topbar #more_button.topbar-btn:active,#topbar #pause_session.topbar-btn:active,#topbar #sound_button.topbar-btn:active{transform:translateY(0) scale(.96);box-shadow:none}#topbar button.topbar-btn:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(122,114,242,.22),0 12px 26px rgba(0,0,0,.14),0 0 0 2px rgba(255,255,255,.75) inset}#topbar button.topbar-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}#topbar #more_button.topbar-btn:disabled,#topbar #pause_session.topbar-btn:disabled,#topbar #sound_button.topbar-btn:disabled{filter:grayscale(.2)}.topbar-ico{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}#topbar #more_button .topbar-ico,#topbar #pause_session .topbar-ico,#topbar #sound_button .topbar-ico{width:100%;height:100%}.more-wrap{position:relative;display:inline-flex;align-items:center}.more-wrap.is-disabled{opacity:.55;filter:grayscale(.25)}.more-wrap.is-disabled #more_button{pointer-events:none!important;cursor:not-allowed;transform:scale(.98);box-shadow:none}.more-wrap.is-disabled::after{content:"⏳";position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:rgba(2,6,23,.55);color:rgba(255,255,255,.92);font-size:12px;box-shadow:0 10px 22px rgba(0,0,0,.25)}.more-menu{position:absolute;top:calc(100% + 10px);right:0;padding:12px;border-radius:18px;background:rgba(255,255,255,.92);border:1px solid rgba(215,211,255,.65);box-shadow:0 18px 40px rgba(0,0,0,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:max-content;min-width:230px;max-width:320px;z-index:20000;display:none;flex-direction:column;gap:10px;transform-origin:top right;animation:120ms ease-out popIn}.more-wrap.is-open .more-menu{display:flex}@keyframes popIn{from{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.more-item{width:100%;height:52px;border-radius:16px;background:rgba(242,240,255,.88);border:1px solid rgba(87,80,241,.14);display:flex;align-items:center;gap:12px;padding:0 12px;cursor:pointer;box-shadow:0 10px 20px rgba(0,0,0,.1),0 0 0 2px rgba(255,255,255,.65) inset;transition:transform 120ms,opacity 120ms,filter 120ms}.more-item:hover{transform:translateY(-1px);filter:saturate(1.05) brightness(1.02)}.more-item:active{transform:translateY(0) scale(.98);opacity:.96}.more-item:disabled{opacity:.5;cursor:not-allowed;transform:none}.more-item .topbar-ico{width:42px;height:42px;flex:0 0 42px}.more-text{font-weight:525;font-size:16px;letter-spacing:.15px;color:rgba(147,98,232,.95);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-menu,.more-menu *{pointer-events:auto}.sound-wrap{position:relative;display:inline-flex;align-items:center}.sound-menu{position:absolute;top:calc(100% + 10px);right:0;width:360px;max-width:calc(100vw - 24px);padding:12px;border-radius:18px;background:rgba(255,255,255,.92);border:1px solid rgba(215,211,255,.65);box-shadow:0 18px 40px rgba(0,0,0,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none;flex-direction:column;gap:12px;transform-origin:top right;animation:120ms ease-out popIn}.sound-wrap.is-open .sound-menu{display:flex}.sound-row{width:100%;border-radius:16px;background:linear-gradient(180deg,rgba(242,240,255,.98),rgba(233,230,255,.92));border:1px solid rgba(87,80,241,.14);padding:12px;box-shadow:0 10px 20px rgba(0,0,0,.1),0 0 0 2px rgba(255,255,255,.65) inset}@media (max-width:520px){#topbar button.topbar-btn{width:38px;height:38px}.sound-menu{position:fixed;top:calc(var(--topbar-height) + 10px);right:8px;left:auto;width:min(340px,calc(100vw - 16px));max-width:none;transform:none}}.speedometer{width:100%;display:flex;flex-direction:column;gap:8px;--needle-left:30%}.speed-title{text-align:center;font-weight:600;font-size:15px;letter-spacing:.35px;color:rgba(26,20,60,.82);text-shadow:0 10px 20px rgba(0,0,0,.08);user-select:none;margin-top:2px}.speed-track{position:relative;width:100%;height:40px;display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;border-radius:12px;background:radial-gradient(circle at 18% 25%,rgba(255,164,92,.28),transparent 52%),radial-gradient(circle at 78% 65%,rgba(255,120,170,.16),transparent 55%),linear-gradient(90deg,rgba(200,197,255,.4),rgba(155,149,255,.28),rgba(122,114,242,.24));border:2px solid #fff;box-shadow:0 14px 28px rgba(0,0,0,.1),0 0 0 2px rgba(255,255,255,.4) inset;touch-action:none;user-select:none;cursor:grab}.speedometer.is-dragging .speed-track{cursor:grabbing}.speed-track .seg{border:0;margin:0;padding:0;cursor:pointer;font-weight:800;font-size:12px;letter-spacing:.15px;color:rgba(26,20,60,.86);display:flex;align-items:center;justify-content:center;border-radius:0;background-image:none!important;transition:filter 120ms,transform 120ms}.speed-track .seg:first-child{background-color:rgba(232,236,255,.92);--seg-accent:rgba(155, 149, 255, 0.65)}.speed-track .seg:nth-child(2){background-color:rgba(210,212,255,.86);--seg-accent:rgba(155, 149, 255, 0.65)}.speed-track .seg:nth-child(3){background-color:rgba(212,214,255,.88);--seg-accent:rgba(155, 149, 255, 0.78)}.speed-track .seg:nth-child(4){background-color:rgba(188,186,255,.84);--seg-accent:rgba(122, 114, 242, 0.88)}.speed-track .seg:nth-child(5){background:radial-gradient(circle at 25% 30%,rgba(255,164,92,.18),transparent 55%),rgba(160,152,255,.8);--seg-accent:rgba(255, 164, 92, 0.42)}.speed-track .seg+.seg{box-shadow:-1px 0 0 rgba(255,255,255,.62) inset,1px 0 0 rgba(31,42,68,.04)}.speed-track .seg:hover{filter:brightness(1.03) saturate(1.05)}.speed-track .seg.is-active{filter:none;transform:translateY(-1px);background:radial-gradient(circle at 22% 25%,rgba(255,164,92,.22),transparent 55%),linear-gradient(180deg,#8b84ff 0,#756dff 55%,#655cff 100%);box-shadow:0 0 0 3px rgba(255,255,255,.72) inset,0 14px 24px rgba(122,114,242,.22),0 0 18px rgba(255,164,92,.16),0 0 22px rgba(122,114,242,.16)}.needle{position:relative;height:12px;margin-top:2px;touch-action:none;cursor:grab}.speedometer.is-dragging .needle{cursor:grabbing}.needle::before{content:"";position:absolute;inset:-10px 0 -10px 0;pointer-events:auto;cursor:inherit}.needle-tri{position:absolute;bottom:0;left:var(--needle-left);transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid rgba(38,32,90,.76)}.needle-shadow{position:absolute;top:7px;left:var(--needle-left);transform:translateX(-50%);width:14px;height:6px;border-radius:999px;background:rgba(255,164,92,.1);filter:blur(.8px)}.speedometer[data-pos] .needle-shadow,.speedometer[data-pos] .needle-tri{transition:left 140ms ease-out}.speedometer.is-dragging .needle-shadow,.speedometer.is-dragging .needle-tri{transition:none!important}@media (prefers-reduced-motion:reduce){.speed-track .seg,.speedometer[data-pos] .needle-shadow,.speedometer[data-pos] .needle-tri{transition:none!important}}.volume-title{text-align:center;font-weight:600;font-size:15px;letter-spacing:.35px;color:rgba(26,20,60,.82);text-shadow:0 10px 20px rgba(0,0,0,.08);user-select:none;margin-top:2px;margin-bottom:8px}.vol-track{position:relative;width:100%;height:46px;display:flex;align-items:center;--pad-l:16px;--pad-r:16px;padding-left:var(--pad-l);padding-right:var(--pad-r);border-radius:12px;background:rgba(255,255,255,.55);border:2px solid #fff;box-shadow:0 14px 28px rgba(0,0,0,.1),0 0 0 2px rgba(255,255,255,.4) inset;--fill:100}.vol-track::before{content:"";position:absolute;left:var(--pad-l);right:var(--pad-r);top:50%;transform:translateY(-50%);height:12px;border-radius:999px;width:calc((100% - (var(--pad-l) + var(--pad-r))) * (var(--fill)/ 100));background:linear-gradient(90deg,rgba(120,200,255,.8),rgba(155,149,255,.88),rgba(122,114,242,.92),rgba(101,92,255,.92),rgba(255,170,210,.65));box-shadow:0 10px 18px rgba(147,98,232,.14),0 0 18px rgba(147,98,232,.1);pointer-events:none}.vol-slider{width:100%;height:30px;background:0 0;-webkit-appearance:none;appearance:none;outline:0}.vol-slider::-webkit-slider-runnable-track{height:12px;border-radius:999px;background:rgba(120,120,160,.14);box-shadow:0 0 0 2px rgba(255,255,255,.65) inset}.vol-slider::-moz-range-track{height:12px;border-radius:999px;background:rgba(120,120,160,.14);box-shadow:0 0 0 2px rgba(255,255,255,.65) inset}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;margin-top:-8px;border-radius:999px;background:rgba(255,255,255,.98);border:2px solid rgba(255,255,255,.78);box-shadow:0 14px 24px rgba(0,0,0,.16),0 0 0 4px rgba(255,255,255,.55) inset,0 0 18px rgba(122,114,242,.22);cursor:pointer;position:relative;z-index:3;transition:transform 120ms,box-shadow 120ms}.vol-slider::-moz-range-thumb{width:28px;height:28px;border:2px solid rgba(255,255,255,.78);border-radius:999px;background:rgba(255,255,255,.98);box-shadow:0 14px 24px rgba(0,0,0,.16),0 0 0 4px rgba(255,255,255,.55) inset,0 0 18px rgba(122,114,242,.22);cursor:pointer;position:relative;z-index:3;transition:transform 120ms,box-shadow 120ms}.vol-slider:active::-webkit-slider-thumb{transform:scale(1.06);box-shadow:0 10px 18px rgba(0,0,0,.14),0 0 0 4px rgba(255,255,255,.6) inset,0 0 22px rgba(122,114,242,.28)}.vol-slider:active::-moz-range-thumb{transform:scale(1.06);box-shadow:0 10px 18px rgba(0,0,0,.14),0 0 0 4px rgba(255,255,255,.6) inset,0 0 22px rgba(122,114,242,.28)}@media (hover:hover) and (pointer:fine){.vol-slider:hover::-webkit-slider-thumb{transform:scale(1.04)}.vol-slider:hover::-moz-range-thumb{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.vol-slider::-moz-range-thumb,.vol-slider::-webkit-slider-thumb{transition:none!important}}.audio-slider-thumb{box-shadow:0 0 0 6px rgba(155,149,255,.18)}.pause-wrap{position:relative;display:inline-flex;align-items:center;z-index:1110}.pause-menu{position:absolute;top:calc(100% + 10px);right:0;width:360px;max-width:calc(100vw - 24px);padding:14px;border-radius:18px;background:rgba(255,255,255,.9);border:1px solid rgba(215,211,255,.75);box-shadow:0 18px 40px rgba(0,0,0,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none;flex-direction:column;gap:12px;transform-origin:top right;animation:120ms ease-out popIn;z-index:1120}.pause-wrap.is-open .pause-menu{display:flex}.pause-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pause-title{font-size:20px;font-weight:700;letter-spacing:.2px;color:rgba(26,20,60,.9)}.pause-accent{height:4px;width:140px;border-radius:999px;background:rgba(147,98,232,.85);box-shadow:0 10px 18px rgba(147,98,232,.18)}.pause-actions{display:flex;flex-direction:column;gap:12px}.pause-btn{width:100%;height:56px;border:0;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 14px;font-size:16px;font-weight:500;color:rgba(147,98,232,.95);background:rgba(242,240,255,.88);box-shadow:0 12px 22px rgba(0,0,0,.1),0 0 0 2px rgba(255,255,255,.65) inset;transition:transform 120ms,opacity 120ms}.pause-btn:hover{transform:translateY(-1px)}.pause-btn:active{transform:scale(.98);opacity:.95}.pause-btn.danger{background:rgba(255,230,230,.65);color:rgba(210,55,55,.95)}.pause-ico{width:30px;height:30px;flex:0 0 30px;display:block;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.pause-text{flex:1;text-align:left;line-height:1.1}@media (pointer:coarse) and (max-width:480px){.pause-menu{position:fixed;top:calc(var(--topbar-height) + 10px);right:8px;left:auto;width:min(340px,calc(100vw - 16px));max-width:none;transform:none}.pause-title{font-size:18px}.pause-btn{height:54px;padding:0 12px}.pause-ico{width:28px;height:28px;flex-basis:28px}}#subtitle-container{position:absolute;left:50%;transform:translateX(-50%);width:90%;max-width:600px;display:flex;flex-direction:column;align-items:stretch;gap:6px;z-index:15;pointer-events:none;bottom:calc(var(--input-pad-bottom) + var(--input-height) + var(--sub-pad-bottom))}@media (min-width:900px){#input-container,#subtitle-container{max-width:750px}#waveform_content{max-width:650px}}@media (min-width:1200px){#input-container,#subtitle-container{max-width:820px}#waveform_content{max-width:720px}}.subtitle-line{position:relative;font-size:var(--sub-font-size);font-weight:650;padding:9px 12px;border-radius:var(--sub-radius);max-width:100%;min-width:120px;width:fit-content;word-break:break-word;border:1px solid var(--sub-border);box-shadow:0 14px 26px rgba(0,0,0,.12),0 0 0 2px rgba(255,255,255,.22) inset;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .3s,transform .25s}.subtitle-avatar{background:linear-gradient(180deg,rgba(242,240,255,.98),rgba(233,230,255,.92));color:#1a1630;align-self:flex-start;text-align:left;border-color:var(--sub-ava-border);border-left-width:3px;border-left-color:var(--sub-ava-accent);box-shadow:0 14px 26px rgba(0,0,0,.1),0 0 0 2px rgba(255,255,255,.35) inset}.subtitle-user{background:linear-gradient(180deg,#8b84ff 0,#756dff 55%,#655cff 100%);color:rgba(255,255,255,.98);align-self:flex-end;text-align:right;border-color:var(--sub-user-border);border-right-width:3px;border-right-color:var(--sub-user-accent);box-shadow:0 16px 30px rgba(0,0,0,.14),0 0 0 2px rgba(255,255,255,.14) inset,0 0 0 3px var(--sub-user-halo)}.subtitle-new{transform:translateY(1px)}.subtitle-unsafe{filter:blur(5px) contrast(1.15);text-shadow:0 0 6px rgba(0,0,0,.45),0 0 12px rgba(0,0,0,.35);user-select:none;-webkit-user-select:none;pointer-events:none}@media (pointer:coarse) and (orientation:portrait) and (min-width:768px){.subtitle-line{font-size:var(--sub-font-size);padding:13px 16px}}