*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;color:#1a1a2e;background:#f4f7f8;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column}button,input{font-family:inherit}.video-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease;border:2px solid transparent}.video-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.video-card--selected{border-color:var(--accent);box-shadow:0 4px 16px #00000026}.video-card__embed{position:relative;width:100%;padding-top:56.25%;background:#111}.video-card__embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.video-card__body{padding:12px 14px 6px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex:1}.video-card__title{margin:0;font-size:.875rem;font-weight:600;color:#1a1a2e;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.video-card__duration{font-size:.75rem;color:#888;white-space:nowrap;margin-top:2px}.video-card__footer{padding:10px 14px 14px}.cycle-btn{width:100%;padding:9px 12px;border-radius:8px;border:2px solid var(--accent);background:transparent;color:var(--accent);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease;letter-spacing:.02em}.cycle-btn:hover{background:var(--accent-light)}.cycle-btn--active{background:var(--accent);color:#fff}.cycle-btn--active:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.cycle-btn--disabled{border-color:#ccc;color:#aaa;cursor:not-allowed}.cycle-btn--disabled:hover{background:transparent}.video-card--dimmed{opacity:.55}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:24px}@media (max-width: 1024px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.video-grid{grid-template-columns:1fr;padding:16px;gap:16px}}.grid-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;color:#555;gap:12px;text-align:center}.grid-state--error{color:#c0392b}.grid-state__title{margin:0;font-size:1rem;font-weight:600}.grid-state__detail{margin:0;font-size:.875rem;opacity:.8;max-width:480px}.spinner{width:40px;height:40px;border:3px solid var(--accent-light);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;border-radius:16px;width:100%;max-width:560px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:92vh;overflow:hidden}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e8ecef;flex-shrink:0}.modal__title{margin:0;font-size:1rem;font-weight:700;color:#1a1a2e}.modal__close{background:none;border:none;font-size:.875rem;color:#aaa;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;transition:color .15s,background .15s}.modal__close:hover{color:#333;background:#f0f0f0}.modal__body{padding:20px 24px;overflow-y:auto;flex:1}.modal__intro{margin:0 0 16px;font-size:.875rem;color:#555;line-height:1.5}.modal__dates{display:flex;gap:12px;margin-bottom:20px}.modal__date-chip{flex:1;background:#f4f7f8;border:1px solid #e0e8ec;border-radius:8px;padding:10px 14px}.modal__date-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#888;margin-bottom:3px}.modal__date-value{font-size:.9375rem;font-weight:700;color:var(--accent)}.modal__section-label{margin:0 0 10px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#888}.modal__video-list{list-style:none;margin:0;padding:0;border:1px solid #e8ecef;border-radius:10px;overflow:hidden}.modal__video-item{border-bottom:1px solid #f0f0f0}.modal__video-item:last-child{border-bottom:none}.modal__video-row{display:flex;align-items:center;gap:12px;padding:12px 16px}.modal__video-index{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--accent-light);color:var(--accent);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.modal__video-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.modal__video-display{font-size:.875rem;font-weight:600;color:#1a1a2e}.modal__video-raw{font-size:.75rem;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal__preview-btn{flex-shrink:0;padding:4px 10px;border-radius:6px;border:1.5px solid var(--accent);background:transparent;color:var(--accent);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.modal__preview-btn:hover{background:var(--accent-light)}.modal__preview-btn--active{background:var(--accent);color:#fff}.modal__preview-btn--active:hover{background:var(--accent-dark)}.modal__video-embed{position:relative;width:100%;padding-top:56.25%;background:#111}.modal__video-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.modal__error{margin-top:16px;padding:12px 14px;background:#fdecea;border:1px solid #f5c6c6;border-radius:8px;font-size:.8125rem;color:#c0392b;line-height:1.5}.modal__footer{display:flex;gap:10px;padding:16px 24px;border-top:1px solid #e8ecef;flex-shrink:0}.modal__btn{flex:1;padding:11px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:background .15s,opacity .15s;display:flex;align-items:center;justify-content:center;gap:8px}.modal__btn:disabled{opacity:.5;cursor:not-allowed}.modal__btn--cancel{background:#f0f0f0;color:#555}.modal__btn--cancel:not(:disabled):hover{background:#e4e4e4}.modal__btn--confirm{background:var(--accent);color:#fff}.modal__btn--confirm:not(:disabled):hover{background:var(--accent-dark)}.modal__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal__success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:10px;text-align:center}.modal__success-icon{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center}.modal__success-title{margin:0;font-size:1.125rem;font-weight:700;color:#1a1a2e}.modal__success-sub{margin:0;font-size:.875rem;color:#888}.cycle-panel{width:300px;min-width:280px;background:#fff;border-left:1px solid #e8ecef;display:flex;flex-direction:column;height:100%;overflow:hidden}.cycle-panel__header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;border-bottom:1px solid #e8ecef}.cycle-panel__heading{margin:0;font-size:1rem;font-weight:700;color:#1a1a2e;display:flex;align-items:center;gap:8px}.cycle-panel__badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:22px;border-radius:11px;background:var(--accent-light);color:var(--accent);font-size:.7rem;font-weight:700;padding:0 6px}.cycle-panel__badge--full{background:var(--accent);color:#fff}.cycle-panel__limit-banner{margin:0 16px;padding:8px 12px;background:#fff8e1;border:1px solid #ffe082;border-radius:8px;font-size:.8rem;color:#795548;text-align:center}.cycle-panel__clear{background:none;border:none;color:#888;font-size:.75rem;cursor:pointer;padding:4px 6px;border-radius:4px;transition:color .15s,background .15s}.cycle-panel__clear:hover{color:#c0392b;background:#fdecea}.cycle-panel__dates{padding:14px 20px;border-bottom:1px solid #e8ecef;display:flex;flex-direction:column;gap:10px}.cycle-panel__date-field{display:flex;flex-direction:column;gap:5px}.cycle-panel__label{display:block;font-size:.75rem;font-weight:600;color:#555;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.cycle-panel__input{width:100%;box-sizing:border-box;padding:8px 12px;border:1.5px solid #dce3e8;border-radius:8px;font-size:.875rem;color:#1a1a2e;outline:none;transition:border-color .15s;font-family:inherit}.cycle-panel__input:focus{border-color:var(--accent)}.cycle-panel__input[type=date]{color:#1a1a2e;cursor:pointer}.cycle-panel__input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.cycle-panel__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;color:#aaa;gap:12px;text-align:center}.cycle-panel__empty p{margin:0;font-size:.875rem;line-height:1.5}.cycle-panel__list{list-style:none;margin:0;padding:12px 0;flex:1;overflow-y:auto}.cycle-item{display:flex;align-items:center;gap:10px;padding:8px 16px;transition:background .1s}.cycle-item:hover{background:#f7fffe}.cycle-item__index{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--accent-light);color:var(--accent);font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}.cycle-item__title{flex:1;font-size:.8125rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cycle-item__remove{flex-shrink:0;background:none;border:none;color:#bbb;cursor:pointer;font-size:.8rem;padding:2px 4px;border-radius:4px;line-height:1;transition:color .15s,background .15s}.cycle-item__remove:hover{color:#c0392b;background:#fdecea}.cycle-panel__actions{padding:16px 20px;border-top:1px solid #e8ecef;display:flex;flex-direction:column;gap:8px}.cycle-panel__btn{width:100%;padding:10px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;border:none;font-family:inherit}.cycle-panel__btn:disabled{opacity:.4;cursor:not-allowed}.cycle-panel__btn--confirm{background:var(--accent);color:#fff}.cycle-panel__btn--confirm:not(:disabled):hover{background:var(--accent-dark)}.cycle-panel__confirm-hint{margin:6px 0 0;font-size:.75rem;color:#e67e22;text-align:center}:root{--accent: #00897b;--accent-dark: #00796b;--accent-light: #e0f2f1}.app{display:flex;flex-direction:column;height:100vh;background:#f4f7f8}.app-header{background:#fff;border-bottom:1px solid #e0e8ec;box-shadow:0 1px 4px #0000000f;flex-shrink:0;z-index:10}.app-header__inner{max-width:100%;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.app-header__brand{display:flex;align-items:center;gap:14px}.app-header__logo{width:44px;height:44px;object-fit:contain;flex-shrink:0}.app-header__title{margin:0;font-size:1rem;font-weight:700;color:#1a1a2e;line-height:1.2}.app-header__subtitle{margin:0;font-size:.75rem;color:#888;line-height:1.2}.app-header__stats{display:flex;gap:8px;align-items:center}.stat-chip{background:#e8ecef;color:#555;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px}.stat-chip--active{background:var(--accent-light);color:var(--accent)}.stat-chip--full{background:var(--accent);color:#fff}.app-body{display:flex;flex:1;overflow:hidden}.app-main{flex:1;overflow-y:auto}