@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #050506;--bg-elev: #0c0c0e;--panel: #111113;--panel-2: #16161a;--border: #27272a;--border-strong: #3f3f46;--text: #fafafa;--muted: #a1a1aa;--faint: #71717a;--accent: #38bdf8;--accent-2: #818cf8;--good: #4ade80;--danger: #fb7185;--warn: #fbbf24;--radius: 12px;--radius-lg: 16px;--shadow: 0 0 0 1px rgba(255,255,255,.04), 0 20px 50px rgba(0,0,0,.45);--font: "IBM Plex Sans JP", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--max: 1120px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font);background:radial-gradient(900px 480px at 12% -8%,rgba(56,189,248,.08),transparent 55%),radial-gradient(700px 400px at 92% 0%,rgba(129,140,248,.07),transparent 50%),var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}code,.mono{font-family:var(--mono);font-size:.88em}.hidden{display:none!important}.shell{width:min(720px,calc(100% - 2rem));margin:0 auto;padding:1.15rem 0 3.5rem;min-height:100vh;display:flex;flex-direction:column}.wide-shell,.watch-shell{width:min(var(--max),calc(100% - 2rem))}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2.25rem;padding:.65rem .15rem;flex-wrap:wrap;border-bottom:1px solid transparent}.logo{display:inline-flex;align-items:center;gap:.65rem;font-weight:700;letter-spacing:-.04em}.logo-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#38bdf8,#6366f1);box-shadow:0 0 0 1px #ffffff1f,0 8px 20px #38bdf840;position:relative}.logo-mark:after{content:"";position:absolute;inset:8px 9px 8px 11px;background:#0a0a0b;clip-path:polygon(0 0,0 100%,100% 50%)}.logo-text{font-size:1.05rem}.logo-text span{color:var(--faint);font-weight:500;margin-left:1px}.top-nav{display:flex;gap:.2rem;flex-wrap:wrap}.top-link{color:var(--muted);font-size:.875rem;font-weight:500;padding:.45rem .8rem;border-radius:999px;border:1px solid transparent;transition:color .15s,background .15s,border-color .15s}.top-link:hover{color:var(--text);background:#ffffff08}.top-link.active{color:var(--text);border-color:var(--border);background:var(--panel)}.page-title,.hero-upload h1{margin:0 0 .55rem;font-size:clamp(1.55rem,3.6vw,2.15rem);letter-spacing:-.04em;line-height:1.2;font-weight:700}.sub{margin:0 0 1.35rem;color:var(--muted);font-size:.95rem;max-width:52ch}.sub code{color:var(--accent)}.controls-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem;padding:1rem;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.ctrl{display:flex;flex-direction:column;gap:.3rem;font-size:.72rem;color:var(--faint);font-weight:600;letter-spacing:.02em}.ctrl select,.ctrl input,.login-form input,.search-input,.result-row input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:.55rem .7rem;font-size:.9rem;font-family:var(--font);outline:none;transition:border-color .15s,box-shadow .15s}.ctrl select:focus,.ctrl input:focus,.login-form input:focus,.search-input:focus,.result-row input:focus{border-color:#38bdf88c;box-shadow:0 0 0 3px #38bdf81f}.split-opts{display:contents}.dropzone{border:1.5px dashed var(--border-strong);background:linear-gradient(180deg,var(--panel-2),var(--panel));border-radius:calc(var(--radius-lg) + 2px);padding:2.6rem 1.25rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.dropzone:hover,.dropzone.drag,.dropzone:focus-visible{border-color:#38bdf88c;background:#12141a;outline:none}.dropzone.busy{opacity:.55;pointer-events:none}.dz-icon{width:52px;height:52px;margin:0 auto .95rem;display:grid;place-items:center;border-radius:14px;background:#38bdf81a;border:1px solid rgba(56,189,248,.22);font-size:1.25rem;color:var(--accent)}.dz-title{margin:0 0 .35rem;font-weight:600;font-size:1rem}.dz-hint{margin:0;color:var(--faint);font-size:.82rem}.batch-status{margin:.9rem 0 0;color:var(--muted);font-size:.88rem}.overall-progress{margin-top:.85rem;padding:.85rem 1rem;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border)}.overall-progress .label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);margin-bottom:.4rem}.progress-bar{height:7px;background:#1c1c1f;border-radius:999px;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#38bdf8,#818cf8);transition:width .12s linear}.error{margin-top:.85rem;padding:.75rem .9rem;border-radius:10px;background:#fb718514;border:1px solid rgba(251,113,133,.3);color:#fecdd3;font-size:.88rem}.results-wrap{margin-top:1.15rem}.result-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.result-list{display:flex;flex-direction:column;gap:.75rem}.upload-card{padding:1rem 1.05rem;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.upload-card-head{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline;margin-bottom:.5rem}.upload-card-head .fname{word-break:break-all;font-size:.9rem}.upload-card-head .ustatus{color:var(--faint);font-size:.78rem;flex-shrink:0}.upload-card .upct{margin:.3rem 0 .45rem;color:var(--faint);font-size:.78rem}.result-label{margin:.75rem 0 .4rem;color:var(--faint);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.result-label.accent{color:var(--accent)}.result-row{display:flex;gap:.45rem;margin-bottom:.45rem}.result-row input{flex:1;min-width:0}.result-row.big input{border-color:#38bdf847;font-family:var(--mono);font-size:.82rem}.btn{appearance:none;border:0;cursor:pointer;background:#fafafa;color:#09090b;font-weight:700;border-radius:10px;padding:.62rem .95rem;font-size:.875rem;font-family:var(--font);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;transition:filter .12s,transform .12s}.btn:hover{filter:brightness(.96)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border);font-weight:600}.btn.ghost:hover{border-color:var(--border-strong);background:#ffffff08}.btn.wide{width:100%;margin:.3rem 0}.btn.primary-lg{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#041018;min-width:7.5rem}.btn.tiny{padding:.32rem .55rem;font-size:.75rem;border-radius:8px}.btn.danger{background:#fb71851f;color:#fecdd3;border:1px solid rgba(251,113,133,.32)}.text-btn{appearance:none;background:none;border:0;color:var(--muted);cursor:pointer;width:100%;padding:.65rem;font-size:.85rem;font-family:var(--font)}.text-btn:hover{color:var(--text)}.foot{margin-top:auto;padding-top:2.75rem;color:var(--faint);font-size:.78rem;text-align:center}.foot a{color:var(--muted)}.foot a:hover{color:var(--text)}.history-block{margin-top:2.4rem}.section-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem;flex-wrap:wrap}.section-row h2{margin:0;font-size:1rem;letter-spacing:-.02em}.section-row a{color:var(--muted);font-size:.85rem}.section-row a:hover{color:var(--accent)}.history-list{display:flex;flex-direction:column;gap:.5rem}.hist-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.8rem .9rem;border-radius:12px;background:var(--panel);border:1px solid var(--border)}.hist-row strong{display:block;font-size:.88rem;word-break:break-all}.muted-line,.empty-hint{color:var(--faint);font-size:.8rem;margin:.15rem 0 0}.hist-actions{display:flex;gap:.3rem;flex-shrink:0}.empty-state{text-align:center;padding:3rem 1.25rem;border:1px dashed var(--border);border-radius:var(--radius-lg);background:#ffffff03}.empty-state h3{margin:0 0 .4rem;font-size:1.05rem}.empty-state p{margin:0 0 1rem;color:var(--muted);font-size:.9rem}.player-frame{background:#000;border-radius:18px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow)}.player-frame video{display:block;width:100%;max-height:72vh;background:#000}.watch-meta{margin-top:1.1rem}.watch-meta h1{margin:0 0 .35rem;font-size:1.2rem;word-break:break-all;letter-spacing:-.02em}.meta-line{margin:0 0 1.1rem;color:var(--muted);font-size:.86rem}.loading,.missing{text-align:center;margin-top:4rem;color:var(--muted)}.missing h1{color:var(--text);margin-bottom:.45rem}.missing .btn{margin-top:1rem;display:inline-flex}.pill{display:inline-flex;padding:.22rem .65rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:.78rem}.stats-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem}.stat-chip{padding:.55rem .8rem;border-radius:10px;background:var(--panel);border:1px solid var(--border);min-width:110px}.stat-chip b{display:block;font-size:1.05rem;letter-spacing:-.02em}.stat-chip span{color:var(--faint);font-size:.72rem}.yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:.35rem}.yt-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:var(--panel);border:1px solid var(--border);transition:transform .15s,border-color .15s,box-shadow .15s}.yt-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 16px 40px #00000059}.yt-thumb{position:relative;aspect-ratio:16/9;background:#09090b;overflow:hidden}.yt-thumb img,.yt-thumb video{width:100%;height:100%;object-fit:cover;display:block}.yt-thumb .dur{position:absolute;right:.45rem;bottom:.45rem;background:#000000d1;color:#fff;font-size:.7rem;padding:.15rem .4rem;border-radius:4px;font-family:var(--mono)}.yt-body{padding:.8rem .85rem .95rem}.yt-body h3{margin:0 0 .3rem;font-size:.92rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.yt-body p{margin:0;color:var(--faint);font-size:.78rem}.skel-card{border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--panel)}.skel{background:linear-gradient(90deg,#16161a,#1c1c22,#16161a);background-size:200% 100%;animation:shimmer 1.2s infinite}.skel.thumb{aspect-ratio:16/9}.skel.line{height:12px;margin:12px 12px 8px;border-radius:6px}.skel.line.short{width:45%;margin-bottom:14px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.login-panel{max-width:420px;margin:2rem auto 0;padding:1.5rem;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.login-form{display:flex;gap:.5rem;flex-wrap:wrap}.login-form input{flex:1;min-width:160px}.admin-tools{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.admin-toolbar{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin-bottom:.85rem}.search-input{min-width:min(280px,100%);flex:1}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.admin-table{width:100%;border-collapse:collapse;font-size:.84rem}.admin-table th,.admin-table td{padding:.65rem .7rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.admin-table th{color:var(--faint);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;background:#0e0e11;position:sticky;top:0}.admin-table tr:hover td{background:#ffffff04}.admin-table tr:last-child td{border-bottom:0}.admin-table tr.selected td{background:#38bdf80f}.name-cell{max-width:240px;word-break:break-all}.actions-cell{display:flex;flex-wrap:wrap;gap:.28rem}.admin-table input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}.toast-host{position:fixed;right:1rem;bottom:1rem;z-index:100;display:flex;flex-direction:column;gap:.45rem;pointer-events:none}.toast{pointer-events:auto;min-width:220px;max-width:min(360px,calc(100vw - 2rem));padding:.75rem .95rem;border-radius:10px;background:#18181b;border:1px solid var(--border);color:var(--text);font-size:.86rem;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:none}.toast-ok{border-color:#4ade8059}.toast-err{border-color:#fb718566;color:#fecdd3}@media (max-width: 640px){.result-row{flex-direction:column}.controls-panel{grid-template-columns:1fr 1fr}.hist-row{flex-direction:column;align-items:flex-start}}.admin-tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin:.5rem 0 1rem}.admin-tabs .tab{appearance:none;border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:999px;padding:.4rem .85rem;cursor:pointer;font-family:var(--font);font-size:.85rem}.admin-tabs .tab.active{color:var(--text);background:var(--panel);border-color:var(--border-strong)}.tab-panel{margin-top:.25rem}.ctrl-select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:.45rem .6rem;font-family:var(--font)}.admin-thumb{width:56px;height:32px;object-fit:cover;border-radius:6px;background:#111;display:block}.admin-thumb.ph{background:linear-gradient(135deg,#1a1a1f,#111)}.settings-form{display:flex;flex-direction:column;gap:.75rem;max-width:560px}.settings-form h2{margin:.5rem 0 0;font-size:1rem}.settings-form textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:.6rem;font-family:var(--mono);font-size:.85rem}.edit-dialog{border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);padding:1.25rem;max-width:min(560px,calc(100vw - 2rem))}.edit-dialog::backdrop{background:#000000a6}.backup-checklist{margin-top:1rem;padding:1rem;border-radius:12px;border:1px solid var(--border);background:var(--panel)}.backup-checklist h3{margin:0 0 .5rem;font-size:.95rem}.backup-checklist label{display:flex;gap:.5rem;align-items:center;color:var(--muted);font-size:.88rem;margin:.35rem 0}.yt-card-wrap{position:relative}.yt-card-wrap .pick{position:absolute;z-index:2;top:.45rem;left:.45rem;background:#0000008c;border-radius:6px;padding:.15rem .25rem}.copy-sheet{position:fixed;inset:0;z-index:9999;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;padding:16px}.copy-sheet-panel{width:min(640px,100%);background:#12141a;border:1px solid #2a2f3a;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;max-height:85vh}.copy-sheet-head{display:flex;justify-content:space-between;align-items:center}.copy-sheet textarea{width:100%;min-height:220px;resize:vertical;font-family:ui-monospace,monospace;font-size:12px;background:#0b0d11;color:#e8eaed;border:1px solid #2a2f3a;border-radius:10px;padding:10px;line-height:1.45;white-space:pre;overflow:auto}