@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap);body{-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}.landing-page{background:var(--color-bg);display:flex;flex-direction:column;min-height:100vh}.landing-main{display:flex;flex:1 1;flex-direction:column;gap:2.5rem;margin:0 auto;max-width:1120px;padding:6.5rem 2rem 5rem;width:100%}.hero{gap:3rem}.hero,.hero-copy{align-items:flex-start;display:flex;flex-direction:column}.hero-copy{gap:1.5rem;width:100%}.hero-badge{align-self:flex-start;background:#d9ff3f59;border-radius:999px;color:var(--color-dark);font-size:.85rem;font-weight:600;letter-spacing:.08em;padding:.35rem .9rem;text-transform:uppercase}.main-title{color:var(--color-dark);font-family:var(--font-display);font-size:clamp(2.75rem,4.5vw,3.8rem);line-height:1.05;margin:0}.subtitle{color:var(--color-muted);font-size:1.1rem;margin:0;max-width:520px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn{border:none;border-radius:999px;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.02em;padding:.85rem 2rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-primary{background:var(--color-dark);box-shadow:0 16px 35px #0000001f;color:#fff}.btn-primary:hover{box-shadow:0 22px 45px #00000026;transform:translateY(-2px)}.btn-secondary{background:var(--color-accent);color:var(--color-dark)}.btn-secondary:hover{box-shadow:0 18px 36px #d9ff3f73;transform:translateY(-2px)}@media (max-width:1024px){.landing-main{padding-top:6rem}}@media (max-width:768px){.landing-main{gap:3rem;padding:5.5rem 1.25rem 3.6rem}.hero{gap:2.6rem}}@media (max-width:520px){.landing-main{gap:2.6rem;padding:5rem 1rem 3.2rem}.subtitle{max-width:100%}.hero-actions{width:100%}.btn{flex:1 1 100%;text-align:center}}.navbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.navbar-container{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1120px;padding:1.2rem 2rem}.navbar-brand{align-items:center;display:flex;gap:.75rem;text-decoration:none}.brand-symbol{align-items:center;background:var(--color-accent);border-radius:14px;box-shadow:0 10px 25px #d9ff3f73;display:inline-flex;height:44px;justify-content:center;overflow:hidden;width:44px}.navbar-logo{height:26px;object-fit:contain;width:26px}.brand-name{color:var(--color-dark);font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:.02em}.navbar-nav{flex:1 1}.navbar-menu{align-items:center;display:flex;gap:1.5rem;justify-content:flex-end}.navbar-link{color:var(--color-muted);font-size:.95rem;font-weight:500;transition:color .25s ease}.navbar-btn,.navbar-link:hover{color:var(--color-dark)}.navbar-btn{background:#0000;border:1px solid var(--color-dark);border-radius:999px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.65rem 1.6rem;transition:all .25s ease}.navbar-btn:hover{background:var(--color-dark);box-shadow:0 10px 24px #1011141a;color:#fff;transform:translateY(-1px)}@media (max-width:900px){.navbar-container{gap:1.5rem;padding:1rem 1.5rem}.navbar-menu{gap:1.25rem}}@media (max-width:768px){.navbar-container{gap:1.1rem;padding:.9rem 1.2rem}.brand-symbol{height:40px;width:40px}.navbar-logo{height:24px;width:24px}.brand-name{font-size:1.15rem}.navbar-btn{flex-shrink:0;font-size:.9rem;padding:.55rem 1.3rem}}@media (max-width:820px){.navbar-nav{display:none}.navbar-btn{margin-left:auto}}.footer{background:var(--color-dark);color:#ffffffd1;margin-top:auto;padding:4rem 0 2.5rem}.footer-container{display:flex;flex-direction:column;gap:3rem;margin:0 auto;max-width:1120px;padding:0 2rem}.footer-content{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.footer-section h3,.footer-section h4{color:#fff;font-family:var(--font-display);font-weight:600;margin:0 0 1rem}.footer-section p{color:#ffffffa3;line-height:1.6;margin:0}.footer-links{grid-gap:.6rem;display:grid;gap:.6rem;list-style:none;margin:0;padding:0}.footer-links a{color:#ffffffb8;font-weight:500;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--color-accent)}.footer-bottom{border-top:1px solid #ffffff1f;color:#ffffff80;font-size:.9rem;padding-top:1.5rem}.footer-bottom p{margin:0}@media (max-width:600px){.footer-container{padding:0 1.5rem}}.bumpups{padding:0 0 1rem;scroll-margin-top:96px}.bumpups-container{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:1120px;padding:0}.bumpups-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.5rem 3rem;justify-content:space-between}.header-title{display:flex;flex-direction:column;gap:1rem;max-width:360px}.section-tag{align-self:flex-start;background:var(--color-accent);border-radius:999px;color:var(--color-dark);font-size:.85rem;font-weight:600;letter-spacing:.08em;padding:.3rem .8rem;text-transform:uppercase}.bumpups-title{color:var(--color-dark);font-family:var(--font-display);font-size:2.2rem;line-height:1.2;margin:0}.bumpups-subtitle{color:var(--color-muted);font-size:1rem;margin:0;max-width:520px}.bumpups-grid{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.bumpup-card{border-radius:var(--radius-large);display:flex;flex-direction:column;gap:1.6rem;padding:1.4rem;position:relative;transition:transform .25s ease,box-shadow .25s ease}.bumpup-card.light{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);color:var(--color-text)}.bumpup-card.accent{background:var(--color-accent);box-shadow:none;color:var(--color-dark)}.bumpup-card.dark{background:var(--color-dark);box-shadow:var(--shadow-strong);color:#fff}.bumpup-card:hover{box-shadow:var(--shadow-strong);transform:translateY(-6px)}.bumpup-card.dark:hover{box-shadow:0 32px 60px #10111452}.card-body{display:flex;flex-direction:column;gap:1rem}.bumpup-card h3{font-size:1.3rem;font-weight:600;margin:0}.bumpup-card.light p{color:var(--color-muted)}.bumpup-card.accent p{color:#101114b8}.bumpup-card.dark p{color:#ffffffbf}.learn-more{align-items:center;color:inherit;display:inline-flex;font-size:.95rem;font-weight:600;gap:.75rem;margin-top:auto;text-decoration:none}.learn-more:hover{transform:translateX(4px)}.learn-icon{align-items:center;background:var(--color-dark);border-radius:50%;color:#fff;display:inline-flex;font-size:1.1rem;height:38px;justify-content:center;transition:transform .25s ease;width:38px}.bumpup-card.dark .learn-icon{background:var(--color-accent);color:var(--color-dark)}.bumpup-card.accent .learn-icon{background:var(--color-dark);color:#fff}.learn-more:hover .learn-icon{transform:translateX(4px)}@media (max-width:900px){.bumpups-header{align-items:flex-start}.bumpups-subtitle{max-width:100%}}@media (max-width:640px){.bumpups{padding:0;scroll-margin-top:80px}.bumpup-card{padding:2rem}}.timestamp-section{padding:2rem 0 6rem;scroll-margin-top:96px}.timestamp-container{gap:2.8rem;margin:0 auto;max-width:1120px;padding:3.5rem}.time-tracker-card,.timestamp-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);display:flex;flex-direction:column}.time-tracker-card{gap:1.75rem;padding:2.5rem}.time-tracker-header{display:flex;flex-direction:column;gap:.5rem}.time-tracker-title{color:var(--color-dark);font-family:var(--font-display);font-size:1.7rem;letter-spacing:-.01em;margin:0}.time-tracker-subtitle{color:var(--color-muted);font-size:.92rem;margin:0}.timestamp-headline{display:flex;flex-direction:column;gap:.9rem;max-width:520px}.timestamp-tool-card{background:#15161b;border-radius:var(--radius-large);box-shadow:0 32px 80px #0a0b0f52;color:#f5f6fc;display:flex;flex-direction:column;gap:1.75rem;margin-top:1.5rem;padding:2.5rem 2.3rem;scroll-margin-top:96px;width:100%}.timestamp-tool-card-head h3{color:#fff;font-size:1.45rem;font-weight:600;margin:0 0 .65rem}.timestamp-tool-card-head p{color:#f5f6fcb8;font-size:.98rem;margin:0;max-width:520px}.timestamp-tool-link{color:var(--color-accent);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.hero-tool-form{width:100%}.hero-tool-input-group{align-items:center;background:#111217d9;border:1px solid #ffffff14;border-radius:18px;display:flex;gap:.9rem;padding:.5rem}.hero-tool-input-group input{background:#0a0b0fb3;border:1px solid #ffffff1a;border-radius:14px;color:#f7f8ff;flex:1 1;font-size:.95rem;letter-spacing:.01em;outline:none;padding:.95rem 1.3rem}.hero-tool-input-group input::placeholder{color:#f7f8ff80}.hero-tool-input-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #d9ff3f33}.hero-tool-input-group input[aria-invalid=true]{border-color:#ff8585;box-shadow:0 0 0 3px #ff858540}.hero-tool-submit{background:var(--color-accent);border:none;border-radius:14px;color:var(--color-dark);cursor:pointer;font-size:.95rem;font-weight:600;padding:.95rem 1.8rem;transition:transform .2s ease,box-shadow .2s ease}.hero-tool-submit:hover{box-shadow:0 22px 45px #d9ff3f73;transform:translateY(-1px)}.hero-tool-submit:active{transform:translateY(0)}.hero-tool-error{color:#ff8585;font-size:.85rem;margin:.65rem 0 0}.video-preview{align-items:center;background:#111217e6;border:1px solid #ffffff0f;border-radius:var(--radius-large);box-shadow:0 28px 72px #0a0b0f66;display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem;padding:1.75rem;text-align:center}.video-preview img{border-radius:1rem;box-shadow:0 22px 60px #0a0b0f8c;max-width:560px;object-fit:cover;width:100%}.video-preview.loading{color:#f5f6fcbf;font-size:.95rem;font-weight:500}.video-title{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:-.01em;margin:0}.generate-timestamps-actions{align-items:center;display:flex;flex-direction:column;gap:.85rem;width:100%}.hero-tool-submit.secondary{background:#0000;border:1px solid #f5f6fc66;box-shadow:none;color:#f5f6fc}.hero-tool-submit.secondary:hover{box-shadow:0 18px 40px #f5f6fc2e}.hero-tool-submit.secondary:disabled{cursor:not-allowed;opacity:.65;transform:none}.loading-label{gap:.45rem}.loading-dots,.loading-label{align-items:center;display:inline-flex}.loading-dots{gap:.22rem}.loading-dots span{animation:loading-bounce 1s ease-in-out infinite;background:currentColor;border-radius:50%;height:.35rem;opacity:.2;width:.35rem}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes loading-bounce{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-.35rem)}}.hero-tool-feedback{color:#f5f6fcc7;font-size:.88rem;margin:0;text-align:center}.hero-tool-feedback.error{color:#ff8585}.hero-tool-feedback.success{color:#d9ff3f}.hero-tool-feedback.info{color:#f5f6fcc7}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.section-tag.subtle{background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-dark)}.timestamp-title{color:var(--color-dark);font-family:var(--font-display);font-size:2.1rem;line-height:1.25;margin:0}.timestamp-intro{color:var(--color-muted);font-size:1rem;margin:0}.timestamp-display{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.time-card{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:inset 0 0 0 1px #fff6;display:flex;flex-direction:column;gap:1.2rem;padding:2.4rem}.card-heading{align-items:center;display:flex;gap:1rem;justify-content:space-between}.time-card h3{color:var(--color-dark);font-size:1.05rem;font-weight:600;margin:0}.card-label{background:var(--color-dark);border-radius:999px;color:#fff;font-size:.75rem;letter-spacing:.06em;padding:.25rem .75rem;text-transform:uppercase}.time-display{color:var(--color-dark);font-family:Space Grotesk,Courier New,monospace;font-size:2.6rem;font-weight:600;letter-spacing:.12em}.timestamp-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.timestamp-btn{border:none;border-radius:999px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.85rem 2.3rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.timestamp-btn.start{background:var(--color-accent);box-shadow:0 18px 36px #d9ff3f59;color:var(--color-dark)}.timestamp-btn.start:hover{box-shadow:0 22px 42px #d9ff3f73;transform:translateY(-2px)}.timestamp-btn.stop{background:var(--color-dark);box-shadow:0 18px 36px #10111440;color:#fff}.timestamp-btn.stop:hover{box-shadow:0 24px 48px #10111452;transform:translateY(-2px)}.tracking-hint{color:var(--color-muted);font-size:.9rem;margin:0}@media (max-width:768px){.timestamp-section{padding:3.5rem 0 3.6rem;scroll-margin-top:88px}.timestamp-container{border-radius:28px;gap:2.2rem;padding:2.15rem}.timestamp-headline{gap:.8rem}.timestamp-title{font-size:1.95rem}.timestamp-intro{font-size:.97rem}.timestamp-tool-card{gap:1.4rem;padding:1.8rem 1.45rem;scroll-margin-top:88px}.timestamp-tool-card-head p{font-size:.95rem;line-height:1.55}.hero-tool-input-group{align-items:stretch;flex-direction:column;gap:.65rem;padding:.7rem}.hero-tool-submit{width:100%}.hero-tool-error{text-align:left}.video-preview{gap:1.1rem;padding:1.45rem}.time-tracker-card{gap:1.5rem;padding:1.9rem}.time-card{padding:1.8rem}}@media (max-width:540px){.timestamp-container{border-radius:24px;padding:1.75rem}.timestamp-title{font-size:1.8rem}.timestamp-intro{font-size:.92rem}.timestamp-tool-card{gap:1.25rem;padding:1.55rem 1.3rem}.hero-tool-input-group input{font-size:.9rem;padding:.82rem 1.05rem}.hero-tool-submit{padding:.85rem 1.15rem}.video-preview img{border-radius:.85rem}.time-tracker-title{font-size:1.5rem}.time-card{padding:1.55rem}.time-display{font-size:2.2rem}.timestamp-controls{align-items:stretch;flex-direction:column}.timestamp-btn{width:100%}.timestamp-btn,.tracking-hint{text-align:center}}@media (max-width:480px){.time-tracker-card{gap:1.15rem;padding:1.5rem}.time-card{gap:.9rem;padding:1.4rem}.time-card .card-heading h3{font-size:.95rem}.time-card .card-label{font-size:.68rem;letter-spacing:.04em;padding:.2rem .6rem}.time-card .time-display{font-size:1.9rem;letter-spacing:.08em}}.stamp-pop-video{align-items:center;display:flex;gap:1.1rem;margin-bottom:1.5rem}.stamp-pop-video-thumb{align-items:center;background:#11121714;border:1px solid #1112170f;border-radius:12px;display:flex;height:68px;justify-content:center;overflow:hidden;width:120px}.stamp-pop-video-thumb img{height:100%;object-fit:cover;width:100%}.stamp-pop-video-thumb-fallback{color:#11121773;font-size:.78rem;font-weight:600;letter-spacing:.05em}.stamp-pop-video-info{display:flex;flex-direction:column;gap:.35rem}.stamp-pop-video-title{color:var(--color-dark);font-size:1.05rem;font-weight:600;letter-spacing:-.01em;margin:0}.stamp-pop-generated{color:var(--color-muted);font-size:.85rem;margin:0}.stamp-pop-list li{overflow:hidden}.stamp-pop-list-item{border-radius:inherit;cursor:pointer;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.stamp-pop-list-item:hover{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px #fff9,0 4px 12px #0a0b0f1f;transform:translateY(-.5px)}.stamp-pop-list-item:focus-visible{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px #fff9,0 0 0 2px #d9ff3f66,0 4px 12px #0a0b0f1f;outline:none;transform:translateY(-.5px)}.stamp-pop-list-item:active{transform:translateY(0)}.stamp-pop-empty{background:#1112170a;border:1px dashed var(--color-border);border-radius:var(--radius-medium);color:var(--color-muted);font-size:.92rem;margin:0;padding:1.25rem;text-align:center}@media (max-width:640px){.stamp-pop-card{padding:2rem}.stamp-pop-list li{gap:.65rem;grid-template-columns:1fr}.stamp-pop-time{font-size:.95rem}}.stamp-pop-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0b0fb8;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:9999}.stamp-pop-lock{overflow:hidden}.stamp-pop-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:0 36px 90px #0a0b0f52;color:var(--color-dark);display:flex;flex-direction:column;gap:1.75rem;padding:2.5rem;width:min(640px,100%)}.stamp-pop-header{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between}.stamp-pop-tag{align-items:center;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);display:inline-flex;font-size:.75rem;font-weight:600;gap:.45rem;letter-spacing:.08em;margin:0 0 .35rem;padding:.3rem .85rem;text-transform:uppercase}.stamp-pop-title{font-family:var(--font-display);font-size:1.8rem;letter-spacing:-.01em;margin:0}.stamp-pop-link{color:var(--color-accent);display:inline-block;font-size:.9rem;font-weight:600;margin-top:.35rem;text-decoration:underline;text-underline-offset:4px}.stamp-pop-close{background:#0a0b0f0f;border:none;border-radius:12px;color:var(--color-dark);cursor:pointer;font-size:1.1rem;font-weight:600;height:40px;transition:transform .2s ease,box-shadow .2s ease;width:40px}.stamp-pop-close:hover{box-shadow:0 16px 32px #0a0b0f2e;transform:translateY(-1px)}.stamp-pop-meta{display:flex;flex-wrap:wrap;gap:.75rem}.stamp-pop-pill{background:#1112170f;border:1px solid #11121714;border-radius:999px;color:var(--color-muted);font-size:.85rem;font-weight:600;padding:.45rem .95rem}.stamp-pop-body{max-height:320px;overflow:auto;padding-right:.4rem}.stamp-pop-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.stamp-pop-list li{grid-gap:1.1rem;align-items:start;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:inset 0 0 0 1px #ffffff73;display:grid;gap:1.1rem;grid-template-columns:115px 1fr;padding:1rem 1.2rem}.stamp-pop-time{color:var(--color-dark);font-family:Space Grotesk,Courier New,monospace;font-size:1rem;font-weight:600;letter-spacing:.08em}.stamp-pop-label{color:var(--color-muted);font-size:.95rem}.stamp-pop-footer{display:flex;flex-wrap:wrap;gap:.75rem}.stamp-pop-copy,.stamp-pop-secondary{border:none;border-radius:999px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.85rem 1.8rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.stamp-pop-copy{background:var(--color-accent);box-shadow:0 20px 44px #d9ff3f66;color:var(--color-dark)}.stamp-pop-copy:hover{box-shadow:0 26px 64px #d9ff3f80;transform:translateY(-1px)}.stamp-pop-secondary{background:var(--color-dark);box-shadow:0 20px 44px #10111440;color:#fff}.stamp-pop-secondary:hover{box-shadow:0 26px 54px #10111452;transform:translateY(-1px)}.stamp-pop-feedback{color:#111217bf;font-size:.85rem;font-weight:500;margin:0;text-align:right}.stamp-pop-feedback.success{color:#61a640}.stamp-pop-feedback.error{color:#ff5d5d}@media (max-width:640px){.stamp-pop-card{padding:2rem}.stamp-pop-list li{gap:.65rem;grid-template-columns:1fr}.stamp-pop-time{font-size:.95rem}.stamp-pop-video{align-items:flex-start;flex-direction:column}.stamp-pop-video-thumb{height:160px;width:100%}}.video-list-card,.video-list-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:1.75rem;padding:2.5rem}.video-list-section{margin:2.5rem auto 0;max-width:1120px;scroll-margin-top:96px}.video-list-card{width:100%}.video-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.video-list-header-copy{display:flex;flex-direction:column;gap:.5rem}.video-list-heading{color:var(--color-dark);font-family:var(--font-display);font-size:1.7rem;letter-spacing:-.01em;margin:0}.video-list-subheading{color:var(--color-muted);font-size:.92rem;margin:0}.video-list-refresh{background:var(--color-dark);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.6rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.video-list-refresh:hover:not(:disabled){box-shadow:0 18px 38px #10111447;transform:translateY(-1px)}.video-list-refresh:disabled{cursor:not-allowed;opacity:.65}.video-list-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));list-style:none;margin:0;padding:0}.video-list-card .video-list-grid{display:flex;flex-direction:column;gap:1.25rem}.video-list-item{margin:0}.video-list-button{align-items:stretch;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:inset 0 0 0 1px #ffffff80;cursor:pointer;display:flex;flex-direction:column;gap:1.2rem;padding:1.6rem;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border .2s ease;width:100%}.video-list-card .video-list-button{align-items:center;flex-direction:row;gap:1.5rem;padding:1.4rem 1.8rem}.video-list-button:hover{border-color:#d9ff3fa6;box-shadow:0 22px 44px #0a0b0f47;transform:translateY(-2px)}.video-list-thumbnail{align-items:center;background:#11121714;border-radius:16px;display:flex;height:160px;justify-content:center;overflow:hidden;position:relative;width:100%}.video-list-card .video-list-thumbnail{box-shadow:0 14px 32px #0a0b0f40;flex:0 0 220px;height:130px;width:220px}.video-list-thumbnail img{height:100%;object-fit:cover;width:100%}.video-list-thumbnail-fallback{color:#11121773;font-size:.85rem;font-weight:600;letter-spacing:.06em}.video-list-content{display:flex;flex-direction:column;gap:.65rem}.video-list-card .video-list-content{flex:1 1;gap:.8rem}.video-list-title{color:var(--color-dark);font-size:1.1rem;font-weight:600;letter-spacing:-.01em;margin:0}.video-list-card .video-list-title{font-size:1.05rem}.video-list-footer{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.video-list-card .video-list-footer,.video-list-meta{align-items:center}.video-list-meta{display:flex;flex-wrap:wrap;gap:.5rem}.video-list-meta-value{color:var(--color-muted);font-size:.85rem}.video-list-meta-pill{align-items:center;background:#11121714;border:1px solid #1112171a;border-radius:999px;color:var(--color-muted);display:inline-flex;font-size:.8rem;font-weight:600;gap:.25rem;padding:.35rem .9rem}.video-list-delete{background:#0000;border:none;border-radius:999px;color:#11121766;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:.25rem .9rem;transition:color .2s ease,background .2s ease,transform .2s ease}.video-list-delete:focus-visible,.video-list-delete:hover{background:#11121714;color:var(--color-dark);transform:translateY(-1px)}.video-list-delete:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.video-list-empty{background:#1112170a;border:1px dashed var(--color-border);border-radius:var(--radius-medium);padding:2rem;text-align:center}.video-list-empty p{color:var(--color-muted);font-size:.95rem;margin:0}@media (max-width:768px){.video-list-card,.video-list-section{padding:1.8rem}.video-list-button{padding:1.2rem}.video-list-card .video-list-button{align-items:stretch;flex-direction:column;gap:1rem}.video-list-card .video-list-thumbnail{height:170px;width:100%}}@media (max-width:520px){.video-list-card,.video-list-section{padding:1.5rem}.video-list-thumbnail{height:135px}.video-list-meta{align-items:flex-start;flex-direction:column;gap:.4rem}.video-list-card .video-list-thumbnail{height:150px}.video-list-title{font-size:1rem}.video-list-content{gap:.6rem}}:root{--color-bg:#f4f6fb;--color-surface:#fff;--color-surface-alt:#f0f3f9;--color-text:#121417;--color-muted:#5f646d;--color-dark:#101114;--color-accent:#d9ff3f;--color-border:#e2e6ee;--shadow-soft:0 18px 45px #10111414;--shadow-strong:0 32px 60px #1011141f;--radius-large:32px;--radius-medium:20px;--font-display:"Space Grotesk","Segoe UI",sans-serif;--font-body:"Inter","Segoe UI",sans-serif}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#f4f6fb;background:var(--color-bg);color:#121417;color:var(--color-text);font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-body);line-height:1.6;margin:0}.App{min-height:100vh}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}button{font-family:inherit}
/*# sourceMappingURL=main.c35ef79b.css.map*/