*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,html{height:100%;width:100%;font-family:"Plus Jakarta Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,option,select,textarea{font:inherit}a{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-ink:#24324d;--fedu-ink-2:rgba(36, 50, 77, 0.72);--fedu-ink-3:rgba(36, 50, 77, 0.58);--fedu-purple:#620264;--fedu-purple-2:#7a0a7c;--fedu-purple-hover:#8a0e8c;--fedu-purple-hover-2:#6d036f;--fedu-blue:#9aa8ff;--fedu-violet:#8a5cff;--fedu-orange:#ff6a5c;--fedu-border:rgba(132, 145, 183, 0.22);--fedu-border-soft:rgba(94, 108, 148, 0.14);--fedu-border-purple:rgba(98, 2, 100, 0.28);--fedu-surface:rgba(255, 255, 255, 0.96);--fedu-surface-soft:rgba(247, 249, 255, 0.94);--fedu-glass:rgba(255, 255, 255, 0.92);--fedu-shadow-sm:0 10px 24px rgba(22, 33, 62, 0.06);--fedu-shadow-md:0 16px 34px rgba(22, 33, 62, 0.08);--fedu-shadow-lg:0 26px 64px rgba(22, 33, 62, 0.16);--fedu-radius-xl:24px;--fedu-radius-lg:20px;--fedu-radius-md:16px;--fedu-radius-pill:999px;--fedu-primary-gradient:linear-gradient(
    180deg,
    var(--fedu-purple-2) 0%,
    var(--fedu-purple) 100%
  );--fedu-primary-gradient-hover:linear-gradient(
    180deg,
    var(--fedu-purple-hover) 0%,
    var(--fedu-purple-hover-2) 100%
  );--fedu-progress-gradient:linear-gradient(
    90deg,
    var(--fedu-blue) 0%,
    var(--fedu-violet) 32%,
    var(--fedu-purple-hover) 68%,
    var(--fedu-purple) 100%
  );--hud-purple:var(--fedu-purple-2);--hud-purple-90:rgba(98, 2, 100, 0.9);--hud-purple-20:rgba(98, 2, 100, 0.2);--hud-purple-14:rgba(98, 2, 100, 0.14);--hud-purple-08:rgba(98, 2, 100, 0.08);--accent:var(--fedu-purple-2);--accent-soft:rgba(98, 2, 100, 0.18);--accent-fill:rgba(98, 2, 100, 0.65);--topbar-pad:24px;--topbar-gap:8px;--topbar-height:56px;--topbar-logo-h:38px;--topbar-shadow:0 14px 34px rgba(0, 0, 0, 0.12);--seg-w:56px;--seg-w-m:52px;--input-pad-bottom:12px;--input-height:48px;--input-font-size:14px;--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:13px}@media (max-width:900px){:root{--topbar-height:54px;--topbar-logo-h:36px;--topbar-pad:16px;--topbar-gap:8px}}@media (max-width:520px){:root{--topbar-logo-h:32px;--topbar-pad:12px;--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:36px}}@media (pointer:coarse) and (min-width:768px) and (min-height:900px){:root{--topbar-height:64px;--topbar-logo-h:38px;--topbar-pad:18px;--topbar-gap:10px;--input-height:58px;--input-font-size:17px;--sub-font-size:17px;--sub-radius:18px}}@media (pointer:coarse) and (orientation:portrait) and (min-width:768px){:root{--topbar-height:68px;--topbar-logo-h:38px;--topbar-pad:20px;--topbar-gap:12px;--input-height:64px;--input-font-size:17px;--sub-font-size:17px;--sub-radius:18px}.subtitle-line{font-size:var(--sub-font-size);padding:13px 16px}}#loading_overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20000}#loading_overlay img{width:80vw;max-width:420px;height:auto;max-height:80vh;object-fit:contain;border:none}#loading_label{margin-top:10px;color:#7a0077;font-size:15px;line-height:1.2;font-weight:800;font-family:inherit;text-align:center;animation:1.5s ease-in-out infinite loadingPulse;pointer-events:none;white-space:nowrap;letter-spacing:.2px}#loading_bar_bg{width:60%;max-width:400px;height:12px;background:#f1e7f5;border-radius:999px;overflow:hidden;margin-top:12px;box-shadow:inset 0 1px 3px rgba(122,0,119,.16)}#loading_bar{width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,#7a0077 0,#9b1b8f 45%,#ff6257 75%,#9bb2ff 100%);transition:width .25s;box-shadow:0 0 10px rgba(122,0,119,.22)}#loading_overlay.hidden,.loading_overlay.hidden{display:none!important}@keyframes loadingPulse{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}:root{--icon-btn-size:40px;--icon-img-size:20px;--icon-btn-bg-top:#7a0a7c;--icon-btn-bg-bottom:#620264;--icon-btn-bg-hover-top:#8a0e8c;--icon-btn-bg-hover-bottom:#6d036f;--icon-btn-border:rgba(98, 2, 100, 0.78);--icon-btn-border-hover:rgba(122, 10, 124, 0.96);--icon-btn-shadow:0 10px 22px rgba(98, 2, 100, 0.2);--icon-btn-shadow-hover:0 14px 28px rgba(98, 2, 100, 0.28);--icon-btn-radius:999px;--kid-ink:var(--fedu-ink, #24324d);--kid-purple:var(--fedu-purple-2, #7a0a7c);--kid-purple-2:var(--fedu-purple-hover, #8a0e8c);--kid-purple-3:var(--fedu-blue, #9aa8ff);--card-bg:rgba(255, 255, 255, 0.98);--card-border:rgba(132, 145, 183, 0.22);--card-shadow:0 26px 64px rgba(22, 33, 62, 0.16),0 10px 24px rgba(22, 33, 62, 0.08),inset 0 1px 0 rgba(255, 255, 255, 0.82);--tile-bg:rgba(255, 255, 255, 0.98);--tile-border:rgba(132, 145, 183, 0.18);--tile-shadow:0 14px 30px rgba(22, 33, 62, 0.08),inset 0 1px 0 rgba(255, 255, 255, 0.86);--topbar-height:56px;--topbar-logo-h:38px;--kid-bg:#f6f8ff;--kid-bg-2:#fff6fb;--kid-bg-3:#f3fff6;--kid-ink:var(--fedu-ink, #24324d);--kid-ink-2:var(--fedu-ink-2, rgba(36, 50, 77, 0.72));--kid-purple:var(--fedu-purple, #620264);--kid-purple-2:var(--fedu-purple-hover, #8a0e8c);--kid-border:rgba(132, 145, 183, 0.22);--card-bg:rgba(255, 255, 255, 0.96);--card-shadow:0 26px 64px rgba(22, 33, 62, 0.16),0 10px 24px rgba(22, 33, 62, 0.08),inset 0 1px 0 rgba(255, 255, 255, 0.82);--star-gold:#ffd04f;--star-gold-stroke:#f3b700;--sub-user-border:rgba(176, 170, 255, 0.42);--sub-user-accent:rgba(98, 2, 100, 0.62);--sub-user-halo:rgba(98, 2, 100, 0.14);--sub-ava-border:rgba(132, 145, 183, 0.22);--sub-ava-accent:rgba(98, 2, 100, 0.34)}.btn-icon{position:relative;width:var(--icon-btn-size);height:var(--icon-btn-size);padding:0;border-radius:var(--icon-btn-radius);border:1px solid var(--icon-btn-border);background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.2),transparent 35%),linear-gradient(180deg,var(--icon-btn-bg-top) 0,var(--icon-btn-bg-bottom) 100%);box-shadow:var(--icon-btn-shadow),inset 0 1px 0 rgba(255,255,255,.18);cursor:pointer;display:grid;place-items:center;user-select:none;overflow:hidden;transition:transform 120ms,box-shadow 160ms,border-color 160ms,background 160ms,opacity 160ms}.btn-icon::after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.03) 44%,rgba(255,255,255,.06)),radial-gradient(circle at 50% 100%,rgba(255,255,255,.08),transparent 48%);pointer-events:none}.btn-icon:active{transform:scale(.975)}.btn-icon-img{position:relative;z-index:1;width:var(--icon-img-size);height:var(--icon-img-size);object-fit:contain;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none;filter:drop-shadow(0 2px 5px rgba(22, 33, 62, .18))}@media (hover:hover) and (pointer:fine){.btn-icon:hover{background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.24),transparent 35%),linear-gradient(180deg,var(--icon-btn-bg-hover-top) 0,var(--icon-btn-bg-hover-bottom) 100%);border-color:var(--icon-btn-border-hover);box-shadow:var(--icon-btn-shadow-hover),inset 0 1px 0 rgba(255,255,255,.22);transform:translateY(-1px)}}.btn-footer-nav{--icon-btn-radius:14px;--icon-btn-bg-top:rgba(255, 255, 255, 0.98);--icon-btn-bg-bottom:rgba(244, 247, 253, 0.94);--icon-btn-bg-hover-top:rgba(255, 255, 255, 1);--icon-btn-bg-hover-bottom:rgba(241, 244, 252, 0.98);--icon-btn-border:rgba(98, 2, 100, 0.28);--icon-btn-border-hover:rgba(98, 2, 100, 0.42);--icon-btn-shadow:0 10px 22px rgba(22, 33, 62, 0.08);--icon-btn-shadow-hover:0 14px 28px rgba(98, 2, 100, 0.12),0 0 0 4px rgba(98, 2, 100, 0.045);background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.78),transparent 42%),radial-gradient(circle at 82% 86%,rgba(154,168,255,.16),transparent 46%),linear-gradient(180deg,var(--icon-btn-bg-top) 0,var(--icon-btn-bg-bottom) 100%)}.btn-footer-nav::after{background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.05) 48%,rgba(98,2,100,.035))}.btn-footer-nav .btn-icon-img,.btn-footer-nav .nav-icon{filter:none}@media (hover:hover) and (pointer:fine){.btn-footer-nav:hover{background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.88),transparent 42%),radial-gradient(circle at 82% 86%,rgba(154,168,255,.2),transparent 46%),linear-gradient(180deg,var(--icon-btn-bg-hover-top) 0,var(--icon-btn-bg-hover-bottom) 100%)}}@media (max-width:920px){:root{--icon-btn-size:38px;--icon-img-size:22px}.btn-footer-nav{--icon-btn-radius:13px}}@media (max-width:640px){:root{--icon-btn-size:33px;--icon-img-size:20px}.btn-footer-nav{--icon-btn-radius:12px}}.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:radial-gradient(circle at 16% 0,rgba(244,247,253,.82),rgba(255,255,255,.98) 42%),linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,255,.96));border:1px solid rgba(132,145,183,.18);box-shadow:0 34px 90px rgba(0,0,0,.32),0 18px 44px rgba(22,33,62,.16),inset 0 1px 0 rgba(255,255,255,.72)}.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;border: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}#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(720px,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:radial-gradient(circle at 16% 0,rgba(244,247,253,.96),rgba(255,255,255,.985) 42%),radial-gradient(circle at 96% 100%,rgba(98,2,100,.035),transparent 46%),linear-gradient(180deg,rgba(255,255,255,.985),rgba(247,249,255,.97));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(132,145,183,.18);pointer-events:auto;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}#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;min-width:0}#choose_avatar_overlay #choose_topbar #choose_topbar_logo img{height:var(--topbar-logo-h);width:auto;display:block;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}#choose_avatar_overlay .choose-topbar-right{display:flex;align-items:center;gap:18px;margin-left:auto}#choose_avatar_overlay #choose_topbar .choose-slogan{margin-left:14px;white-space:nowrap;user-select:none;-webkit-user-select:none;font-size:17px;font-weight:600;letter-spacing:.1px;color:rgba(36,50,77,.78)}#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) drop-shadow(0 8px 14px rgba(98, 2, 100, .12))}#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(22, 33, 62, .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(150px,1fr));justify-content:center;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:radial-gradient(circle at 18% 16%,rgba(154,168,255,.1),transparent 44%),linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,255,.94));box-shadow:var(--tile-shadow);padding:10px;overflow:visible;transition:transform 140ms,border-color 140ms,box-shadow 140ms,filter 140ms,opacity .2s,background 160ms}#choose_avatar_overlay .avatar-tile:hover{transform:translateY(-2px);border-color:rgba(98,2,100,.22);filter:brightness(1.01);box-shadow:0 18px 34px rgba(22,33,62,.1),inset 0 1px 0 rgba(255,255,255,.96)}#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(154,168,255,.14),transparent 55%),radial-gradient(circle at 82% 86%,rgba(98,2,100,.025),transparent 46%),linear-gradient(180deg,rgba(245,246,255,.92),rgba(255,255,255,.9));border:1px solid rgba(132,145,183,.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:6px;bottom:6px;width:28px;height:28px;border-radius:999px;border:1px solid rgba(98,2,100,.18);background:rgba(255,255,255,.92);box-shadow:0 14px 26px rgba(22,33,62,.12);display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:.66;transition:transform 120ms,opacity 140ms,filter 140ms,box-shadow 140ms,border-color 140ms}#choose_avatar_overlay .avatar-preview-overlay:hover{opacity:.92;transform:scale(1.03);filter:brightness(1.02);border-color:rgba(98,2,100,.28);box-shadow:0 16px 30px rgba(98,2,100,.1)}#choose_avatar_overlay .avatar-preview-overlay:active{transform:scale(.96)}#choose_avatar_overlay .avatar-preview-overlay img{width:24px;height:24px;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:40px;border-radius:15px;border:1px solid rgba(98,2,100,.28);background:radial-gradient(circle at 18% 20%,rgba(154,168,255,.16),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,255,.94));color:rgba(36,50,77,.82);font-weight:600;font-size:14px;letter-spacing:.2px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 120ms,filter 140ms,box-shadow 140ms,border-color 160ms,background 160ms,color 160ms;box-shadow:0 10px 22px rgba(22,33,62,.08),inset 0 1px 0 rgba(255,255,255,.9)}#choose_avatar_overlay .avatar-select-btn:hover{filter:brightness(1.02);transform:translateY(-1px);border-color:rgba(122,10,124,.96);background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.24),transparent 35%),linear-gradient(180deg,#7f0b82 0,#660368 100%);color:rgba(255,255,255,.98);box-shadow:0 18px 34px rgba(98,2,100,.28),inset 0 1px 0 rgba(255,255,255,.2)}#choose_avatar_overlay .avatar-select-btn:active{transform:translateY(1px) scale(.99);box-shadow:0 8px 18px rgba(22,33,62,.08),inset 0 1px 0 rgba(255,255,255,.86)}#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 rgba(98,2,100,.28);box-shadow:0 16px 34px rgba(22,33,62,.14),0 0 0 5px rgba(98,2,100,.045);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(154,168,255,0.75)}#choose_avatar_overlay .scroll-hint-chevrons .c2{fill:rgba(138,92,255,0.82)}#choose_avatar_overlay .scroll-hint-chevrons .c3{fill:rgba(98,2,100,0.86)}@keyframes chooseHintFloat{0%,100%{transform:translateY(0);opacity:.95}50%{transform:translateY(8px);opacity:1}}#choose_avatar_overlay .avatar-fav-btn{position:absolute;top:-8px;right:-8px;width:38px;height:38px;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::before{content:"";position:absolute;inset:4px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(122,0,119,.12),rgba(122,0,119,.04) 52%,transparent 72%);opacity:0;transition:opacity 140ms;pointer-events:none}#choose_avatar_overlay .avatar-fav-btn:hover{transform:scale(1.06);filter:brightness(1.03) drop-shadow(0 8px 14px rgba(122, 0, 119, .18))}#choose_avatar_overlay .avatar-fav-btn:hover::before,#choose_avatar_overlay .avatar-fav-btn[data-fav="1"]::before{opacity:1}#choose_avatar_overlay .avatar-fav-btn:active{transform:scale(.96)}#choose_avatar_overlay .avatar-fav-ico{width:34px;height:34px;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none;position:relative;z-index:1}#choose_avatar_overlay .avatar-fav-btn[data-fav="0"] .avatar-fav-ico{opacity:.68;filter:saturate(1.08) brightness(1.03) drop-shadow(0 6px 12px rgba(122, 0, 119, .1))}#choose_avatar_overlay .avatar-fav-btn[data-fav="0"]:hover .avatar-fav-ico{opacity:.95;filter:saturate(1.22) brightness(1.04) drop-shadow(0 8px 16px rgba(122, 0, 119, .2))}#choose_avatar_overlay .avatar-fav-btn[data-fav="1"] .avatar-fav-ico{opacity:1;filter:saturate(1.28) brightness(1.02) drop-shadow(0 8px 16px rgba(122, 0, 119, .24))}#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(22,33,62,.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,.62),rgba(154,168,255,.16) 45%,rgba(98,2,100,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(132,145,183,.16);background:radial-gradient(circle at 30% 22%,rgba(154,168,255,.16),transparent 55%),linear-gradient(180deg,rgba(245,246,255,.92),rgba(255,255,255,.88));box-shadow:0 18px 40px rgba(22,33,62,.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:radial-gradient(circle at 26% 20%,rgba(255,255,255,.18),transparent 42%),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(11,11,16,.42);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(380px,calc(100vw - 28px));border-radius:22px;background:radial-gradient(circle at 16% 0,rgba(244,247,253,.96),rgba(255,255,255,.985) 42%),radial-gradient(circle at 96% 100%,rgba(98,2,100,.07),transparent 46%),linear-gradient(180deg,rgba(255,255,255,.985),rgba(247,249,255,.97));border:1px solid rgba(132,145,183,.22);box-shadow:0 26px 64px rgba(22,33,62,.16),0 10px 24px rgba(22,33,62,.08),inset 0 1px 0 rgba(255,255,255,.82);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(132,145,183,.22);display:grid;place-items:center;background:rgba(255,255,255,.9);color:rgba(36,50,77,.72);cursor:pointer;box-shadow:0 14px 28px rgba(22,33,62,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform 120ms,opacity 120ms,filter 120ms,box-shadow 160ms,border-color 160ms,background 160ms,color 160ms}.ap-close:hover{transform:scale(1.04);filter:brightness(1.02);background:rgba(255,255,255,.98);border-color:rgba(105,119,163,.34);color:rgba(36,50,77,.9);box-shadow:0 16px 32px rgba(22,33,62,.14)}.ap-close:active{transform:scale(.95);opacity:.92}.ap-video-wrap{width:100%;border-radius:18px;overflow:hidden;position:relative;aspect-ratio:1/1;background:radial-gradient(circle at 30% 22%,rgba(154,168,255,.14),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,255,.94));border:1px solid rgba(132,145,183,.18);box-shadow:0 14px 34px rgba(22,33,62,.12),inset 0 1px 0 rgba(255,255,255,.86)}.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(11,11,16,.34);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:600;font-size:17px;letter-spacing:.2px;color:rgba(36,50,77,.96);text-shadow:0 1px 0 rgba(255,255,255,.72);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;right:8px;bottom:8px;z-index:4;width:40px;height:40px;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) drop-shadow(0 8px 14px rgba(98, 2, 100, .16))}.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(22, 33, 62, .25))}.ap-replay:disabled{display:none}.ap-btn-choose-full{width:100%;margin-top:12px;height:42px;border-radius:15px;border:1px solid rgba(98,2,100,.88);background:var(--fedu-primary-gradient,linear-gradient(180deg,#7a0a7c 0,#620264 100%));color:rgba(255,255,255,.98);box-shadow:0 12px 24px rgba(98,2,100,.22),inset 0 1px 0 rgba(255,255,255,.16);filter:none;font-weight:600;font-size:15px;letter-spacing:.2px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 120ms,filter 140ms,box-shadow 140ms,border-color 160ms,background 160ms}.ap-btn-choose-full:hover{transform:translateY(-1px);border-color:rgba(122,10,124,.96);background:var(--fedu-primary-gradient-hover,linear-gradient(180deg,#8a0e8c 0,#6d036f 100%));filter:brightness(1.02);box-shadow:0 18px 34px rgba(98,2,100,.28),inset 0 1px 0 rgba(255,255,255,.2)}.ap-btn-choose-full:active{transform:scale(.98)}@media (max-width:520px){.ap-replay{width:42px;height:42px}}.avatar-veil{position:absolute;inset:0;z-index:20;background:rgba(10,12,22,.68);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:radial-gradient(circle at 20% 10%,rgba(184,179,255,.12),transparent 45%),radial-gradient(circle at 80% 30%,rgba(98,2,100,.08),transparent 55%),rgba(10,12,22,.18);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:radial-gradient(circle at 30% 22%,rgba(154,168,255,.18),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08));border:2px solid rgba(255,255,255,.24);outline:rgba(255,255,255,.14) solid 4px;outline-offset:0;box-shadow:0 18px 40px rgba(0,0,0,.25),0 0 0 6px rgba(98,2,100,.07);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,.2) 45%,rgba(255,255,255,0) 55%);transform:translateX(-60%) rotate(12deg);animation:1.8s ease-in-out infinite ph-shine}.ph-text{font:inherit;font-size:14px;line-height:1.2;font-weight:600;color:rgba(255,255,255,.92);text-shadow:0 8px 18px rgba(0,0,0,.25),0 0 18px rgba(98,2,100,.12)}@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;z-index:16;background:0 0}#input-wrapper{width:100%;height:var(--input-height);display:flex;align-items:center;background:radial-gradient(circle at 18% 24%,rgba(154,168,255,.1),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.99),rgba(247,249,255,.96));padding:0;border:1px solid rgba(132,145,183,.22);border-radius:16px;box-shadow:0 10px 24px rgba(22,33,62,.08),0 0 0 1px rgba(255,255,255,.68) inset,inset 0 1px 0 rgba(255,255,255,.9);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;color:rgba(36,50,77,.96)}#chat_textbox::placeholder{color:var(--placeholder-color,rgba(36,50,77,.38))}#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:radial-gradient(circle at 32% 22%,rgba(255,255,255,.2),transparent 35%),var(--fedu-primary-gradient,linear-gradient(180deg,#7a0a7c 0,#620264 100%));border-left:0;box-shadow:inset 1px 0 0 rgba(255,255,255,.18),0 8px 18px rgba(98,2,100,.12);border-top-right-radius:16px;border-bottom-right-radius:16px}#record_button{width:80%;height:80%;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;filter:drop-shadow(0 2px 5px rgba(22, 33, 62, .18))}#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:radial-gradient(circle at 18% 24%,rgba(154,168,255,.16),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,247,253,.94));border:1px solid rgba(132,145,183,.18);box-shadow:0 8px 18px rgba(22,33,62,.08),inset 0 1px 0 rgba(255,255,255,.86);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:inherit;font-size:15px;line-height:1.1;font-weight:600;color:var(--fedu-purple,#620264);cursor:pointer}#waveform_box:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(98,2,100,.18),0 8px 18px rgba(22,33,62,.08);border-color:rgba(98,2,100,.34)}#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:radial-gradient(circle at 32% 22%,rgba(255,255,255,.16),transparent 35%),linear-gradient(180deg,#ff7a6f 0,#e46a5d 100%);border:0;border-top-left-radius:16px;border-bottom-left-radius:16px;box-shadow:inset -1px 0 0 rgba(0,0,0,.06),0 8px 18px rgba(225,29,72,.12);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;filter:drop-shadow(0 2px 5px rgba(22, 33, 62, .16))}#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);background:rgba(11,11,16,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.end-overlay.hidden{display:none!important}.end-overlay.is-locking{pointer-events:none}.end-card{width:min(420px,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:radial-gradient(circle at 16% 0,rgba(244,247,253,.96),rgba(255,255,255,.985) 42%),radial-gradient(circle at 96% 100%,rgba(98,2,100,.07),transparent 46%),linear-gradient(180deg,rgba(255,255,255,.985),rgba(247,249,255,.97));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:var(--fedu-progress-gradient,linear-gradient(90deg,#9aa8ff 0,#8a5cff 32%,#8a0e8c 68%,#620264 100%));margin:6px 0 14px;box-shadow:0 10px 20px rgba(98,2,100,.16),0 0 18px rgba(154,168,255,.12)}.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(154,168,255,.12);border:1px solid rgba(98,2,100,.16);color:rgba(36,50,77,.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(98,2,100,.18);box-shadow:0 16px 34px rgba(22,33,62,.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:900;letter-spacing:.2px;color:rgba(36,50,77,.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:900;letter-spacing:.2px;user-select:none;transition:transform 60ms,filter .14s,opacity .14s,box-shadow .16s,border-color .16s,background .16s;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(98,2,100,.22)}.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:var(--fedu-primary-gradient,linear-gradient(180deg,#7a0a7c 0,#620264 100%));border:1px solid rgba(98,2,100,.88);color:rgba(255,255,255,.96);box-shadow:0 12px 24px rgba(98,2,100,.22),inset 0 1px 0 rgba(255,255,255,.16)}.end-cta.primary:hover{background:var(--fedu-primary-gradient-hover,linear-gradient(180deg,#8a0e8c 0,#6d036f 100%));border-color:rgba(122,10,124,.96);box-shadow:0 18px 34px rgba(98,2,100,.28),inset 0 1px 0 rgba(255,255,255,.2)}.end-cta.secondary{background:radial-gradient(circle at 14% 22%,rgba(154,168,255,.18),transparent 40%),radial-gradient(circle at 88% 82%,rgba(98,2,100,.06),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,249,255,.9));border:1px solid rgba(98,2,100,.24);color:rgba(36,50,77,.92);box-shadow:0 10px 22px rgba(22,33,62,.08),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.end-cta.secondary:hover{filter:brightness(1.02) saturate(1.02);opacity:.99;border-color:rgba(98,2,100,.34);box-shadow:0 16px 30px rgba(98,2,100,.1),inset 0 1px 0 rgba(255,255,255,.96)}@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-bottom:1px solid rgba(132,145,183,.18);border-left:0;border-right:0;border-top:0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--topbar-shadow);pointer-events:auto}#topbar_logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;min-width:0}#topbar_logo img{height:var(--topbar-logo-h);width:auto;max-width:min(420px,48vw);display:block;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.topbar-actions{display:inline-flex;align-items:center;gap:8px;padding:3px 10px;border-radius:18px;background:rgba(255,255,255,.48);border:1px solid rgba(132,145,183,.16);box-shadow:0 8px 18px rgba(22,33,62,.04),inset 0 1px 0 rgba(255,255,255,.72)}#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,filter 120ms;--topbar-btn-size:40px;--topbar-icon-size:20px;width:var(--topbar-btn-size);height:var(--topbar-btn-size)}#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.03) saturate(1.04) drop-shadow(0 8px 14px rgba(98, 2, 100, .12))}#topbar button.topbar-btn:active{transform:translateY(0) scale(.95);box-shadow:0 8px 18px rgba(22,33,62,.12),0 0 0 3px rgba(98,2,100,.12),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(255,255,255,.88),0 0 0 6px rgba(98,2,100,.18),0 12px 26px rgba(22,33,62,.12)}#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{object-fit:contain;display:block;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}@media (max-width:920px){#topbar button.topbar-btn{--topbar-btn-size:38px;--topbar-icon-size:22px}}@media (max-width:640px){#topbar button.topbar-btn{--topbar-btn-size:33px;--topbar-icon-size:20px}}.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(11,11,16,.66);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:24px;background:radial-gradient(circle at 16% 0,rgba(244,247,253,.96),rgba(255,255,255,.985) 42%),radial-gradient(circle at 96% 100%,rgba(98,2,100,.07),transparent 46%),linear-gradient(180deg,rgba(255,255,255,.985),rgba(247,249,255,.97));border:1px solid rgba(132,145,183,.22);box-shadow:0 26px 64px rgba(22,33,62,.16),0 10px 24px rgba(22,33,62,.08),inset 0 1px 0 rgba(255,255,255,.82);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:radial-gradient(circle at 14% 22%,rgba(154,168,255,.16),transparent 40%),radial-gradient(circle at 88% 82%,rgba(98,2,100,.05),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,249,255,.9));border:1px solid rgba(132,145,183,.2);display:flex;align-items:center;gap:12px;padding:0 12px;cursor:pointer;box-shadow:0 10px 22px rgba(22,33,62,.07),inset 0 1px 0 rgba(255,255,255,.86);transition:transform 120ms,opacity 120ms,filter 120ms,box-shadow 160ms,border-color 160ms,background 160ms}.more-item:hover{transform:translateY(-1px);filter:saturate(1.05) brightness(1.02);border-color:rgba(98,2,100,.32);background:linear-gradient(180deg,#fff,rgba(244,247,253,.96));box-shadow:0 16px 30px rgba(98,2,100,.1),inset 0 1px 0 rgba(255,255,255,.96)}.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:38px;height:38px;flex:0 0 38px;opacity:.9}.more-text{font-weight:500;font-size:15px;letter-spacing:.15px;color:rgba(36,50,77,.78);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;z-index:1110}.sound-menu{position:absolute;top:calc(100% + 10px);right:0;width:360px;max-width:calc(100vw - 24px);padding:14px;border-radius:24px;border:1px solid rgba(132,145,183,.22);background:radial-gradient(circle at 16% 0,rgba(244,247,253,.96),rgba(255,255,255,.985) 42%),radial-gradient(circle at 96% 100%,rgba(98,2,100,.07),transparent 46%),linear-gradient(180deg,rgba(255,255,255,.985),rgba(247,249,255,.97));box-shadow:0 26px 64px rgba(22,33,62,.16),0 10px 24px rgba(22,33,62,.08),inset 0 1px 0 rgba(255,255,255,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none;flex-direction:column;gap:14px;transform-origin:top right;animation:140ms ease-out popIn;z-index:1120}.sound-menu,.sound-menu *{pointer-events:auto}.sound-wrap.is-open .sound-menu{display:flex}.sound-row{width:100%;min-width:0;box-sizing:border-box;overflow:hidden;border-radius:20px;border:1px solid rgba(132,145,183,.22);background:radial-gradient(circle at 15% 18%,rgba(154,168,255,.18),transparent 42%),radial-gradient(circle at 88% 22%,rgba(255,106,92,.08),transparent 38%),radial-gradient(circle at 72% 96%,rgba(98,2,100,.075),transparent 44%),linear-gradient(180deg,rgba(255,255,255,.97),rgba(241,244,252,.92));padding:14px;box-shadow:0 14px 30px rgba(22,33,62,.08),0 0 0 1px rgba(255,255,255,.68) inset,inset 0 1px 0 rgba(255,255,255,.9)}@media (max-width:520px){.sound-menu{position:fixed;top:calc(var(--topbar-height) + 10px);right:8px;left:auto;width:min(340px,calc(100vw - 16px));max-width:none;padding:14px;border-radius:22px;gap:12px;transform:none}.sound-row{padding:12px;border-radius:18px}}.speedometer{width:100%;display:flex;flex-direction:column;gap:8px;--needle-left:30%}.speed-title{margin:2px 0 10px;text-align:center;font-weight:600;font-size:15px;line-height:1.15;letter-spacing:.35px;color:rgba(36,50,77,.96);text-shadow:none;user-select:none}.speed-track{position:relative;width:100%;height:40px;display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;border-radius:16px;border:1px solid rgba(132,145,183,.2);background:radial-gradient(circle at 12% 28%,rgba(154,168,255,.18),transparent 38%),radial-gradient(circle at 90% 26%,rgba(255,106,92,.08),transparent 40%),linear-gradient(90deg,rgba(247,249,255,.98),rgba(242,244,255,.96),rgba(248,244,252,.98));box-shadow:0 10px 22px rgba(22,33,62,.07),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(132,145,183,.08);touch-action:none;user-select:none;cursor:grab}.speedometer.is-dragging .speed-track{cursor:grabbing}.speed-track .seg{min-width:0;border:0;margin:0;padding:0;cursor:pointer;font-weight:800;font-size:12px;line-height:1;letter-spacing:.15px;color:rgba(36,50,77,.72);display:flex;align-items:center;justify-content:center;border-radius:0;background-image:none!important;transition:background 140ms,color 140ms,filter 120ms,transform 120ms,box-shadow 140ms}.speed-track .seg:first-child{background-color:rgba(247,249,255,.96)}.speed-track .seg:nth-child(2){background-color:rgba(241,244,255,.96)}.speed-track .seg:nth-child(3){background-color:rgba(238,241,255,.96)}.speed-track .seg:nth-child(4){background-color:rgba(244,238,250,.96)}.speed-track .seg:nth-child(5){background:radial-gradient(circle at 26% 20%,rgba(255,106,92,.1),transparent 46%),rgba(248,244,252,.96)}.speed-track .seg+.seg{box-shadow:-1px 0 0 rgba(132,145,183,.16) inset}.speed-track .seg:hover{background:rgba(98,2,100,.06)!important;color:rgba(36,50,77,.94);filter:brightness(1.02) saturate(1.03)}.speed-track .seg.is-active{position:relative;z-index:1;filter:none;transform:none;background:radial-gradient(circle at 26% 18%,rgba(255,255,255,.24),transparent 36%),radial-gradient(circle at 88% 82%,rgba(255,106,92,.2),transparent 42%),linear-gradient(180deg,var(--fedu-purple-hover,#8a0e8c) 0,var(--fedu-purple,#620264) 100%)!important;color:#fff;box-shadow:0 10px 22px rgba(98,2,100,.24),0 0 0 1px rgba(255,255,255,.34) inset,inset 0 1px 0 rgba(255,255,255,.24)}.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(98,2,100,.72)}.needle-shadow{position:absolute;top:7px;left:var(--needle-left);transform:translateX(-50%);width:14px;height:6px;border-radius:999px;background:rgba(98,2,100,.12);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{margin-top:2px;margin-bottom:8px;text-align:center;font-weight:600;font-size:15px;line-height:1.15;letter-spacing:.35px;color:rgba(36,50,77,.96);text-shadow:none;user-select:none}.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:16px;border:1px solid rgba(132,145,183,.18);background:radial-gradient(circle at 18% 24%,rgba(154,168,255,.16),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.99),rgba(244,247,253,.94));box-shadow:0 10px 22px rgba(22,33,62,.07),0 0 0 1px rgba(255,255,255,.7) inset,inset 0 1px 0 rgba(255,255,255,.92);--fill:100}.vol-track::before{content:"";position:absolute;left:var(--pad-l);right:var(--pad-r);top:50%;transform:translateY(-50%);height:10px;border-radius:999px;width:calc((100% - (var(--pad-l) + var(--pad-r))) * (var(--fill)/ 100));background:var(--fedu-progress-gradient,linear-gradient(90deg,#9aa8ff 0,#8a5cff 32%,#8a0e8c 68%,#620264 100%));box-shadow:0 8px 18px rgba(98,2,100,.16),0 0 18px rgba(154,168,255,.14),0 0 0 1px rgba(255,255,255,.36) inset;pointer-events:none}.vol-slider{width:100%;min-width:0;max-width:100%;height:30px;background:0 0;-webkit-appearance:none;appearance:none;outline:0}.vol-slider::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:rgba(132,145,183,.16);box-shadow:none}.vol-slider::-moz-range-track{height:10px;border-radius:999px;background:rgba(132,145,183,.16);box-shadow:none}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;margin-top:-9px;border-radius:999px;background:radial-gradient(circle at 32% 24%,#fff 0,#fff 42%,#f3f6ff 100%);border:2px solid rgba(98,2,100,.28);box-shadow:0 10px 20px rgba(98,2,100,.15),0 0 0 6px rgba(98,2,100,.07),0 0 18px rgba(154,168,255,.16),inset 0 1px 0 rgba(255,255,255,.98);cursor:pointer;position:relative;z-index:3;transition:transform 120ms,box-shadow 120ms,border-color 120ms}.vol-slider::-moz-range-thumb{width:28px;height:28px;border-radius:999px;background:radial-gradient(circle at 32% 24%,#fff 0,#fff 42%,#f3f6ff 100%);border:2px solid rgba(98,2,100,.28);box-shadow:0 10px 20px rgba(98,2,100,.15),0 0 0 6px rgba(98,2,100,.07),0 0 18px rgba(154,168,255,.16),inset 0 1px 0 rgba(255,255,255,.98);cursor:pointer;position:relative;z-index:3;transition:transform 120ms,box-shadow 120ms,border-color 120ms}.vol-slider:active::-webkit-slider-thumb{transform:scale(1.06);box-shadow:0 10px 18px rgba(98,2,100,.14),0 0 0 6px rgba(98,2,100,.09),0 0 22px rgba(154,168,255,.2),inset 0 1px 0 rgba(255,255,255,.98)}.vol-slider:active::-moz-range-thumb{transform:scale(1.06);box-shadow:0 10px 18px rgba(98,2,100,.14),0 0 0 6px rgba(98,2,100,.09),0 0 22px rgba(154,168,255,.2),inset 0 1px 0 rgba(255,255,255,.98)}@media (hover:hover) and (pointer:fine){.vol-slider:hover::-webkit-slider-thumb{transform:scale(1.04);border-color:rgba(98,2,100,.38)}.vol-slider:hover::-moz-range-thumb{transform:scale(1.04);border-color:rgba(98,2,100,.38)}}@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(98,2,100,.08)}.pause-wrap{position:relative;display:inline-flex;align-items:center;z-index:1110}.pause-menu{position:absolute;top:calc(100% + 10px);right:0;width:320px;max-width:calc(100vw - 24px);padding:14px;border-radius:24px;border:1px solid rgba(132,145,183,.22);background:radial-gradient(circle at 16% 0,rgba(244,247,253,.96),rgba(255,255,255,.985) 42%),radial-gradient(circle at 96% 100%,rgba(98,2,100,.07),transparent 46%),linear-gradient(180deg,rgba(255,255,255,.985),rgba(247,249,255,.97));box-shadow:0 26px 64px rgba(22,33,62,.16),0 10px 24px rgba(22,33,62,.08),inset 0 1px 0 rgba(255,255,255,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none;flex-direction:column;gap:12px;transform-origin:top right;animation:140ms ease-out popIn;z-index:1120}.pause-menu,.pause-menu *{pointer-events:auto}.pause-wrap.is-open .pause-menu{display:flex}.pause-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pause-title{width:100%;margin:0;font-size:20px;line-height:1.12;font-weight:700;letter-spacing:-.025em;color:rgba(36,50,77,.98)}.pause-accent{height:5px;width:100%;border-radius:999px;background:var(--fedu-progress-gradient,linear-gradient(90deg,#9aa8ff 0,#8a5cff 32%,#8a0e8c 68%,#620264 100%));box-shadow:0 10px 20px rgba(98,2,100,.16),0 0 18px rgba(154,168,255,.12)}.pause-actions{display:flex;flex-direction:column;gap:12px}.pause-btn{width:100%;height:56px;border:1px solid rgba(132,145,183,.2);border-radius:18px;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 14px;font-size:16px;font-weight:500;color:rgba(36,50,77,.94);background:radial-gradient(circle at 14% 22%,rgba(154,168,255,.14),transparent 40%),radial-gradient(circle at 88% 82%,rgba(98,2,100,.05),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,249,255,.9));box-shadow:0 10px 22px rgba(22,33,62,.07),inset 0 1px 0 rgba(255,255,255,.86);user-select:none;transition:transform 120ms,opacity 120ms,box-shadow 160ms,border-color 160ms,background 160ms,color 160ms}.pause-btn:hover{transform:translateY(-1px);border-color:rgba(98,2,100,.32);background:linear-gradient(180deg,#fff,rgba(244,247,253,.96));box-shadow:0 16px 30px rgba(98,2,100,.1),inset 0 1px 0 rgba(255,255,255,.96)}.pause-btn:active{transform:scale(.98);opacity:.95}.pause-btn-soft,.pause-btn.resume,.pause-btn.return{border-color:rgba(98,2,100,.24);background:radial-gradient(circle at 14% 22%,rgba(154,168,255,.18),transparent 40%),radial-gradient(circle at 88% 82%,rgba(98,2,100,.06),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,249,255,.9))}.pause-btn-share,.pause-btn.share{border-color:rgba(247,37,88,.22);background:radial-gradient(circle at 14% 22%,rgba(247,37,88,.1),transparent 38%),radial-gradient(circle at 88% 82%,rgba(255,106,92,.08),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,249,255,.9))}.pause-btn-danger,.pause-btn.danger{border-color:rgba(225,29,72,.22);background:radial-gradient(circle at 14% 22%,rgba(225,29,72,.08),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,247,248,.9));color:rgba(190,18,60,.95)}.pause-btn-danger:hover,.pause-btn.danger:hover{border-color:rgba(225,29,72,.32);box-shadow:0 16px 30px rgba(225,29,72,.1),inset 0 1px 0 rgba(255,255,255,.96)}.pause-ico{width:30px;height:30px;flex:0 0 30px;display:block;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.pause-btn-share .pause-ico,.pause-btn.share .pause-ico{filter:drop-shadow(0 6px 12px rgba(247, 37, 88, .14))}.pause-btn-soft .pause-ico,.pause-btn.resume .pause-ico,.pause-btn.return .pause-ico{filter:drop-shadow(0 6px 12px rgba(98, 2, 100, .14))}.pause-btn-danger .pause-ico,.pause-btn.danger .pause-ico{filter:drop-shadow(0 6px 12px rgba(225, 29, 72, .12))}.pause-text{flex:1;text-align:left;line-height:1.1;color:inherit}.pause-text-wrap{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:1 1 auto}.pause-subtext{color:rgba(36,50,77,.58);font-size:12.5px;line-height:1.3;font-weight:600}@media (pointer:coarse) and (max-width:480px){.pause-menu{position:fixed;top:calc(var(--topbar-height) + 10px);right:8px;left:auto;max-width:none;padding:14px;border-radius:22px;gap:12px;transform:none}.pause-title{font-size:18px}.pause-btn{height:54px;padding:0 12px;border-radius:18px}.pause-ico{width:28px;height:28px;flex-basis:28px}.pause-subtext{font-size:11.5px;line-height:1.28}}#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:600;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(22,33,62,.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:radial-gradient(circle at 14% 22%,rgba(154,168,255,.16),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,249,255,.9));color:rgba(36,50,77,.96);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(22,33,62,.1),0 0 0 2px rgba(255,255,255,.35) inset,inset 0 1px 0 rgba(255,255,255,.86)}.subtitle-user{background:radial-gradient(circle at 26% 18%,rgba(255,255,255,.24),transparent 36%),radial-gradient(circle at 88% 82%,rgba(255,106,92,.16),transparent 42%),var(--fedu-primary-gradient,linear-gradient(180deg,#7a0a7c 0,#620264 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(98,2,100,.18),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}}