:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, -apple-system, sans-serif;--mono:ui-monospace, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}*{box-sizing:border-box}body{font-family:var(--sans);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}.container{text-align:center;max-width:1000px;margin:0 auto;padding:40px 20px}h1{color:var(--text-h);letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(2.5rem,8vw,3.5rem)}.description{max-width:600px;margin:0 auto 3rem;font-size:clamp(1rem,4vw,1.25rem)}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:2rem;display:grid}.tool-card{background:var(--bg);border:1px solid var(--border);color:inherit;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;align-items:center;padding:40px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.tool-card:hover{border-color:var(--accent);transform:translateY(-8px)}.tool-icon{margin-bottom:1.5rem;font-size:4rem}.tool-card h2{color:var(--text-h);margin:0 0 12px;font-size:1.5rem}.settings-row{flex-direction:column;align-items:center;gap:16px;margin-bottom:2rem;display:flex}.duration-input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);text-align:center;border-radius:10px;width:100%;max-width:200px;padding:12px 16px;font-size:1.1rem}.button{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:auto;min-width:200px;padding:16px 32px;font-size:1.1rem;font-weight:600;transition:all .2s;display:inline-flex}.button:hover{opacity:.9;transform:scale(1.02)}.button.secondary{background-color:#27ae60}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.status-container{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:16px;margin:2rem 0;padding:24px}.progress-bar{background:var(--border);border-radius:5px;width:100%;height:10px;margin:12px 0;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .3s}.chunks-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:3rem;display:grid}.chunk-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.chunk-info{justify-content:space-between;align-items:center;padding:16px;display:flex}.download-link{color:var(--accent);font-weight:700;text-decoration:none}.back-link{color:var(--accent);margin-bottom:2rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-flex}@media (width<=600px){.container{padding:30px 16px}.button{width:100%}.duration-input{max-width:100%}.tool-card{padding:32px 16px}.chunks-grid{grid-template-columns:1fr}.chunk-info{text-align:center;flex-direction:column;gap:12px}}.player-container{width:100%;max-width:1000px;box-shadow:var(--shadow);background:#000;border-radius:16px;justify-content:center;align-items:center;min-height:500px;margin:0 auto;display:flex;position:relative;overflow:hidden}.player-container video{outline:none;width:100%;height:100%;max-height:80vh}.drop-overlay{color:#fff;z-index:10;border:4px dashed var(--accent);background:#000c;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drop-overlay h2{color:#fff;margin-bottom:20px}.player-empty-state{color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.player-empty-state .icon{margin-bottom:1rem;font-size:4rem}