*{box-sizing:border-box}body{color:#1a1a1a;background:#f9fafb;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.toast-container{z-index:2000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:#fff;border-radius:8px;align-items:center;gap:10px;min-width:260px;max-width:360px;padding:12px 14px;font-size:13px;font-weight:500;animation:.2s ease-out toast-in;display:flex;box-shadow:0 8px 24px #00000026}.toast__icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.toast__message{color:#1a1a1a;flex:1}.toast__close{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1}.toast__close:hover{color:#1a1a1a}.toast--success .toast__icon{background:#2fa88f}.toast--error .toast__icon{background:#dc2626}.toast--info .toast__icon{background:#6b7280}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-page{background:#f0f4f3;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:#fff;border-radius:16px;width:768px;max-width:95vw;min-height:480px;position:relative;overflow:hidden;box-shadow:0 14px 28px #00000026,0 10px 10px #0000001a}.auth-card__form-container{width:50%;height:100%;transition:all .6s ease-in-out;position:absolute;top:0}.auth-card__form-container--signin{z-index:2;left:0}.auth-card__form-container--signup{opacity:0;z-index:1;left:0}.auth-card__overlay-container{z-index:100;width:50%;height:100%;transition:transform .6s ease-in-out;position:absolute;top:0;left:50%;overflow:hidden}.auth-card__overlay{color:#fff;background:linear-gradient(90deg,#4ecca3,#2fa88f);width:200%;height:100%;transition:transform .6s ease-in-out;position:relative;left:-100%;transform:translate(0)}.auth-card__overlay-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:0 40px;display:flex;position:absolute;top:0}.auth-card__overlay-panel h1{margin:0 0 16px;font-size:26px}.auth-card__overlay-panel p{opacity:.9;margin-bottom:24px;font-size:14px;line-height:1.5}.auth-card__overlay-panel--left{left:0;transform:translate(-20%)}.auth-card__overlay-panel--right{right:0;transform:translate(0)}.auth-card--right-active .auth-card__form-container--signin{opacity:0;z-index:1;transform:translate(100%)}.auth-card--right-active .auth-card__form-container--signup{opacity:1;z-index:5;transform:translate(100%)}.auth-card--right-active .auth-card__overlay-container{transform:translate(-100%)}.auth-card--right-active .auth-card__overlay{transform:translate(50%)}.auth-card--right-active .auth-card__overlay-panel--left{transform:translate(0)}.auth-card--right-active .auth-card__overlay-panel--right{transform:translate(20%)}.auth-form{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 40px;display:flex}.auth-form__logo{object-fit:contain;width:150px;height:150px;margin-bottom:16px}.auth-form h1{color:#1a1a1a;margin:0 0 24px}.auth-form input{border:1px solid #e5e7eb;border-radius:6px;width:100%;margin-bottom:8px;padding:12px 14px;font-size:14px}.auth-form input:focus{border-color:#4ecca3;outline:none}.auth-form button{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#2fa88f;border:none;border-radius:999px;margin-top:16px;padding:12px 32px;font-size:13px;font-weight:600}.auth-form button:hover:not(:disabled){background:#268874}.auth-form button:disabled{opacity:.6;cursor:not-allowed}.auth-form__error{color:#dc2626;margin:0 0 8px;font-size:13px}.ghost-btn{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:0 0;border:1px solid #fff;border-radius:999px;padding:12px 32px;font-size:13px;font-weight:600}.ghost-btn:hover{background:#ffffff26}@media (width<=640px){.auth-card{min-height:620px}.auth-card__overlay-panel{padding:0 24px}}.confirm-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal{background:#fff;border-radius:16px;width:400px;max-width:90vw;padding:32px 28px 24px;position:relative;box-shadow:0 20px 40px #0003}.confirm-modal__close{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1;position:absolute;top:16px;right:16px}.confirm-modal__close:hover{color:#1a1a1a}.confirm-modal__icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;font-size:24px;display:flex}.confirm-modal__icon--danger{color:#dc2626;background:#fef2f2}.confirm-modal__icon--primary{color:#2fa88f;background:#f0fbf8}.confirm-modal__title{margin:0 0 8px;font-size:19px;font-weight:700;line-height:1.3}.confirm-modal__message{color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.5}.confirm-modal__actions{gap:10px;display:flex}.confirm-modal__btn{cursor:pointer;border:1px solid #0000;border-radius:6px;flex:1;padding:11px;font-size:14px;font-weight:600}.confirm-modal__btn--cancel{color:#1a1a1a;background:#fff;border-color:#e5e7eb}.confirm-modal__btn--cancel:hover{background:#f9fafb}.confirm-modal__btn--danger{color:#fff;background:#dc2626}.confirm-modal__btn--danger:hover{background:#bb1e1e}.confirm-modal__btn--primary{color:#fff;background:linear-gradient(90deg,#4ecca3,#2fa88f)}.confirm-modal__btn--primary:hover{opacity:.92}.video-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:box-shadow .2s,transform .2s;position:relative}.video-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.video-card__thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg,#4ecca3,#2fa88f);border-radius:8px 8px 0 0;justify-content:center;align-items:center;display:flex;overflow:hidden}.video-card__video{object-fit:cover;width:100%;height:100%}.video-card__play-icon{color:#fff;background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;display:flex}.video-card__body{justify-content:space-between;align-items:flex-start;gap:8px;padding:16px;display:flex}.video-card__info{flex:1;min-width:0}.video-card__title{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:15px;display:block;overflow:hidden}.video-card__date{color:#6b7280;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.video-card__date-icon{object-fit:contain;flex-shrink:0;height:24px}.video-card__actions{flex-shrink:0;position:relative}.video-card__menu-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;line-height:1;display:flex}.video-card__menu-toggle:hover{color:#1a1a1a;background:#f3f4f6}.video-card__menu{z-index:950;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:4px;box-shadow:0 8px 24px #0000001f}.video-card__menu-item{color:#1a1a1a;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.video-card__menu-item:hover{color:#2fa88f;background:#f3fbf9}.video-card__menu-item--danger{color:#dc2626}.video-card__menu-item--danger:hover{color:#dc2626;background:#fef2f2}.video-card__menu-icon{font-size:14px;line-height:1}.video-card__menu-divider{background:#e5e7eb;height:1px;margin:4px 6px}.side-nav{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:232px;padding:16px 0;transition:width .2s;display:flex;overflow:hidden}.side-nav--collapsed{width:76px}.side-nav--collapsed .side-nav__toggle{align-self:center}.side-nav--collapsed .side-nav__toggle-icon{transform:rotate(180deg)}.side-nav--collapsed .side-nav__nav-item{justify-content:center;padding:10px}.side-nav__toggle{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;width:28px;height:28px;margin:0 8px 16px 0;padding:0;display:flex}.side-nav__toggle:hover{color:#1a1a1a;background:#f3f4f6}.side-nav__toggle-icon{width:14px;height:14px;transition:transform .2s}.side-nav__nav{flex-direction:column;flex:1;gap:2px;padding:0 8px;display:flex}.side-nav__nav-item{color:#6b7280;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:10px 8px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.side-nav__nav-item svg{flex-shrink:0;width:18px;height:18px}.side-nav__nav-item:hover{color:#1a1a1a;background:#f3f4f6}.side-nav__nav-item--active{color:#2563eb;background:#eff6ff}.get-started-guide{z-index:900;position:fixed;bottom:24px;left:24px}.get-started-guide__panel{background:#fff;border:1px solid #1118270a;border-radius:16px;width:360px;max-width:calc(100vw - 48px);overflow:hidden;box-shadow:0 20px 45px #11182738}.get-started-guide__header{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:24px 24px 0;display:flex}.get-started-guide__header-title{color:#1a1a1a;font-size:15px;font-weight:700;line-height:1.3}.get-started-guide__header-icon{color:#6b7280;flex-shrink:0;width:22px;height:22px}.get-started-guide__header-icon svg{width:100%;height:100%}.get-started-guide__progress{align-items:center;gap:8px;padding:8px 24px 16px;display:flex}.get-started-guide__progress-track{background:#e5e7eb;border-radius:999px;flex:1;height:7px;overflow:hidden}.get-started-guide__progress-fill{background:linear-gradient(90deg,#4ecca3,#2fa88f);border-radius:999px;height:100%;transition:width .2s}.get-started-guide__progress-label{color:#6b7280;flex-shrink:0;font-size:13px;font-weight:700}.get-started-guide__list{border-top:1px solid #e5e7eb;margin:0;padding:0;list-style:none}.get-started-guide__item{border-bottom:1px solid #e5e7eb}.get-started-guide__item:last-child{border-bottom:none}.get-started-guide__item-header{text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:16px 24px;display:flex}.get-started-guide__item-header:hover{background:#f9fafb}.get-started-guide__status{color:#6b7280;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.get-started-guide__status svg{width:12px;height:12px}.get-started-guide__status--done{color:#fff;background:#22c55e}.get-started-guide__item-label{color:#1a1a1a;flex:1;font-size:14px;font-weight:500}.get-started-guide__chevron{color:#6b7280;flex-shrink:0;width:16px;height:16px;transition:transform .15s}.get-started-guide__chevron svg{width:100%;height:100%}.get-started-guide__chevron--open{transform:rotate(180deg)}.get-started-guide__item-body{padding:0 24px 16px 48px}.get-started-guide__item-body p{color:#6b7280;margin:0 0 8px;font-size:13px;line-height:1.5}.get-started-guide__learn-more{color:#1a1a1a;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.get-started-guide__learn-more:hover{background:#f3f4f6}.get-started-guide__dismiss{color:#6b7280;text-align:center;background:0 0;border:none;border-top:1px solid #e5e7eb;width:100%;padding:16px 24px;font-size:13px}.get-started-guide__dismiss:hover{color:#1a1a1a;background:#f9fafb}.recording-widget{z-index:2000;background:#fff;border-radius:16px;width:340px;padding:18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;top:100px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #0003}.recording-widget--minimized{border-radius:999px;width:auto;padding:0;box-shadow:0 8px 20px #0000002e}.recording-widget__pill{color:#1a1a1a;cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;display:flex}.recording-widget__dot{background:#dc2626;border-radius:50%;width:9px;height:9px;animation:1.2s infinite rec-pulse}.recording-widget__header{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.recording-widget__min-btn{cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;width:26px;height:26px;font-size:13px}.recording-widget__min-btn:hover{background:#e5e7eb}.recording-widget__timer{color:#2563eb;text-align:center;background:#eef2ff;border-radius:8px;margin-bottom:14px;padding:20px;font-size:30px;font-weight:700;transition:background .3s,color .3s}.recording-widget__timer--warning{color:#dc2626;background:#fef2f2;animation:1s infinite rec-pulse}.recording-widget__timer-max{opacity:.6;margin-left:6px;font-size:15px;font-weight:500}.recording-widget__controls{gap:8px;display:flex}.recording-widget__icon-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:44px;height:44px;font-size:16px}.recording-widget__icon-btn:hover{background:#f9fafb}.recording-widget__stop-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;flex:1;font-size:14px;font-weight:700}.recording-widget__stop-btn:hover{opacity:.9}.recording-widget__error{text-align:center;color:#dc2626;font-size:13px}.recording-widget__error p{margin-bottom:12px}.recording-widget__close-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 20px}@keyframes rec-pulse{50%{opacity:.3}}.plan-usage-banner{background:#eef6ff;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:16px 20px;display:flex}.plan-usage-banner--full{background:#fef2f2}.plan-usage-banner--pro{background:linear-gradient(90deg,#fdf4ff,#fef9c3);border:1px solid #f5d0fe}.plan-usage-banner__pro-star{font-size:15px}.plan-usage-banner__pro-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(90deg,#a855f7,#eab308);border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:11px;font-weight:800}.plan-usage-banner__text{flex:1}.plan-usage-banner__text p{color:#1a1a1a;margin:0 0 8px;font-size:14px}.plan-usage-banner__text p strong{font-weight:700}.plan-usage-banner__bar{background:#00000014;border-radius:999px;height:6px;overflow:hidden}.plan-usage-banner__bar-fill{background:linear-gradient(90deg,#4ecca3,#2fa88f);height:100%;transition:width .3s}.plan-usage-banner--full .plan-usage-banner__bar-fill{background:#dc2626}.plan-usage-banner__upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4ecca3,#2fa88f);border:none;border-radius:999px;flex-shrink:0;padding:10px 20px;font-size:13px;font-weight:600}.plan-usage-banner__upgrade-btn:hover{opacity:.9}.dashboard-page{background:#f9fafb;flex-direction:column;min-height:100vh;display:flex}.dashboard-page__nav-link{color:#1a1a1a;padding:8px 4px;font-size:14px;font-weight:600;text-decoration:none}.dashboard-page__nav-link:hover{color:#2fa88f}.dashboard-page__topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:0 40px;display:flex}.dashboard-page__logo{width:120px}.dashboard-page__logout{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500}.dashboard-page__logout:hover{background:#f3f4f6}.dashboard-page__body{flex:1;align-items:stretch;display:flex}.dashboard-page__content{flex:1;min-width:0;max-width:1100px;margin:0 auto;padding:40px}.dashboard-page__header-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard-page__header-row h1{margin:0;font-size:22px}.dashboard-page__record-btn{color:#fff;background:linear-gradient(90deg,#4ecca3,#2fa88f);border:none;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:600}.dashboard-page__record-btn:disabled{opacity:.5;cursor:not-allowed}.dashboard-page__error{color:#dc2626}.dashboard-page__empty{text-align:center;color:#6b7280;padding:40px 0}.dashboard-page__empty-sub{font-size:13px}.dashboard-page__grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:0 40px;display:flex}.navbar__logo{width:120px;display:block}.navbar__actions{align-items:center;gap:8px;display:flex}.account-menu{position:relative}.account-menu__trigger{color:#fff;cursor:pointer;background:#2fa88f;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex;overflow:hidden}.account-menu__trigger img{object-fit:cover;width:100%;height:100%}.account-menu__dropdown{opacity:0;visibility:hidden;z-index:500;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-6px)}.account-menu:hover .account-menu__dropdown,.account-menu:focus-within .account-menu__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.account-menu__card{background:#fff;border-radius:16px;width:280px;padding:16px;box-shadow:0 16px 36px #00000026}.account-menu__header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.account-menu__avatar{color:#fff;background:#2fa88f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:700;display:flex;overflow:hidden}.account-menu__avatar img{object-fit:cover;width:100%;height:100%}.account-menu__header-text{min-width:0}.account-menu__name{align-items:center;gap:6px;margin:0;font-size:14px;font-weight:700;display:flex}.account-menu__email{color:#6b7280;word-break:break-all;margin:4px 0 0;font-size:12px}.account-menu__plan-badge{white-space:nowrap;color:#fff;background:#6b7280;border-radius:999px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.account-menu__plan-badge--pro{background:linear-gradient(90deg,#a855f7,#eab308)}.account-menu__usage{border-top:1px solid #e5e7eb;margin-bottom:8px;padding:8px 0}.account-menu__usage-message{color:#6b7280;margin:0 0 8px;font-size:12px;line-height:1.4}.account-menu__usage-bar-row{gap:8px;display:grid}.account-menu__usage-meta{color:#1a1a1a;align-items:center;gap:6px;font-size:12px;display:flex}.account-menu__usage-meta svg{color:#6b7280;width:14px;height:14px}.account-menu__usage-count{color:#1a1a1a;font-weight:700}.account-menu__usage-bar{background:#00000014;border-radius:999px;height:5px;margin-bottom:8px;overflow:hidden}.account-menu__usage-bar-fill{background:linear-gradient(90deg,#4ecca3,#2fa88f);height:100%;transition:width .3s}.account-menu__usage-bar-fill--full{background:#dc2626}.account-menu__upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4ecca3,#2fa88f);border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px;font-size:13px;font-weight:700;display:flex}.account-menu__upgrade-btn:hover{opacity:.9}.account-menu__upgrade-icon{width:14px;height:14px}.account-menu__links{border-top:1px solid #e5e7eb;flex-direction:column;margin-bottom:8px;padding:8px 0;display:flex}.account-menu__links a{color:#6b7280;border-radius:4px;padding:7px 4px;font-size:13px;text-decoration:none}.account-menu__links a:hover{color:#1a1a1a;background:#f9fafb}.account-menu__logout-btn{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:9px;font-size:13px;font-weight:500}.account-menu__logout-btn:hover{color:#dc2626;background:#f9fafb}.comment-section__title{margin:0 0 16px;font-size:17px}.comment-section__form{margin-bottom:24px}.comment-section__name-input{border:1px solid #e5e7eb;border-radius:6px;width:100%;margin-bottom:8px;padding:10px 12px;font-size:13px}.comment-section__name-input:focus{border-color:#4ecca3;outline:none}.comment-section__textarea{resize:vertical;border:1px solid #e5e7eb;border-radius:6px;width:100%;margin-bottom:8px;padding:10px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}.comment-section__textarea:focus{border-color:#4ecca3;outline:none}.comment-section__error{color:#dc2626;margin:0 0 8px;font-size:13px}.comment-section__submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4ecca3,#2fa88f);border:none;border-radius:999px;padding:10px 22px;font-size:13px;font-weight:600}.comment-section__submit-btn:hover:not(:disabled){opacity:.9}.comment-section__submit-btn:disabled{opacity:.6;cursor:not-allowed}.comment-section__status{color:#6b7280;font-size:13px}.comment-section__login-prompt{color:#6b7280;background:#f7f7f9;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:24px;padding:12px 14px;font-size:13px}.comment-section__login-prompt a{color:#4ecca3;font-weight:600;text-decoration:none}.comment-section__login-prompt a:hover{text-decoration:underline}.comment-section__list{flex-direction:column;gap:16px;display:flex}.comment-section__item{gap:8px;display:flex}.comment-section__avatar{color:#fff;background:#2fa88f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.comment-section__item-body{flex:1;min-width:0}.comment-section__item-body p{color:#1a1a1a;word-wrap:break-word;margin:4px 0 0;font-size:13px;line-height:1.5}.comment-section__item-header{align-items:baseline;gap:8px;display:flex}.comment-section__item-header strong{font-size:13px}.comment-section__item-header span{color:#6b7280;font-size:11px}.viewer-page{background:#f9fafb;min-height:100vh}.viewer-page__topbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 40px}.viewer-page__logo{height:32px}.viewer-page__content{max-width:1200px;margin:0 auto;padding:40px 16px}.viewer-page__layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}@media (width<=860px){.viewer-page__layout{grid-template-columns:1fr}}.viewer-page__main{min-width:0}.viewer-page__sidebar{flex-direction:column;gap:16px;display:flex}.viewer-page__panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.viewer-page__panel-title{color:#1a1a1a;margin:0 0 16px;font-size:15px;font-weight:600}.viewer-page__share-input{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;width:100%;margin-bottom:8px;padding:9px 12px;font-size:12px}.viewer-page__share-input:focus{border-color:#2fa88f;outline:none}.viewer-page__copy-link{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4ecca3,#2fa88f);border:none;border-radius:6px;width:100%;padding:10px;font-size:13px;font-weight:600}.viewer-page__copy-link:hover{opacity:.92}.viewer-page__comments-empty{text-align:center;color:#6b7280;padding:24px 0}.viewer-page__comments-empty p{margin:0;font-size:13px}.viewer-page__comments-icon{opacity:.6;margin-bottom:8px;font-size:28px}.viewer-page__comment-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;width:100%;padding:11px;font-size:13px;font-weight:600}.viewer-page__comment-btn:hover:not(:disabled){background:#1d4ed8}.viewer-page__comment-btn:disabled{color:#6b7280;cursor:not-allowed;background:#e5e7eb}.viewer-page__back-btn{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;margin-bottom:16px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.viewer-page__back-btn:hover{background:#f3f4f6}.viewer-page__status{text-align:center;color:#6b7280;padding:40px 0}.viewer-page__error{color:#1a1a1a;margin-bottom:4px;font-weight:600}.viewer-page__error-sub{font-size:13px}.viewer-page__video{background:#000;border-radius:8px;width:100%;display:block}.viewer-page__meta{margin-top:16px}.viewer-page__meta h1{margin:0 0 4px;font-size:20px}.viewer-page__meta p{color:#6b7280;margin:0;font-size:13px}.record-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.record-page__title{align-items:center;gap:8px;margin:0 0 16px;font-size:16px;display:flex}.record-page__dot{background:#dc2626;border-radius:50%;width:10px;height:10px;animation:1.2s infinite record-pulse}@keyframes record-pulse{50%{opacity:.3}}.record-page__stop-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:999px;padding:12px 28px;font-size:14px;font-weight:600}.record-page__stop-btn:hover{opacity:.9}.record-page__status{color:#6b7280;font-size:14px}.record-page__error{color:#dc2626;font-size:14px}.record-page__error p{margin-bottom:16px}.record-page__retry-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:10px 20px;font-size:13px}.record-page__retry-btn:hover{background:#f9fafb}.billing-success{background:linear-gradient(135deg,#4ecca3,#2fa88f);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.billing-success__card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 12px 32px #0000001f}.billing-success__icon{margin-bottom:16px;font-size:48px}.billing-success__title{color:#1a1a1a;margin:0 0 8px;font-size:22px}.billing-success__message{color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.5}.billing-success__btn{color:#fff;cursor:pointer;background:#2fa88f;border:none;border-radius:8px;width:100%;padding:12px;font-size:15px;font-weight:600}.billing-success__btn:hover{background:#1d4ed8}.guides-layout{color:#1a1a1a;background:#fafafa;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.guides-layout__cta{color:#fff;white-space:nowrap;background:linear-gradient(90deg,#4ecca3,#2fa88f);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600}.guides-layout__cta:hover{opacity:.92}.guides-layout__main{flex:1;width:100%}.guides-layout__footer{color:#6b7280;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:13px;display:flex}.guides-layout__footer a{color:#6b7280}.guides-layout__footer a:hover{color:#2563eb}.guides-layout__footer-dot{opacity:.6}.guides-hub{max-width:880px;margin:0 auto;padding:40px 24px}.guides-hub__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:#2fa88f;margin-bottom:8px;font-size:13px;font-weight:700;display:inline-block}.guides-hub__title{margin:0 0 8px;font-size:34px;line-height:1.2}.guides-hub__intro{color:#6b7280;max-width:60ch;margin:0 0 40px;font-size:16px;line-height:1.6}.guides-hub__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.guides-hub__card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;transition:box-shadow .15s,transform .15s;display:block}.guides-hub__card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #11182714}.guides-hub__card-step{color:#2fa88f;margin-bottom:8px;font-size:12px;font-weight:700;display:inline-block}.guides-hub__card-title{color:#1a1a1a;margin:0 0 8px;font-size:18px}.guides-hub__card-desc{color:#6b7280;margin:0;font-size:14px;line-height:1.55}.guide-article{max-width:760px;margin:0 auto;padding:40px 24px 60px}.guide-article__breadcrumb{color:#6b7280;margin-bottom:24px;font-size:13px}.guide-article__breadcrumb a{color:#6b7280}.guide-article__breadcrumb a:hover{color:#2563eb}.guide-article__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:#2fa88f;margin-bottom:8px;font-size:13px;font-weight:700;display:inline-block}.guide-article__title{margin:0 0 16px;font-size:36px;line-height:1.2}.guide-article__lede{color:#6b7280;margin:0 0 24px;font-size:17px;line-height:1.6}.guide-article__hero{background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:center;width:100%;margin-bottom:40px;display:flex;overflow:hidden}.guide-article__hero img{max-width:100%;height:auto;display:block}.guide-article__section{margin-bottom:40px}.guide-article__section h2{margin:0 0 16px;font-size:22px}.guide-article__section p{color:#1a1a1a;margin:0 0 16px;font-size:15px;line-height:1.7}.guide-article__section ul,.guide-article__section ol{margin:0 0 16px;padding-left:1.25em}.guide-article__section ul li,.guide-article__section ol li{margin-bottom:8px;font-size:15px;line-height:1.7}.guide-article__tip{color:#1a1a1a;background:#f0fdf9;border:1px solid #d4f3e8;border-radius:8px;gap:8px;margin-bottom:40px;padding:16px;font-size:14px;line-height:1.6;display:flex}.guide-article__tip strong{color:#2fa88f}.guide-article__faq-item{margin-bottom:16px}.guide-article__faq-item h3{margin:0 0 6px;font-size:16px}.guide-article__faq-item p{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.guide-article__cta{color:#fff;background:linear-gradient(90deg,#4ecca3,#2fa88f);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.guide-article__cta h2{color:#fff;margin:0 0 4px;font-size:20px}.guide-article__cta p{color:#ffffffe6;margin:0;font-size:14px}.guide-article__cta-btn{color:#2fa88f;white-space:nowrap;background:#fff;border-radius:999px;flex-shrink:0;padding:12px 22px;font-size:14px;font-weight:700}.guide-article__cta-btn:hover{opacity:.9}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.pricing-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;padding:24px;display:flex}.pricing-card h2{margin:0 0 8px;font-size:20px}.pricing-card ul{flex:1;margin:0 0 24px;padding:0;list-style:none}.pricing-card ul li{color:#1a1a1a;padding-left:1.4em;font-size:14px;line-height:1.7;position:relative}.pricing-card ul li:before{content:"✓";color:#2fa88f;font-weight:700;position:absolute;left:0}.pricing-card .guide-article__cta-btn{color:#fff;text-align:center;background:linear-gradient(90deg,#4ecca3,#2fa88f);align-self:flex-start;text-decoration:none}.pricing-card--highlight{border-color:#2fa88f;box-shadow:0 0 0 1px #2fa88f}.pricing-card__price{color:#1a1a1a;margin:0 0 16px;font-size:28px;font-weight:700}.guide-article__next{border-top:1px solid #e5e7eb;margin-top:40px;padding-top:24px;font-size:14px}.guide-article__next a{color:#2563eb;font-weight:600}.guide-article__next a:hover{color:#1d4ed8}