.loop-player{max-width:1100px;margin:0 auto;position:relative}.loop-player__video{margin-bottom:20px}.youtube-embed{position:relative;width:100%;padding-bottom:56.25%;background:var(--bg-panel);border-radius:var(--radius-md);overflow:hidden}.youtube-embed__player{position:absolute;top:0;left:0;width:100%;height:100%}.loop-player__controls{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px}.input-group{margin-bottom:12px}.input-group label{display:block;font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:4px;font-weight:500}.input-row{display:flex;gap:8px}.input-row input{flex:1;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;outline:none;transition:border-color .2s}.input-row input:focus{border-color:var(--accent-primary)}.time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-weight:600;transition:var(--transition);white-space:nowrap}.btn-primary{background:var(--accent-primary);color:#fff;padding:8px 16px;font-size:var(--text-sm)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;font-size:var(--text-sm);width:100%;margin:12px 0}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.btn-danger{background:var(--danger);color:#fff;padding:8px 16px;font-size:var(--text-sm)}.btn-small{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 10px;font-size:var(--text-xs)}.btn-small:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.btn-text{background:none;border:none;color:var(--accent-primary);padding:4px 8px;font-size:var(--text-xs)}.btn-text:hover{color:var(--accent-hover)}.loop-actions{display:flex;align-items:center;gap:16px;margin-top:16px}.loop-counter{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-secondary)}.current-time{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:8px;font-family:monospace}.loop-player__tabs{display:flex;gap:4px;margin-top:16px;border-bottom:1px solid var(--border-color);padding-bottom:0}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);padding:8px 16px;font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:var(--transition)}.tab:hover{color:var(--text-primary)}.tab--active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.saved-loops-list,.history-list{list-style:none;padding:0;margin:12px 0 0}.saved-loop-item,.history-item{display:flex;align-items:center;border-bottom:1px solid var(--border-color)}.saved-loop-item__load{flex:1;background:none;border:none;color:var(--text-primary);padding:10px 0;text-align:left;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;gap:2px}.history-item__load{flex:1;background:none;border:none;color:var(--text-primary);padding:10px 0;text-align:left;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:10px}.history-item__thumb{width:80px;min-width:80px;height:45px;object-fit:cover;border-radius:4px}.history-item__info{display:flex;flex-direction:column;gap:2px;min-width:0}.saved-loop-item__load:hover,.history-item__load:hover{color:var(--accent-primary)}.history-item__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-loop-item__name,.history-item__title{font-size:var(--text-sm);font-weight:500}.saved-loop-item__time,.history-item__date{font-size:var(--text-xs);color:var(--text-tertiary)}.saved-loop-item__remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:8px;font-size:var(--text-sm)}.saved-loop-item__remove:hover{color:var(--danger)}.empty-message{color:var(--text-tertiary);font-size:var(--text-sm);text-align:center;padding:20px}.share-panel{margin-top:12px}.share-url{display:flex;gap:8px}.share-url__input{flex:1;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px 10px;color:var(--text-secondary);font-size:var(--text-xs);font-family:monospace;outline:none}.share-buttons{display:flex;gap:8px;margin-top:8px}.onboarding-hint{background:var(--accent-primary);color:#fff;padding:10px 16px;border-radius:var(--radius-sm);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;animation:hintPulse 2s ease-in-out infinite}.onboarding-hint p{margin:0;font-size:var(--text-sm);font-weight:500;line-height:1.5}.onboarding-hint__dismiss{background:#fff3;border:none;color:#fff;padding:4px 10px;border-radius:4px;font-size:var(--text-xs);cursor:pointer;white-space:nowrap;font-family:inherit}.onboarding-hint__dismiss:hover{background:#ffffff4d}.hint--done{background:var(--success);animation:none}@keyframes hintPulse{0%,to{opacity:1}50%{opacity:.85}}.save-loop-btn{margin-top:12px}@media(max-width:768px){.time-inputs{grid-template-columns:1fr}.loop-actions{flex-direction:column;align-items:stretch}}.hero[data-astro-cid-j7pv25f6]{text-align:center;padding:60px 20px 40px}.hero__inner[data-astro-cid-j7pv25f6]{max-width:800px;margin:0 auto}.hero__title[data-astro-cid-j7pv25f6]{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1.3;margin:0 0 16px}.hero__accent[data-astro-cid-j7pv25f6]{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle[data-astro-cid-j7pv25f6]{color:var(--text-secondary);font-size:var(--text-lg);margin:0 0 32px}.hero__tool-placeholder[data-astro-cid-j7pv25f6]{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:40px;color:var(--text-tertiary)}.trust-strip[data-astro-cid-j7pv25f6]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:16px;font-size:var(--text-xs);color:var(--text-tertiary)}.trust-strip[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{white-space:nowrap}.features[data-astro-cid-j7pv25f6],.use-cases[data-astro-cid-j7pv25f6]{max-width:1100px;margin:0 auto;padding:40px 20px}.features__title[data-astro-cid-j7pv25f6],.use-cases__title[data-astro-cid-j7pv25f6]{text-align:center;font-size:var(--text-xl);margin:0 0 32px}.features__grid[data-astro-cid-j7pv25f6],.use-cases__grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.feature-card[data-astro-cid-j7pv25f6],.use-case-card[data-astro-cid-j7pv25f6]{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;transition:var(--transition)}.feature-card[data-astro-cid-j7pv25f6]:hover,.use-case-card[data-astro-cid-j7pv25f6]:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.feature-card__icon[data-astro-cid-j7pv25f6]{font-size:2rem;margin-bottom:12px}.feature-card[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6],.use-case-card[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:var(--text-base);margin:0 0 8px}.feature-card[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6],.use-case-card[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{color:var(--text-secondary);font-size:var(--text-sm);margin:0;line-height:1.6}.use-case-card[data-astro-cid-j7pv25f6]{text-decoration:none;color:inherit;display:block}