@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@400;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-top:#f4fff8;--bg-bottom:#e7f0ff;--panel:#fff;--panel-border:#d7e2f2;--text-main:#172033;--text-sub:#4c5e80;--focus:#0f6fff;--warning:#b54708;--warning-bg:#fff4e5;--success:#067647;--success-bg:#e8fff4}*{box-sizing:border-box}#root,body,html{background-color:#050b16;min-height:100%}body{background:radial-gradient(90rem 40rem at -10% -20%,#d8ffe9 0,#0000 60%),radial-gradient(70rem 32rem at 110% 120%,#dce8ff 0,#0000 55%),linear-gradient(165deg,#f4fff8,#e7f0ff);background:radial-gradient(90rem 40rem at -10% -20%,#d8ffe9 0,#0000 60%),radial-gradient(70rem 32rem at 110% 120%,#dce8ff 0,#0000 55%),linear-gradient(165deg,var(--bg-top) 0,var(--bg-bottom) 100%);color:#172033;color:var(--text-main);font-family:Lexend,Noto Sans TC,Microsoft JhengHei,sans-serif;margin:0}.app{display:grid;min-height:100vh;min-height:100dvh;padding:2rem 1rem;place-items:center}.app.app-player-mode{padding:0}.app.app-landing-mode,.app.app-player-mode{background:#050b16;min-height:100vh;min-height:100dvh;width:100%}.app.app-landing-mode{padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.card{background:#fff;background:var(--panel);border:1px solid #d7e2f2;border:1px solid var(--panel-border);border-radius:1.25rem;box-shadow:0 22px 60px #0f245329;padding:1.5rem;width:min(900px,100%)}.app.app-landing-mode .landing-card{background:linear-gradient(180deg,#121e36f2,#0a1324f2);border:1px solid #30466f;box-shadow:0 30px 80px #00000080;width:min(760px,100%)}.landing-header{align-items:flex-start;display:flex;gap:.8rem;justify-content:space-between;margin-bottom:1rem}.landing-title{margin:0}.landing-language-corner{display:flex;justify-content:flex-end;margin-top:.85rem}.landing-lang-select{background:#fcfdff;border:1px solid #bfd0ea;border-radius:.68rem;color:#172033;color:var(--text-main);font:inherit;font-size:.86rem;min-width:130px;padding:.35rem .45rem}.app.app-landing-mode .landing-card .title{color:#eef4ff}.app.app-landing-mode .landing-card .landing-lang-select{background:#102142;border-color:#4b628d;color:#eaf2ff}.app.app-landing-mode .landing-card .landing-lang-select:focus{border-color:#7ea0da;outline:2px solid #638fd673}.app.app-landing-mode .landing-card .input-label,.app.app-landing-mode .landing-card .subtitle{color:#c8d7f6}.app.app-landing-mode .landing-card .url-input{background:#102142;border-color:#4b628d;color:#eef4ff}.app.app-landing-mode .landing-card .url-input::placeholder{color:#92a8d0}.app.app-landing-mode .landing-card .url-input:focus{border-color:#7ea0da;outline-color:#638fd673}.app.app-landing-mode .landing-card .status.info{background:#274a888c;border:1px solid #4f70a8;color:#d8e6ff}.app.app-landing-mode .landing-card .status.warning{background:#92520773;border:1px solid #b67a31;color:#ffe2b8}.app.app-landing-mode .landing-card .status.success{background:#14603f80;border:1px solid #3d9c72;color:#d8ffe8}.title{font-size:clamp(1.4rem,2.5vw,2rem);margin:0}.subtitle{color:#4c5e80;color:var(--text-sub);margin:.6rem 0 1.25rem}.input-label{display:block;font-size:.92rem;margin-bottom:.45rem}.url-input{background:#fcfdff;border:1px solid #bfd0ea;border-radius:.75rem;color:#172033;color:var(--text-main);font:inherit;padding:.78rem .9rem;width:100%}.url-input:focus{border-color:#0f6fff;border-color:var(--focus);outline:3px solid color-mix(in srgb,#0f6fff,#fff 75%);outline:3px solid color-mix(in srgb,var(--focus),#fff 75%)}.status{border-radius:.6rem;font-size:.92rem;margin:.8rem 0 0;padding:.55rem .75rem}.status.warning{background:#fff4e5;background:var(--warning-bg);color:#b54708;color:var(--warning)}.status.info{background:#e9f2ff;color:#1d4a88}.status.success{background:#e8fff4;background:var(--success-bg);color:#067647;color:var(--success)}.landing-card{width:min(700px,100%)}.video-shortcut-layout{grid-gap:.8rem;align-items:stretch;display:grid;gap:.8rem;grid-template-columns:auto minmax(0,1fr) auto;margin-top:1rem;position:relative;width:100%}.video-shortcut-layout.player-preload{height:180px;left:-200vw;margin-top:0;opacity:0;pointer-events:none;position:fixed;top:-200vh;width:320px}.video-shortcut-layout.player-preload .shortcut-rail{display:none}.video-shortcut-layout.shortcuts-hidden{grid-template-columns:minmax(0,1fr)}.video-shortcut-layout.player-fullscreen{background:#050b16;gap:.7rem;grid-template-columns:auto minmax(0,1fr) auto;height:100vh;height:100dvh;inset:0;margin-top:0;padding:max(.45rem,env(safe-area-inset-top)) max(.45rem,env(safe-area-inset-right)) max(.45rem,env(safe-area-inset-bottom)) max(.45rem,env(safe-area-inset-left));position:fixed;z-index:1100}.video-shortcut-layout.player-fullscreen.shortcuts-hidden{grid-template-columns:minmax(0,1fr)}.video-shortcut-layout.player-fullscreen .video-wrap{aspect-ratio:auto;border-radius:.55rem;height:100%}.video-shortcut-layout.player-fullscreen .shortcut-rail{background:linear-gradient(180deg,#121e36f2,#0a1324f2);border-color:#30466f;height:100%}.video-shortcut-layout.player-fullscreen .shortcut-icon-button{background:#102142;border-color:#47608a;color:#dbe8ff}.video-shortcut-layout.player-fullscreen .shortcut-icon-button:hover{background:#18305c;border-color:#5b78a8}.fullscreen-menu{left:.62rem;position:absolute;top:.62rem;z-index:6}.fullscreen-menu-toggle{background:#081227cc;border:1px solid #b4c9ec99;border-radius:999px;color:#f3f7ff;cursor:pointer;display:grid;font:inherit;font-size:.95rem;height:2.3rem;line-height:1;place-items:center;width:2.3rem}.fullscreen-menu-toggle:hover{background:#132649eb}.fullscreen-menu-panel{grid-gap:.42rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070f21db;border:1px solid #7896d273;border-radius:.75rem;display:grid;gap:.42rem;margin-top:.45rem;max-width:min(62vw,220px);min-width:145px;padding:.42rem}.fullscreen-menu-group{grid-gap:.26rem;display:grid;gap:.26rem}.fullscreen-menu-label{color:#dbe8ff;font-size:.76rem;font-weight:600}.fullscreen-menu-button,.fullscreen-menu-select{background:#112242f0;border:1px solid #5f79aa;border-radius:.55rem;color:#eef4ff;font:inherit;font-size:.78rem;width:100%}.fullscreen-menu-select{padding:.22rem .35rem}.fullscreen-menu-button{cursor:pointer;padding:.3rem .45rem;text-align:left}.fullscreen-menu-button:hover{background:#1d3765f5}.video-wrap{aspect-ratio:16/9;background:#101a2f;border:1px solid #2f4272;border-radius:.9rem;margin-top:0;overflow:hidden;width:100%}.video-placeholder,.video-wrap iframe{border:0;height:100%;width:100%}.yt-mock-layout{display:grid;grid-template-columns:minmax(0,1fr);height:100%;width:100%}.yt-player-shell{background:#000;overflow:hidden}.yt-player-shell,.yt-player-surface,.yt-player-surface iframe{height:100%;position:relative;width:100%}.yt-player-surface iframe{z-index:1}.video-shortcut-layout.player-fullscreen .fullscreen-menu{left:max(.78rem,env(safe-area-inset-left));top:max(.78rem,env(safe-area-inset-top))}.yt-proxy-video{height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;width:100%;z-index:0}.yt-related-panel{display:none}.video-placeholder{color:#d3ddf3;display:grid;padding:1rem;place-items:center;text-align:center}.shortcut-rail{align-items:center;background:linear-gradient(180deg,#f8fbff,#eef5ff);border:1px solid #bfd0ea;border-radius:.9rem;display:flex;flex-direction:column;gap:.45rem;justify-content:center;padding:.45rem;width:3.15rem}.shortcut-icon-stack{grid-gap:.5rem;align-content:center;display:grid;gap:.5rem;margin-bottom:auto;margin-top:auto;width:100%}.shortcut-icon-button{aspect-ratio:1/1;background:#fff;border:1px solid #bfd0ea;border-radius:.6rem;color:#20314f;cursor:pointer;display:grid;font:inherit;font-weight:700;place-items:center;width:100%}.shortcut-icon-button:hover{background:#f2f8ff;border-color:#8fb0e3}.shortcut-icon-button:active{transform:translateY(1px)}.shortcut-icon-glyph{font-size:.84rem;line-height:1}.shortcut-switch-actions{display:flex;justify-content:center;margin-top:.7rem}.shortcut-switch-button{background:#f8fbff;border:1px solid #b8ccea;border-radius:.7rem;color:#20314f;cursor:pointer;font:inherit;font-weight:600;padding:.48rem .85rem}.shortcut-switch-button:hover{background:#f2f8ff;border-color:#8fb0e3}.locale-actions{margin-top:1rem;max-width:260px}.locale-select{background:#fcfdff;border:1px solid #bfd0ea;border-radius:.75rem;color:#172033;color:var(--text-main);font:inherit;padding:.65rem .8rem;width:100%}.locale-select:focus{border-color:#0f6fff;border-color:var(--focus);outline:3px solid color-mix(in srgb,#0f6fff,#fff 75%);outline:3px solid color-mix(in srgb,var(--focus),#fff 75%)}.popup-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.popup-button{background:linear-gradient(135deg,#0058cc,#0f8cd8);border:0;border-radius:.75rem;color:#fff;cursor:pointer;font:inherit;font-weight:600;padding:.7rem 1rem}.popup-button:hover{filter:brightness(1.05)}.popup-hint{color:#4c5e80;color:var(--text-sub);font-size:.9rem;margin:0}.popup-overlay{background:#070f248c;display:grid;inset:0;padding:1rem;place-items:center;position:fixed;z-index:1300}.popup-panel{background:#f8fbff;border:1px solid #c9d8f0;border-radius:1rem;box-shadow:0 30px 80px #00123473;overflow:hidden;width:min(430px,100%)}.popup-header{align-items:center;border-bottom:1px solid #dae5f5;display:flex;gap:.8rem;justify-content:space-between;padding:.75rem .85rem}.popup-header h2{font-size:.95rem;margin:0}.popup-close{background:#fff;border:1px solid #c0cfe7;border-radius:.6rem;color:#1f2f4f;cursor:pointer;font:inherit;font-weight:600;margin-left:auto;padding:.35rem .65rem}.popup-loading{color:#536487;display:grid;min-height:520px;place-items:center}.popup-iframe{background:#fff;border:0;display:block;height:auto;max-height:80vh;max-height:80dvh;width:100%}@media (max-width:640px){.card{border-radius:1rem;padding:1rem}.yt-mock-layout{grid-template-columns:1fr}.yt-related-panel{display:none}.video-shortcut-layout{gap:.5rem}.video-shortcut-layout.player-fullscreen{gap:.42rem;padding:max(.35rem,env(safe-area-inset-top)) max(.35rem,env(safe-area-inset-right)) max(.35rem,env(safe-area-inset-bottom)) max(.35rem,env(safe-area-inset-left))}.fullscreen-menu-panel{max-width:min(70vw,200px)}.fullscreen-menu-button,.fullscreen-menu-select{font-size:.74rem}.shortcut-rail{padding:.3rem .25rem;width:2.35rem}.shortcut-icon-glyph{font-size:.75rem}.shortcut-switch-actions{justify-content:stretch}.shortcut-switch-button{width:100%}.fullscreen-menu-toggle{height:2.45rem;width:2.45rem}}
/*# sourceMappingURL=main.52d344ed.css.map*/