@import "https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700;800&display=swap";.admin-layout,.admin-login-shell{--admin-green:#709e6c;--admin-green-dark:#4f7a4b;--admin-light-green:#c2eb99;--admin-ink:#1f2421;--admin-bg:#f6f7f6;--admin-border:#e4e8e4;--admin-radius-sm:4px;--admin-radius-md:6px;--admin-control-height:40px;color:#252b26;font-family:Lato,Arial,sans-serif}.admin-layout{background:var(--admin-bg);min-height:100dvh}.admin-layout :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--admin-green-dark);outline-offset:2px}.admin-sidebar{z-index:3;color:#f4f6f3;background:var(--admin-ink);flex-direction:column;width:clamp(200px,18vw,244px);padding:clamp(16px,2vw,26px) 12px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.admin-logo{border-bottom:1px solid #ffffff1c;justify-content:center;align-items:center;width:calc(100% + 24px);height:100px;margin-left:-12px;padding:0 0 16px;display:flex}.admin-logo img{object-fit:contain;object-position:center;width:min(244px,100%);height:82px;display:block}.sidebar-label{color:#89928a;letter-spacing:.14em;margin:29px 12px 12px;font-size:9px;font-weight:800}.admin-nav{flex-direction:column;gap:5px;display:flex}.admin-nav-link{color:#c1c8c2;border-radius:var(--admin-radius-sm);text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:43px;padding:0 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:flex;position:relative}.admin-nav-link:hover{color:#fff;background:#ffffff0f}.admin-nav-link.active{color:#fff;background:#709e6c33}.admin-nav-link.active>svg{color:var(--admin-light-green)}.nav-active-mark{background:var(--admin-light-green);border-radius:3px 0 0 3px;width:3px;position:absolute;top:9px;bottom:9px;right:0}.sidebar-bottom{margin-top:auto}.sidebar-public{color:#d3dad3;border-top:1px solid #ffffff1c;align-items:center;gap:10px;min-height:43px;padding:0 12px;font-size:11px;display:flex}.sidebar-public:hover{color:var(--admin-light-green)}.sidebar-local{color:#8f9a90;align-items:center;gap:8px;margin:15px 9px 0;font-size:9px;line-height:1.4;display:flex}.sidebar-local svg{color:var(--admin-light-green);flex:none}.admin-workspace{min-width:0;min-height:100dvh;margin-left:clamp(200px,18vw,244px)}.admin-topbar{border-bottom:1px solid var(--admin-border);background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:8px clamp(14px,2.8vw,36px);display:flex}.topbar-user{color:#465047;align-items:center;gap:10px;min-width:0;font-size:11px;font-weight:700;display:none}.topbar-user>span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.topbar-logout{border-radius:var(--admin-radius-sm);color:#465047;cursor:pointer;background:#fff;border:1px solid #d5dbd5;flex:none;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.topbar-logout:hover{background:#f6f8f6}.breadcrumb{color:#899089;align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.breadcrumb strong{color:#3b433c;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.admin-main{width:min(1200px,100%);margin:0 auto;padding:clamp(16px,2.6vw,32px) clamp(14px,2.8vw,36px) 52px}.admin-page-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-bottom:22px;display:flex}.admin-kicker{color:var(--admin-green-dark);letter-spacing:.15em;font-size:9px;font-weight:800}.admin-page-intro h1{letter-spacing:-.025em;margin:7px 0 5px;font-size:clamp(1.25rem,1.05rem + .9vw,1.5625rem);line-height:1.25}.admin-page-intro p{color:#778078;margin:0;font-size:12px;line-height:1.5}.admin-primary,.admin-secondary,.danger-button{min-height:var(--admin-control-height);border-radius:var(--admin-radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.admin-primary{color:#fff;border:1px solid var(--admin-green-dark);background:var(--admin-green-dark)}.admin-primary:hover{background:#40673d;border-color:#40673d}.admin-primary:disabled,.admin-secondary:disabled,.danger-button:disabled{opacity:.55;cursor:not-allowed}.admin-secondary{color:#465047;background:#fff;border:1px solid #d5dbd5}.admin-secondary:hover{background:#f6f8f6;border-color:#bfc9bf}.danger-button{color:#fff;background:#a34a44;border:1px solid #a34a44}.danger-button:hover{background:#8d3934}.admin-stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:clamp(9px,1.3vw,13px);margin-bottom:23px;display:grid}.admin-stat{border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);background:#fff;align-items:center;gap:13px;min-height:99px;padding:17px;display:flex}.admin-stat>div{flex-direction:column;gap:8px;min-width:0;display:flex}.admin-stat>div>span{color:#727a73;font-size:11px}.admin-stat>div>strong{color:#282f29;font-size:23px;line-height:1}.stat-icon{border-radius:5px;flex:none;place-items:center;width:38px;height:38px;display:grid}.stat-icon svg{width:18px;height:18px}.stat-icon.green{color:#527a4e;background:#edf4eb}.stat-icon.mint{color:#4c8069;background:#eaf4ef}.stat-icon.sand{color:#8a7049;background:#f6f1e8}.stat-icon.gray{color:#5b6b5c;background:#eff2ef}.admin-stat.skeleton{background:linear-gradient(90deg,#ecefec 25%,#f5f6f5 50%,#ecefec 75%) 0 0/200% 100%;height:99px;animation:1.3s infinite admin-shimmer}@keyframes admin-shimmer{to{background-position:-200% 0}}.admin-panel{border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);background:#fff;overflow:hidden}.panel-heading{border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:15px 19px;display:flex}.panel-heading h2{color:#303730;margin:0;font-size:14px}.panel-heading p{color:#858d86;margin:5px 0 0;font-size:10px}.admin-text-button{color:var(--admin-green-dark);background:0 0;border:0;align-items:center;gap:6px;padding:7px 0;font-size:10px;font-weight:700;display:inline-flex}.admin-table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{color:#717a72;white-space:nowrap;background:#fafbfa;height:42px;padding:0 13px;font-size:10px;font-weight:700}.admin-table th:first-child,.admin-table td:first-child{padding-left:19px}.admin-table td{vertical-align:middle;border-top:1px solid #eff1ef;min-height:63px;padding:9px 13px}.admin-table tr:first-child td{border-top:0}.table-tutorial{align-items:center;gap:10px;min-width:240px;display:flex}.table-thumb{background:#eff3ee;border-radius:3px;flex:none;place-items:center;width:53px;height:38px;display:grid;position:relative;overflow:hidden}.table-thumb>img{object-fit:cover;width:100%;height:100%}.table-thumb>img.brand-thumb{object-fit:contain;padding:6px}.table-thumb>span{color:#fff;background:#1f2421cc;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:3px;right:3px}.table-tutorial>span:last-child{flex-direction:column;gap:5px;min-width:0;display:flex}.table-tutorial strong{color:#323932;text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:11px;font-weight:700;overflow:hidden}.table-tutorial small{color:#7f887f;font-size:10px}.category-chip{color:#59645a;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:inline-flex}.category-chip svg{color:#738873}.status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:inline-flex}.status-badge i{background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge.published{color:#4e7951;background:#eef6ec}.status-badge.draft{color:#8b744b;background:#f8f3e8}.date-cell{color:#717a72;white-space:nowrap;font-size:10px}.actions-heading{text-align:right;padding-right:19px!important}.row-actions{justify-content:flex-end;align-items:center;gap:3px;display:flex}.row-actions button{color:#768078;background:0 0;border:0;border-radius:4px;place-items:center;width:29px;height:29px;display:grid}.row-actions button:hover{color:var(--admin-green-dark);background:#eef5ec}.row-actions button.delete-action:hover{color:#a34a44;background:#fbefed}.table-loading,.table-empty{color:#818a82;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:137px;font-size:11px;display:flex}.table-loading{flex-direction:row}.table-empty svg{color:#91a190}.table-empty strong{color:#535c54;font-size:11px}.table-empty span{color:#8a928b;font-size:10px}.skeleton-row td{height:66px}.skeleton-tutorial{align-items:center;gap:10px;display:flex}.skeleton-tutorial>i{background:#edf0ed;border-radius:4px;flex:none;width:53px;height:38px}.skeleton-tutorial>span{flex-direction:column;gap:6px;display:flex}.skeleton-line,.skeleton-tutorial>span>i,.category-skeleton-row>i,.category-skeleton-row>span>i{background:linear-gradient(90deg,#edf0ed 25%,#f6f7f6 50%,#edf0ed 75%) 0 0/200% 100%;border-radius:4px;height:9px;animation:1.4s infinite admin-shimmer;display:block}.skeleton-tutorial>span>i:first-child{width:190px}.skeleton-tutorial>span>i:last-child{width:105px;height:7px}.skeleton-line.short{width:72px}.skeleton-line.date{width:78px}.skeleton-line.actions{width:68px;margin-left:auto}.spin{animation:.9s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}.activity-strip{border:1px solid var(--admin-border);background:#fff;border-radius:5px;align-items:center;gap:11px;margin-top:14px;padding:14px 16px;display:flex}.activity-icon{width:31px;height:31px;color:var(--admin-green-dark);background:#edf4eb;border-radius:4px;place-items:center;display:grid}.activity-strip strong{color:#424a43;font-size:10px}.activity-strip p{color:#7c857d;margin:4px 0 0;font-size:10px}.filter-toolbar{border-bottom:1px solid #edf0ed;align-items:center;gap:10px;min-height:66px;padding:13px 17px;display:flex}.admin-search{height:var(--admin-control-height);color:#7e887f;border-radius:var(--admin-radius-sm);background:#fff;border:1px solid #dfe4df;align-items:center;gap:8px;min-width:220px;padding:0 10px;display:flex}.admin-search:focus-within{border-color:#9bbc97;box-shadow:0 0 0 2px #709e6c1a}.admin-search input{color:#303730;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px}.admin-search input::placeholder{color:#9aa19b}.admin-select{height:var(--admin-control-height);border-radius:var(--admin-radius-sm);background:#fff;border:1px solid #dfe4df;align-items:center;min-width:140px;display:flex;position:relative}.admin-select>span{color:#7d867e;pointer-events:none;font-size:9px;position:absolute;left:9px}.admin-select select{appearance:none;color:#4f584f;background:0 0;border:0;outline:0;width:100%;height:100%;padding:10px 24px 2px 9px;font-size:10px}.admin-select>svg{color:#7f887f;pointer-events:none;position:absolute;right:7px}.pagination{color:#858d86;border-top:1px solid #eff1ef;justify-content:space-between;align-items:center;gap:12px;min-height:53px;padding:0 18px;font-size:9px;display:flex}.pagination strong{color:#535c54}.pagination>div{align-items:center;gap:10px;display:flex}.pagination button{color:#5c675d;background:#fff;border:1px solid #dfe4df;border-radius:4px;place-items:center;width:27px;height:27px;display:grid}.pagination button:disabled{color:#b8beb9;cursor:not-allowed}.page-error{text-align:center;background:#fff;border:1px dashed #cbd4cb;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:28px;display:flex}.page-error>svg{color:var(--admin-green)}.page-error h1{color:#383f39;margin:12px 0 4px;font-size:16px}.page-error p{color:#757e76;max-width:440px;margin:4px 0 12px;font-size:11px;line-height:1.6}.category-toolbar{border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:center;gap:15px;min-height:64px;padding:13px 18px;display:flex}.category-toolbar>span{color:#858d86;font-size:10px}.category-admin-list{padding:0 18px}.category-admin-row{border-bottom:1px solid #eff1ef;align-items:center;gap:12px;min-height:72px;display:flex}.category-admin-row:last-child{border-bottom:0}.category-admin-icon{width:38px;height:38px;color:var(--admin-green-dark);border-radius:var(--admin-radius-sm);background:#eef5eb;flex:none;place-items:center;display:grid}.category-admin-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.category-admin-info strong{color:#353c36;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.category-admin-info small{color:#7d867e;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.category-tutorial-count{color:#778078;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:inline-flex}.category-tutorial-count svg{color:#829082}.category-skeleton-list{padding:0 18px}.category-skeleton-row{border-bottom:1px solid #eff1ef;align-items:center;gap:12px;min-height:72px;display:flex}.category-skeleton-row>i:first-child{flex:none;width:38px;height:38px}.category-skeleton-row>span{flex-direction:column;flex:1;gap:7px;display:flex}.category-skeleton-row>span>i:first-child{width:140px}.category-skeleton-row>span>i:last-child{width:min(250px,85%);height:7px}.category-skeleton-row>i:last-child{width:55px}.form-layout{grid-template-columns:minmax(0,1fr) clamp(220px,22vw,260px);align-items:start;gap:clamp(12px,1.6vw,18px);display:grid}.tutorial-form{min-width:0}.form-section{border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);background:#fff;margin-bottom:13px;padding:20px}.form-section-heading{align-items:flex-start;gap:11px;margin-bottom:19px;display:flex}.form-section-heading>span{width:27px;height:27px;color:var(--admin-green-dark);background:#edf4eb;border-radius:4px;flex:none;place-items:center;font-size:9px;font-weight:800;display:grid}.form-section-heading h2{color:#343b35;margin:1px 0 4px;font-size:14px}.form-section-heading p{color:#737c74;margin:0;font-size:10px;line-height:1.5}.form-field{flex-direction:column;gap:7px;margin-top:16px;display:flex;position:relative}.form-field>span:first-child{color:#4b544c;font-size:11px;font-weight:700}.form-field>span:first-child i{color:#a34a44;font-style:normal}.form-field input,.form-field textarea,.select-wrap select{width:100%;min-height:var(--admin-control-height);color:#343c35;border-radius:var(--admin-radius-sm);resize:vertical;background:#fff;border:1px solid #dfe4df;outline:0;padding:9px 11px;font-size:12px}.form-field input:focus,.form-field textarea:focus,.select-wrap:focus-within select{border-color:#93b58e;box-shadow:0 0 0 2px #709e6c1a}.form-field input::placeholder,.form-field textarea::placeholder{color:#a0a7a1}.form-field textarea{line-height:1.55}.field-counter{color:#858d86;align-self:flex-end;margin-top:-3px;font-size:9px}.select-wrap{display:block;position:relative}.select-wrap select{appearance:none;padding-right:35px}.select-wrap svg{color:#879087;pointer-events:none;position:absolute;top:10px;right:10px}.form-field>small:not(.field-counter){color:#737c74;font-size:10px}.keyword-entry{gap:7px;display:flex}.keyword-entry input{flex:1}.keyword-entry button{min-height:var(--admin-control-height);color:var(--admin-green-dark);border-radius:var(--admin-radius-sm);background:#f7faf6;border:1px solid #d3dfd1;align-items:center;gap:5px;padding:0 11px;font-size:11px;font-weight:700;display:flex}.keyword-entry button:disabled{color:#a2aaa3;cursor:not-allowed}.keyword-list{flex-wrap:wrap;gap:6px;margin-top:3px;display:flex}.keyword-list>span{color:#52724e;background:#eef5eb;border-radius:20px;align-items:center;gap:6px;min-height:25px;padding:0 6px 0 9px;font-size:9px;display:flex}.keyword-list button{color:#70836d;background:0 0;border:0;border-radius:50%;place-items:center;width:17px;height:17px;padding:0;display:grid}.keyword-list button:hover{color:#a34a44;background:#fff}.storage-notice{color:#746342;border-radius:var(--admin-radius-sm);background:#fbf7ed;border:1px solid #eee4cc;align-items:flex-start;gap:9px;margin-bottom:13px;padding:12px;font-size:10px;line-height:1.55;display:flex}.storage-notice>svg{color:#987b41;flex:none}.storage-notice span{flex-direction:column;gap:2px;display:flex}.storage-notice strong{color:#675632;font-size:10px}.storage-notice code{background:#ffffffb3;padding:1px 3px}.upload-field{flex-direction:column;gap:8px;display:flex}.drop-zone{border-radius:var(--admin-radius-sm);text-align:center;background:#fbfcfb;border:1px dashed #c7d2c6;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:160px;padding:15px;transition:background .15s,border-color .15s;display:flex}.drop-zone.dragging{border-color:var(--admin-green);background:#f2f7f0}.drop-zone.disabled{background:#fafbfa}.upload-icon{width:34px;height:34px;color:var(--admin-green-dark);background:#edf4eb;border-radius:50%;place-items:center;display:grid}.drop-zone>strong{color:#454d46;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.drop-zone>span:not(.upload-icon){color:#737c74;font-size:10px}.choose-file{min-height:34px;color:var(--admin-green-dark);border-radius:var(--admin-radius-sm);background:#fff;border:1px solid #c8d7c6;padding:0 11px;font-size:10px;font-weight:700}.choose-file:disabled{opacity:.5;cursor:not-allowed}.upload-image-preview{object-fit:contain;border-radius:3px;width:68px;height:50px}.selected-file{border-radius:var(--admin-radius-sm);background:#fff;border:1px solid #e4e9e4;align-items:center;gap:8px;min-height:52px;padding:7px 9px;display:flex}.selected-file-icon{color:var(--admin-green-dark)}.selected-file>span:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.selected-file strong{color:#4a524b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.selected-file small{color:#737c74;font-size:9px}.file-remove{color:#879087;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;width:27px;height:27px;display:grid}.file-remove:hover{color:#a34a44;background:#fbefed}.upload-progress{background:#e7ece7;border-radius:5px;width:58px;height:4px;overflow:hidden}.upload-progress span,.progress-track span{background:var(--admin-green);height:100%;transition:width .1s;display:block}.current-file{color:#52764e;align-items:center;gap:6px;font-size:9px;display:flex}.default-cover{color:#737c74;align-items:center;gap:7px;margin:9px 0 0;font-size:9px;line-height:1.45;display:flex}.default-cover img{object-fit:contain;width:22px;height:22px}.publication-options{grid-template-columns:1fr 1fr;gap:9px;display:grid}.publication-option{text-align:left;color:#545d55;border-radius:var(--admin-radius-sm);background:#fff;border:1px solid #e1e6e1;align-items:flex-start;gap:9px;min-height:62px;padding:11px;display:flex}.publication-option.selected{background:#f6faf4;border-color:#93b58e}.radio-dot{border:1px solid #aeb8af;border-radius:50%;flex:none;width:14px;height:14px;margin-top:1px}.publication-option.selected .radio-dot{border:4px solid var(--admin-green-dark)}.publication-option>span:last-child{flex-direction:column;gap:5px;display:flex}.publication-option strong{color:#454d46;font-size:10px}.publication-option small{color:#737c74;font-size:9px;line-height:1.4}.form-error{color:#92443f;border-radius:var(--admin-radius-sm);background:#fbf1f0;border:1px solid #f0d7d4;align-items:flex-start;gap:8px;margin:11px 0;padding:11px;font-size:11px;line-height:1.5;display:flex}.form-error svg{flex:none}.form-actions{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.form-actions>div{align-items:center;gap:8px;display:flex}.form-aside{flex-direction:column;gap:11px;display:flex;position:sticky;top:18px}.aside-preview{border:1px solid var(--admin-border);background:#fff;border-radius:5px;padding:14px}.aside-kicker{color:#737c74;letter-spacing:.13em;font-size:9px;font-weight:800}.aside-thumbnail{background:#edf2eb;border-radius:3px;place-items:center;height:118px;margin:12px 0;display:grid;position:relative;overflow:hidden}.aside-thumbnail>img{object-fit:cover;width:100%;height:100%}.aside-thumbnail>img.default-preview-logo{object-fit:contain;width:76px;height:76px}.aside-thumbnail>span{color:#fff;background:#1f2421d1;border-radius:50%;place-items:center;width:30px;height:30px;padding-left:2px;display:grid;position:absolute}.aside-preview>strong{color:#3c443d;margin-top:6px;font-size:10px;line-height:1.4;display:block}.aside-preview>p{color:#7e877f;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 0;font-size:9px;line-height:1.5;display:-webkit-box;overflow:hidden}.aside-tip{color:#557550;background:#f3f8f1;border:1px solid #dfe9dd;border-radius:4px;gap:8px;padding:11px;display:flex}.aside-tip>svg{flex:none}.aside-tip p{color:#657263;margin:0;font-size:9px;line-height:1.6}.aside-tip strong{color:#4d6949;font-size:10px}.aside-upload{background:#fff;border:1px solid #dfe9dd;border-radius:4px;padding:11px}.aside-upload>div:first-child{color:#69756a;align-items:center;gap:6px;font-size:9px;display:flex}.aside-upload>div:first-child strong{color:#4c6e48;margin-left:auto}.progress-track{background:#e9eee8;border-radius:4px;height:5px;margin:9px 0;overflow:hidden}.aside-upload>button{color:#9b4a44;background:0 0;border:0;padding:0;font-size:9px;font-weight:700}.admin-loading{color:#737d74;justify-content:center;align-items:center;gap:9px;min-height:250px;font-size:11px;display:flex}.admin-form-skeleton{min-height:520px}.admin-skeleton-heading{flex-direction:column;gap:9px;margin-bottom:25px;display:flex}.admin-skeleton-heading i,.admin-form-skeleton-card>i,.admin-form-skeleton-aside>i{background:linear-gradient(90deg,#ecefec 25%,#f5f6f5 50%,#ecefec 75%) 0 0/200% 100%;border-radius:4px;height:11px;animation:1.4s infinite admin-shimmer;display:block}.admin-skeleton-heading i:first-child{width:130px;height:9px}.admin-skeleton-heading i:last-child{width:270px;height:29px}.admin-form-skeleton-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px;display:grid}.admin-form-skeleton-sections{gap:13px;display:grid}.admin-form-skeleton-card,.admin-form-skeleton-aside{border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);background:#fff;flex-direction:column;gap:14px;padding:20px;display:flex}.admin-form-skeleton-card{min-height:164px}.admin-form-skeleton-card>i:first-child{width:42%;height:16px}.admin-form-skeleton-card>i:nth-child(2),.admin-form-skeleton-card>i:last-child{width:100%;height:40px}.admin-form-skeleton-aside{height:255px}.admin-form-skeleton-aside>i:first-child{height:140px}.admin-form-skeleton-aside>i:last-child{height:60px}.admin-toast{z-index:10;color:#506b4d;background:#fff;border:1px solid #dce5da;border-radius:5px;align-items:center;gap:9px;max-width:min(440px,100vw - 32px);min-height:46px;padding:10px 12px;font-size:11px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 26px #16231724}.admin-toast.error{color:#92443f;border-color:#ecd8d5}.admin-toast.warning{color:#80683a;background:#fffdf7;border-color:#eee3c8}.admin-toast>button{width:25px;height:25px;color:inherit;background:0 0;border:0;place-items:center;margin-left:4px;display:grid}.dialog-backdrop{z-index:8;background:#1016119e;place-items:center;padding:clamp(12px,3vw,24px);display:grid;position:fixed;inset:0;overflow:auto}.category-modal,.confirm-dialog{overscroll-behavior:contain;border-radius:var(--admin-radius-md);background:#fff;border:1px solid #e1e6e1;width:min(92vw,450px);max-height:min(90dvh,660px);padding:clamp(18px,3vw,24px);overflow-y:auto;box-shadow:0 12px 40px #0000002e}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-heading h2{color:#323a33;margin:6px 0 0;font-size:18px}.modal-heading>button{color:#727b73;background:#f4f6f4;border:0;border-radius:4px;place-items:center;width:30px;height:30px;display:grid}.category-modal .form-field{margin-top:12px}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.confirm-dialog{width:min(92vw,410px)}.confirm-icon{color:#a34a44;background:#fbefed;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.confirm-icon.notice{color:#8d7442;background:#faf5e8}.confirm-dialog h2{color:#343b35;margin:15px 0 7px;font-size:17px}.confirm-dialog p{color:#747d75;margin:0;font-size:11px;line-height:1.65}.preview-modal{background:#fff;border-radius:6px;flex-direction:column;width:min(94vw,760px);max-height:min(92dvh,760px);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 80px #0000004d}.preview-close{z-index:1;color:#fff;background:#191e1acc;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:11px;right:11px}.preview-video{aspect-ratio:16/9;color:#b6c1b6;background:#171c18;flex-shrink:0;place-items:center;width:100%;display:grid}.preview-video video{object-fit:contain;width:100%;height:100%}.preview-video>div{flex-direction:column;align-items:center;gap:9px;font-size:11px;display:flex}.preview-body{overscroll-behavior:contain;flex:1;padding:clamp(16px,2.5vw,23px);overflow-y:auto}.preview-body h2{color:#333a34;margin:8px 0;font-size:19px}.preview-body p{color:#687168;white-space:pre-line;margin:0;font-size:11px;line-height:1.7}.sidebar-user{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:12px 10px 2px;display:flex}.sidebar-user-meta{align-items:center;gap:8px;min-width:0;display:flex}.sidebar-user-meta svg{color:var(--admin-light-green);flex:none}.sidebar-user-meta>div{flex-direction:column;gap:2px;min-width:0;display:flex}.sidebar-user-meta strong{color:#f1f4f1;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-user-meta span{color:#8d978e;font-size:9px}.sidebar-logout{border-radius:var(--admin-radius-sm);color:#d5dcd5;cursor:pointer;background:0 0;border:1px solid #ffffff24;flex:none;align-items:center;gap:5px;padding:6px 8px;font-size:10px;font-weight:700;display:inline-flex}.sidebar-logout:hover{color:#fff;background:#ffffff14}.admin-login-shell{background:radial-gradient(circle at 0 0,#709e6c2e,#0000 46%),#1f2421;place-items:center;min-height:100dvh;padding:clamp(14px,3vw,24px) clamp(10px,2.5vw,16px);font-family:Lato,Arial,sans-serif;display:grid}.admin-auth-loading{color:#e2e8e2;align-items:center;gap:10px;font-size:13px;display:inline-flex}.admin-login-card{background:#fff;border-radius:8px;width:min(440px,100%);padding:clamp(18px,4vw,28px);box-shadow:0 24px 70px #00000052}.admin-login-header{text-align:center;margin-bottom:20px}.admin-login-logo{object-fit:contain;width:auto;max-width:min(180px,75%);height:auto;max-height:64px;margin:0 auto 12px;display:block}.admin-login-header h1{color:#232924;letter-spacing:-.02em;margin:6px 0;font-size:clamp(1.1875rem,1rem + .8vw,1.375rem)}.admin-login-header p{color:#6c756d;margin:0;font-size:12px;line-height:1.5}.admin-login-form{flex-direction:column;gap:14px;display:flex}.login-remember{border-radius:var(--admin-radius-sm);cursor:pointer;background:#f9fbf9;border:1px solid #e3e8e3;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.login-remember input{width:17px;height:17px;accent-color:var(--admin-green-dark);cursor:pointer;flex:none;margin:2px 0 0}.login-remember>span{flex-direction:column;gap:2px;min-width:0;display:flex}.login-remember strong{color:#2b332c;font-size:12px;font-weight:700}.login-remember small{color:#677068;font-size:10.5px;line-height:1.35}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-wrap>svg{color:#7e877f;pointer-events:none;position:absolute;left:12px}.login-input-wrap input{color:#252b26;border:1px solid #d5dcd5;border-radius:4px;width:100%;height:42px;padding:0 42px 0 36px;font-size:13px}.login-input-wrap input:focus{outline-offset:1px;border-color:#4f7a4b;outline:2px solid #4f7a4b}.toggle-password-btn{color:#7a837b;cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;display:grid;position:absolute;right:6px}.caps-lock-warning{color:#b4691b;font-size:10px;font-weight:700}.login-turnstile-wrap{justify-content:center;max-width:100%;min-height:65px;display:flex;overflow-x:auto}.admin-login-submit{width:100%;min-height:44px;font-size:13px}.admin-login-footer{border-top:1px solid #edf0ed;justify-content:center;margin-top:16px;padding-top:14px;display:flex}.admin-restricted-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.admin-restricted-actions .admin-primary{justify-content:center;width:100%;min-height:44px}.activity-strip.action-strip{justify-content:space-between;margin-bottom:18px}.activity-strip.action-strip>div{flex:1}.comment-admin-list{flex-direction:column;gap:12px;padding:14px 19px 19px;display:flex}.comment-admin-card{border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);background:#fff;padding:15px 16px}.comment-admin-card.is-hidden{opacity:.78;background:#fafbfa}.comment-admin-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.comment-admin-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.comment-admin-meta strong{color:#262d27;font-size:13px}.comment-kind-badge{color:#4c554d;background:#eef1ee;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.comment-kind-badge.question{color:#826330;background:#f7f0e2}.comment-kind-badge.answer{color:var(--admin-green-dark);background:#eaf4eb}.comment-admin-date{color:#838b84;font-size:10px}.comment-admin-tutorial{color:#69726a;margin-bottom:8px;font-size:11px}.comment-admin-body{color:#2b322c;white-space:pre-line;margin:0;font-size:12px;line-height:1.65}.comment-reply-box{border-top:1px solid #edf0ed;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;display:flex}.comment-reply-box textarea{border-radius:var(--admin-radius-sm);width:100%;font:inherit;resize:vertical;border:1px solid #d5dcd5;padding:10px 12px;font-size:12px}.comment-reply-actions{justify-content:flex-end;gap:8px;display:flex}.turnstile-notice{color:#5d665e;text-align:center;background:#f4f6f4;border:1px dashed #c8d2c8;border-radius:4px;padding:10px 12px;font-size:11px;line-height:1.5}.turnstile-error{color:#a33d37;text-align:center;margin:6px 0 0;font-size:11px}@media (width<=900px){.admin-sidebar{width:100%;height:auto;padding:10px 14px 9px;position:relative;inset:auto;overflow:visible}.admin-logo{width:100%;height:76px;margin-left:0;padding:0 0 10px}.admin-logo img{width:min(220px,100%);height:64px}.sidebar-label,.sidebar-bottom{display:none}.topbar-user{display:flex}.admin-nav{-webkit-overflow-scrolling:touch;flex-flow:row;gap:5px;margin-top:8px;padding-bottom:2px;overflow-x:auto}.admin-nav-link{flex:none;gap:8px;width:auto;min-height:40px;padding:0 11px;font-size:12px}.admin-nav-link>svg{width:15px;height:15px}.nav-active-mark{width:auto;height:2px;inset:auto 7px 0}.admin-workspace{margin-left:0}.form-layout,.admin-form-skeleton-layout{grid-template-columns:1fr}.admin-form-skeleton-aside{display:none}.form-aside{grid-row:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-items:start;display:grid;position:static}}@media (width<=560px){.admin-page-intro{align-items:stretch;gap:12px}.admin-page-intro>.admin-primary{width:100%}.filter-toolbar{flex-wrap:wrap;align-items:stretch}.admin-search{width:100%;min-width:0}.admin-select{flex:1;min-width:110px}.admin-table{min-width:660px}.category-toolbar{flex-wrap:wrap;gap:10px}.category-toolbar .admin-search{min-width:0}.category-admin-list{padding:0 12px}.category-admin-row{gap:8px}.category-admin-icon{width:32px;height:32px}.category-tutorial-count{font-size:10px}.category-tutorial-count svg{display:none}.comment-admin-top{flex-wrap:wrap}.row-actions{gap:2px}.form-section{padding:15px}.form-layout{gap:10px}.aside-thumbnail{height:140px}.publication-options{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions>button,.form-actions>div{width:100%}.form-actions>div{grid-template-columns:1fr 1fr;display:grid}.admin-toast{bottom:12px;right:12px}}@media (pointer:coarse){.admin-primary,.admin-secondary,.danger-button,.admin-nav-link,.topbar-logout,.choose-file,.keyword-entry button{min-height:44px}.row-actions button,.pagination button,.file-remove,.modal-heading>button,.preview-close,.toggle-password-btn{min-width:44px;min-height:44px}}:root{color:#242a25;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#709e6c;--green-dark:#4f7a4b;--pale-green:#c2eb99;--ink:#1f2421;--muted:#707770;--border:#e4e8e4;--page-width:1160px;--radius-sm:4px;--radius-md:6px;--control-height:42px;--focus-ring:0 0 0 3px #4f7a4b29;background:#f6f7f6;font-family:Lato,Arial,sans-serif}*{box-sizing:border-box}html,body{overflow-x:clip}body{min-width:320px;margin:0}img,video{max-width:100%}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green-dark);outline-offset:2px}.topbar{min-height:64px;padding:10px clamp(14px, 3vw, max(32px, calc((100% - var(--page-width)) / 2)));background:#fff;border-bottom:1px solid #eef0ee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;display:flex}.topbar-search{background:#f7f9f7;border:1px solid #d5dcd5;border-radius:999px;flex:1;align-items:center;max-width:480px;height:40px;transition:border-color .16s,box-shadow .16s,background .16s;display:flex;overflow:hidden}.topbar-search:focus-within{border-color:var(--green);box-shadow:var(--focus-ring);background:#fff}.topbar-search input{color:#242a25;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 12px 0 16px;font-size:13px}.topbar-search-clear{color:#778078;background:0 0;border:0;place-items:center;width:30px;height:30px;display:grid}.topbar-search-btn{color:#4b544c;background:#f0f3ef;border:0;border-left:1px solid #e1e6e1;place-items:center;width:48px;height:100%;display:grid}.topbar-search-btn:hover{color:var(--green-dark);background:#e6ede4}.brand{align-items:center;gap:14px;display:inline-flex}.brand-logo{object-fit:contain;flex:none;width:46px;height:46px;display:block}.brand-divider{background:#d7ddd7;width:1px;height:25px}.brand-label{letter-spacing:.01em;font-size:14px;font-weight:700}.admin-link{color:#59615a;background:0 0;border:0;padding:9px 0;font-size:13px;font-weight:700}.admin-link:hover,.text-button:hover,.topbar-logout-btn:hover{color:var(--green-dark)}.topbar-actions{align-items:center;gap:14px;min-width:0;display:inline-flex}.topbar-user{color:#39413a;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:13px;font-weight:600;overflow:hidden}.topbar-logout-btn{border-radius:var(--radius-sm);color:#555d56;background:#fff;border:1px solid #d9dfd9;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:700;display:inline-flex}.hero{background:var(--ink);color:#fff;min-height:clamp(240px,34dvh,355px);position:relative;overflow:hidden}.hero-inner{width:min(var(--page-width), calc(100% - clamp(24px, 5vw, 64px)));margin:0 auto;padding:clamp(24px,4vw,43px) 0 clamp(24px,3.5vw,38px)}.eyebrow,.section-kicker{letter-spacing:.16em;font-size:10px;font-weight:800}.eyebrow{color:#c4d2c3;align-items:center;gap:8px;display:flex}.hero-logo{object-fit:contain;width:clamp(130px,24vw,165px);height:auto;margin-right:10px;display:block}.eyebrow-dot{background:var(--pale-green);border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-.035em;margin:13px 0 9px;font-size:clamp(1.85rem,1.35rem + 2.2vw,3rem);font-weight:700;line-height:1.08}.hero h1 span{color:var(--pale-green)}.hero p{color:#c4cbc5;margin:0;font-size:clamp(13px,1.4vw,15px);line-height:1.6}.searchbox{border-radius:var(--radius-md);color:#6d756e;background:#fff;align-items:center;gap:10px;width:min(590px,100%);height:48px;margin-top:20px;padding:0 14px;display:flex;box-shadow:0 4px 14px #0000001f}.searchbox:focus-within{box-shadow:var(--focus-ring)}.searchbox input{color:#252b26;background:0 0;border:0;outline:0;flex:1;width:100%;min-width:0;font-size:13px}.searchbox input::placeholder{color:#89908a}.clear-search{color:#777;background:0 0;border:0;justify-content:center;align-items:center;padding:6px;display:flex}.hero-note{color:#aab4aa;align-items:center;gap:7px;margin-top:10px;font-size:11px;display:flex}.hero-note svg{color:var(--pale-green)}.content-width{width:min(var(--page-width), calc(100% - clamp(24px, 5vw, 64px)));margin:0 auto}.categories-section{padding-top:clamp(28px,4vw,45px);padding-bottom:clamp(28px,4vw,48px)}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 20px;margin-bottom:20px;display:flex}.section-kicker{color:var(--green-dark)}.section-heading h2{color:#282e29;letter-spacing:-.025em;margin:8px 0 0;font-size:clamp(1.1875rem,1rem + .8vw,1.4375rem)}.text-button{color:#566056;background:0 0;border:0;align-items:center;gap:7px;padding:8px 0;font-size:12px;font-weight:700;display:flex}.text-button.selected{color:var(--green-dark)}.category-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(8px,1.2vw,11px);display:grid}.category-item{text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);min-height:64px;color:inherit;background:#fff;align-items:center;gap:11px;padding:10px 12px;transition:border-color .16s,background .16s;display:flex}.category-item:hover,.category-item.active{background:#fcfdfc;border-color:#a9bea6}.category-icon{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--green-dark);background:#f0f4ef;flex:none;place-items:center;display:grid}.category-icon svg{display:block}.category-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.category-copy strong{font-size:12px;font-weight:700;line-height:1.35}.category-copy small{color:#858c86;font-size:10px;line-height:1.3}.category-arrow{color:#9aa39b}.category-item.active .category-arrow{color:var(--green-dark)}.category-skeleton,.tutorial-skeleton{background:linear-gradient(90deg,#ecefec 25%,#f5f6f5 50%,#ecefec 75%) 0 0/200% 100%;border-radius:5px;animation:1.3s infinite shimmer}.category-skeleton{height:70px}@keyframes shimmer{to{background-position:-200% 0}}.tutorials-section{background:#f3f5f3;border-top:1px solid #e9ece9;min-height:280px;padding:clamp(28px,4vw,42px) 0 clamp(36px,5vw,52px)}.tutorial-heading{align-items:end;margin-bottom:22px}.tutorial-heading h2{font-size:clamp(1.25rem,1rem + .8vw,1.5rem)}.section-subtitle{color:#777f78;margin:7px 0 0;font-size:12px}.result-count{color:#737b74;padding-bottom:4px;font-size:11px}.tutorial-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:stretch;gap:clamp(12px,1.6vw,18px);display:grid}.tutorial-card{text-align:left;border-radius:var(--radius-md);min-width:0;height:100%;color:inherit;background:#fff;border:1px solid #e5e9e5;flex-direction:column;padding:0;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.tutorial-card:hover{border-color:#cad7c8;box-shadow:0 5px 16px #1b2a1c12}.thumbnail{aspect-ratio:16/9;background:#e7ede5;flex:none;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%}.thumbnail-art{background:#eaf0e8;place-items:center;width:100%;height:100%;display:grid}.thumbnail-art img{object-fit:contain;width:76px;height:76px}.play-button{color:#fff;background:#1f2421e0;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:37px;height:37px;padding-left:2px;transition:transform .18s,background .18s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-card:hover .play-button{background:var(--green-dark);transform:translate(-50%,-50%)scale(1.08)}.duration{color:#fff;background:#1f2421d9;border-radius:3px;padding:4px 6px;font-size:10px;position:absolute;bottom:8px;right:9px}.tutorial-body{flex-direction:column;flex:1;align-items:flex-start;min-height:175px;padding:14px 15px 13px;display:flex}.tutorial-category{color:var(--green-dark);letter-spacing:.03em;font-size:10px;font-weight:700}.tutorial-title{color:#282e29;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px;margin-top:7px;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}.tutorial-description{color:#737b74;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:34px;margin-top:6px;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.watch-link{color:var(--green-dark);align-items:center;gap:6px;margin-top:auto;padding-top:12px;font-size:11px;font-weight:700;display:flex}.tutorial-skeleton{height:290px}.state-card{text-align:center;border-radius:var(--radius-md);color:#667067;background:#fffc;border:1px solid #e2e7e2;padding:32px 20px}.state-card>svg{color:var(--green);margin-bottom:10px}.state-card strong{color:#343b35;font-size:14px;display:block}.state-card p{margin:8px 0 0;font-size:12px;line-height:1.5}.empty-icon{width:42px;height:42px;color:var(--green-dark);background:#edf4eb;border-radius:50%;place-items:center;margin-bottom:9px;display:inline-grid}.outline-button,.primary-button{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;min-height:38px;margin-top:17px;padding:0 15px;font-size:12px;font-weight:700;display:inline-flex}.outline-button{color:var(--green-dark);background:#fff;border:1px solid #bdcdbb}.outline-button:hover{background:#f4f8f2}.inline-empty{color:var(--muted);font-size:13px}.footer{background:var(--ink);color:#b6beb7}.footer-inner{width:min(var(--page-width), calc(100% - clamp(24px, 5vw, 64px)));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;min-height:72px;margin:auto;padding:14px 0;font-size:11px;display:flex}.footer-brand{align-items:center;display:flex}.footer-logo{object-fit:contain;width:118px;height:40px;display:block}.watch-page{background:#f8faf8;min-height:calc(100dvh - 140px);padding:clamp(12px,2vw,22px) 0 clamp(32px,4vw,56px)}.watch-shell{width:min(1400px,100% - clamp(20px,3.5vw,48px));margin:0 auto}.watch-breadcrumb{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:clamp(10px,1.5vw,16px);display:flex}.watch-back-btn{color:#39423a;background:#fff;border:1px solid #dbe2db;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:7px 12px;font-size:12px;font-weight:700;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.watch-back-btn:hover{border-color:var(--green);color:var(--green-dark);background:#f4f8f3}.watch-breadcrumb-sep{color:#9ea79f;font-size:12px}.watch-category-chip{color:var(--green-dark);background:#eaf3e8;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11px;font-weight:700;display:inline-flex}.watch-theater-stage{margin-bottom:20px}.watch-grid{grid-template-columns:1fr;align-items:start;gap:clamp(16px,2vw,24px);display:grid}.watch-primary{min-width:0}.watch-player-frame{aspect-ratio:16/9;background:#111612;border-radius:clamp(8px,1vw,12px);width:100%;overflow:hidden;box-shadow:0 12px 32px #11191324}.watch-player-frame.is-theater{border-radius:14px;max-height:76dvh}.watch-player-frame video{object-fit:contain;width:100%;height:100%;display:block}.video-unavailable{color:#ccd5cc;flex-direction:column;justify-content:center;align-items:center;gap:13px;height:100%;display:flex}.video-unavailable p{font-size:12px}.play-button.large{width:52px;height:52px;position:static;transform:none}.watch-header{margin-top:16px}.watch-header h1{color:#1f2421;letter-spacing:-.02em;margin:0;font-size:clamp(20px,2.2vw,24px);font-weight:800;line-height:1.28}.watch-channel-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.watch-channel-info{align-items:center;gap:11px;min-width:0;display:flex}.watch-channel-avatar{background:#fff;border:1px solid #d9e3d8;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;padding:5px;display:grid;overflow:hidden}.watch-channel-avatar img{object-fit:contain;width:100%;height:100%}.watch-channel-info>div{flex-direction:column;gap:2px;min-width:0;display:flex}.watch-channel-info strong{color:#222823;font-size:14px;font-weight:800}.watch-channel-info span{color:#6c756d;font-size:12px}.watch-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.watch-meta-pill,.watch-action-btn{color:#313932;background:#fff;border:1px solid #dce2dc;border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 13px;font-size:12px;font-weight:700;display:inline-flex}.watch-action-btn:hover{color:var(--green-dark);background:#eff4ee;border-color:#b7cbb5}.watch-action-btn.copied{border-color:var(--green);color:var(--green-dark);background:#eaf4e8}.watch-theater-btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.watch-description-box{background:#eef3ed;border:1px solid #e2e8e2;border-radius:10px;margin-top:16px;padding:15px 18px}.watch-description-meta{color:#2f3830;flex-wrap:wrap;gap:14px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.watch-description-text{color:#464f47;white-space:pre-line;margin:0;font-size:13.5px;line-height:1.65}.watch-description-text.is-clamped{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.watch-description-toggle{color:var(--green-dark);background:0 0;border:0;margin-top:8px;padding:0;font-size:12px;font-weight:800}.watch-keywords{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.watch-keyword-pill{color:var(--green-dark);background:#fff;border:1px solid #d9e3d8;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.watch-sidebar{flex-direction:column;gap:12px;min-width:0;display:flex}.watch-sidebar-head{flex-direction:column;gap:10px;display:flex}.watch-sidebar-head h2{color:#232924;margin:0;font-size:15px;font-weight:800}.watch-sidebar-chips{flex-wrap:wrap;gap:6px;display:flex}.watch-sidebar-chips button{color:#485149;background:#fff;border:1px solid #d8dfd8;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700}.watch-sidebar-chips button.active{background:var(--ink);border-color:var(--ink);color:#fff}.watch-sidebar-empty{color:#656e66;background:#fff;border:1px solid #e2e7e2;border-radius:10px;padding:18px;font-size:12px}.watch-sidebar-empty p{margin:0;line-height:1.5}.watch-upnext-list{flex-direction:column;gap:10px;display:flex}.watch-theater-btn{display:none}.watch-upnext-card{text-align:left;width:100%;color:inherit;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:clamp(120px,34vw,160px) minmax(0,1fr);gap:10px;padding:6px;transition:background .15s,border-color .15s;display:grid}.watch-upnext-card:hover{background:#fff;border-color:#dce4db}.watch-upnext-thumb{aspect-ratio:16/9;background:#e4ebe3;border-radius:8px;width:100%;position:relative;overflow:hidden}.watch-upnext-thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumbnail-art.compact img{object-fit:contain;width:42px;height:42px}.watch-upnext-duration{color:#fff;background:#141815db;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:700;position:absolute;bottom:6px;right:6px}.watch-upnext-meta{flex-direction:column;gap:4px;min-width:0;padding-top:2px;display:flex}.watch-upnext-title{color:#212722;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.watch-upnext-category{color:var(--green-dark);font-size:11px;font-weight:700}.watch-upnext-stats{color:#747d75;align-items:center;gap:4px;font-size:11px;display:inline-flex}.watch-not-found{max-width:520px;margin:40px auto}.watch-player-skeleton,.watch-title-skeleton,.watch-side-skeleton{background:linear-gradient(90deg,#ecefec 25%,#f5f6f5 50%,#ecefec 75%) 0 0/200% 100%;border-radius:10px;animation:1.3s infinite shimmer}.watch-player-skeleton{aspect-ratio:16/9;width:100%}.watch-title-skeleton{width:65%;height:28px;margin-top:16px}.watch-side-skeleton{width:100%;height:92px}.tutorial-card-footer{justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:auto;padding-top:12px;display:flex}.tutorial-card-footer .watch-link{margin-top:0;padding-top:0}.comment-count-pill{color:#536054;background:#f0f4ef;border-radius:999px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex}.comments-section{border-top:1px solid #e3e8e3;margin-top:24px;padding-top:22px}.comments-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.comments-header h3{color:#222823;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:800;display:flex}.comments-header span{color:#6d766e;font-size:12px;font-weight:700}.comment-form{background:#fff;border:1px solid #e1e7e1;border-radius:10px;flex-direction:column;gap:12px;margin-bottom:20px;padding:clamp(12px,2vw,16px);display:flex}.comment-form-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.comment-form-top input{flex:1;min-width:min(100%,200px)}.comment-kind-switch{flex:none;gap:6px;display:inline-flex}.comment-kind-switch button{color:#566057;background:#fff;border:1px solid #d5dcd5;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700}.comment-kind-switch button.active{background:var(--green-dark);border-color:var(--green-dark);color:#fff}.comment-form input,.comment-form textarea{border-radius:var(--radius-sm);color:#242a25;width:100%;font:inherit;background:#fff;border:1px solid #d8dfd8;padding:10px 12px;font-size:13px}.comment-form textarea{resize:vertical;min-height:82px}.comment-form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.comment-turnstile{align-items:center;max-width:100%;min-height:65px;display:flex;overflow-x:auto}.turnstile-box{width:100%}.turnstile-notice{border-radius:var(--radius-sm);color:#5d665e;background:#f4f6f4;border:1px dashed #c8d2c8;padding:10px 12px;font-size:11px;line-height:1.5}.turnstile-error{color:#b4423b;margin:6px 0 0;font-size:11px}.comment-feedback{margin:0;font-size:12px;font-weight:700}.comment-feedback.error{color:#a33d37}.comment-feedback.success{color:var(--green-dark)}.comment-submit-row{justify-content:flex-end;margin-left:auto;display:flex}.comment-submit-btn{color:#fff;background:var(--green-dark);border:1px solid var(--green-dark);margin-top:0}.comment-submit-btn:hover{background:#41683d}.comment-submit-btn:disabled{opacity:.55;cursor:not-allowed}.comments-empty{color:#757e76;margin:0;font-size:13px}.comments-list{flex-direction:column;gap:14px;display:flex}.comment-item{background:#fff;border:1px solid #e6ebe6;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.comment-avatar{width:36px;height:36px;color:var(--green-dark);background:#eaf3e8;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.comment-content{flex:1;min-width:0}.comment-item-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:5px;display:flex}.comment-item-head strong{color:#242a25;font-size:13px}.comment-item-head time{color:#828b83;margin-left:auto;font-size:11px}.comment-badge{border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.comment-badge.question{color:#806332;background:#f7f0e2}.comment-badge.answer{color:var(--green-dark);background:#e8f3e6}.comment-item p{color:#434b44;white-space:pre-line;margin:0;font-size:13px;line-height:1.6}.comment-replies{border-left:2px solid #cfe0cd;flex-direction:column;gap:8px;margin-top:12px;padding-left:14px;display:flex}.comment-reply{background:#f6faf5;border-radius:8px;padding:10px 12px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=767px){.topbar-search{flex:100%;order:3;max-width:100%;height:38px}.topbar-user{display:none}.brand{gap:9px}.brand-logo{width:38px;height:38px}.brand-divider{height:20px}.brand-label{font-size:12.5px}.admin-link{font-size:12px}.topbar-actions{gap:8px}.comment-submit-row{width:100%;margin-left:0}.comment-submit-btn{width:100%}.footer-inner>span:last-child{display:none}.footer-logo{width:98px;height:34px}}@media (width>=640px) and (width<=1023px){.watch-upnext-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;display:grid}}@media (width>=1024px){.watch-grid{grid-template-columns:minmax(0,1fr) clamp(300px,27vw,390px)}.watch-theater-btn{display:inline-flex}}@media (pointer:coarse){.topbar-logout-btn,.topbar-search-clear,.topbar-search-btn,.clear-search,.watch-back-btn,.watch-action-btn,.watch-sidebar-chips button,.comment-kind-switch button,.outline-button,.primary-button{min-height:44px}.topbar-search-clear,.topbar-search-btn,.clear-search{min-width:44px}.admin-link,.text-button{min-height:44px;padding-inline:6px}}