[x-cloak]{display:none!important}.tutorial-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e8e8e8);border-radius:14px;flex-direction:column;height:100%;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.dark-theme .tutorial-card{background:var(--dark-card-bg,#29231c)}.tutorial-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #7c58001f}.tutorial-card-thumb{aspect-ratio:16/9;background:var(--shimmer-bg,#f0f0f0);display:block;position:relative;overflow:hidden}.tutorial-card-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s}.tutorial-card:hover .tutorial-card-thumb img{transform:scale(1.04)}.tutorial-play-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.tutorial-play-overlay i{color:#fff;font-size:52px}.tutorial-card:hover .tutorial-play-overlay{opacity:1}.tutorial-duration-badge{bottom:8px;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:8px;padding:2px 7px;font-size:11px;font-weight:600;position:absolute;inset-inline-end:8px}.tutorial-price-badge{top:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;inset-inline-start:8px}.tutorial-price-badge--free{color:#fff;background:#22c55ee6}.tutorial-price-badge--paid{color:#fff;background:#7c5800e6}.tutorial-card-body{flex-direction:column;flex:1;padding:12px 14px;display:flex}.tutorial-card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.tutorial-card-title{color:var(--text-primary,#111);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:auto;padding-bottom:10px;font-size:14px;font-weight:500;line-height:1.45;text-decoration:none;transition:color .15s;display:-webkit-box;overflow:hidden}.tutorial-card-title:hover{color:var(--primary-color,var(--m3-primary,#7c5800))}.tutorial-card-footer{border-top:1px solid var(--border-color,#f0f0f0);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.tutorial-card-author{color:var(--text-muted,#6b7280);align-items:center;gap:6px;font-size:12px;text-decoration:none;display:flex}.tutorial-card-author img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:22px;height:22px}.tutorial-card-stats{color:var(--text-muted,#6b7280);gap:10px;font-size:12px;display:flex}.tutorial-card-stats span{align-items:center;gap:3px;display:flex}.tutorial-level-badge{border-radius:12px;padding:2px 9px;font-size:11px;font-weight:600}.tutorial-level--beginner{color:#16a34a;background:#22c55e1f}.tutorial-level--intermediate{color:var(--m3-primary,#7c5800);background:#3b82f61f}.tutorial-level--advanced{color:#dc2626;background:#ef44441f}.tutorial-video-wrapper{background:#000;border-radius:12px;margin-bottom:0;padding-top:56.25%;position:relative;overflow:hidden}.tutorial-video-wrapper iframe,.tutorial-video-wrapper video,.tutorial-video-wrapper img{border:none;width:100%;height:100%;position:absolute;inset:0}.tutorial-action-btn{border:1px solid var(--border-color,#e8e8e8);color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.tutorial-action-btn:hover,.tutorial-action-btn.active{color:var(--primary-color,var(--m3-primary,#7c5800));border-color:var(--primary-color,var(--m3-primary,#7c5800))}.tutorial-action-btn.active i{color:var(--primary-color,var(--m3-primary,#7c5800))}@keyframes tutorialCardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.tutorial-card-enter{animation:.35s cubic-bezier(.22,1,.36,1) both tutorialCardIn}@media (prefers-reduced-motion:reduce){.tutorial-card-enter{animation:none}}.tutorial-empty{text-align:center;color:var(--text-muted,#9ca3af);padding:60px 20px}.tutorial-empty i{margin-bottom:12px;font-size:52px;display:block}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-line,.skeleton-rect{background:linear-gradient(90deg,#0000000f 25%,#ffffffa6 50%,#0000000f 75%) 0 0/1200px 100%;border-radius:6px;animation:1.6s linear infinite shimmer;display:block}.skeleton-wrapper{pointer-events:none;-webkit-user-select:none;user-select:none}.w-full{width:100%}.w-80{width:80%}.w-60px{width:60px}.w-80px{width:80px}@keyframes spin{to{transform:rotate(360deg)}}.feed-spinner{border:3px solid var(--border-color,#e8e8e8);border-top:3px solid var(--primary-color,var(--m3-primary,#7c5800));border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.7s linear infinite spin}.social-links{flex-wrap:wrap;gap:10px;padding-top:4px;display:flex}.social-link{border:1px solid var(--border-color,#e8e8e8);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:border-color .18s,transform .18s;display:flex;overflow:hidden}.social-link:hover{border-color:var(--primary-color,var(--m3-primary,#7c5800));transform:translateY(-2px)}.social-link img{-o-object-fit:contain;object-fit:contain;width:22px;height:22px}.auction-image-upload{border:2px dashed var(--border-color,#d1d5db);border-radius:12px;transition:border-color .2s,background .2s}.auction-image-upload.drag-over{border-color:var(--primary-color,var(--m3-primary,#7c5800));background:#7c58000a}.auction-upload-label{cursor:pointer;color:var(--text-muted,#6b7280);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:36px 20px;display:flex}.auction-upload-label i{color:var(--primary-color,var(--m3-primary,#7c5800));font-size:36px}.event-cover-preview{aspect-ratio:16/7;border-radius:10px;position:relative;overflow:hidden}.event-cover-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.remove-preview{top:10px;color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex;position:absolute;inset-inline-end:10px}[dir=rtl] .tutorial-duration-badge{inset-inline:8px auto}[dir=rtl] .tutorial-price-badge{inset-inline:auto 8px}[dir=rtl] .remove-preview{inset-inline:10px auto}.tu-bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.tu-bars i{opacity:.3;background:currentColor;border-radius:1px;width:3px}.tu-bars i:first-child{height:5px}.tu-bars i:nth-child(2){height:8px}.tu-bars i:nth-child(3){height:12px}.tu-bars--beginner i:first-child,.tu-bars--intermediate i:nth-child(-n+2),.tu-bars--advanced i{opacity:1}.lst-seg-item .tu-bars{color:var(--m3-primary,#7c5800)}.tu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=1199px){.tu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=991px){.tu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=575px){.tu-grid{grid-template-columns:1fr}}.tu-card{border-radius:var(--m3-shape-l,16px);background:var(--m3-surface,#fff);box-shadow:var(--m3-elev-1);transition:box-shadow var(--m3-dur-medium,.3s) var(--m3-ease-standard,ease);flex-direction:column;display:flex;overflow:hidden}.tu-card:hover{box-shadow:var(--m3-elev-3)}.tu-thumb{aspect-ratio:2;background:var(--m3-surface-container,#f5ece2);display:block;position:relative;overflow:hidden}.tu-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:filter var(--m3-dur-medium,.3s) var(--m3-ease-standard,ease);display:block}.tu-card:hover .tu-thumb img{filter:brightness(.92)}.tu-thumb-shade{pointer-events:none;background:linear-gradient(#0000004d 0%,#0000 40% 60%,#00000073 100%);position:absolute;inset:0}.tu-play{width:46px;height:46px;color:var(--m3-primary,#7c5800);transition:box-shadow var(--m3-dur-medium,.3s) var(--m3-ease-standard,ease);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;margin:-23px 0 0 -23px;font-size:1.1rem;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #00000040,0 0 0 5px #ffffff38}.tu-card:hover .tu-play{box-shadow:0 4px 14px #0000004d,0 0 0 8px #ffffff47}.tu-play i{transform:translate(2px)}.tu-level,.tu-price{border-radius:var(--m3-shape-s,8px);font-variant-numeric:tabular-nums;align-items:center;gap:5px;height:24px;padding-inline:8px;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:10px}.tu-level{color:var(--m3-on-surface,#1f1b16);background:#ffffffeb;inset-inline-start:10px}.tu-level.is-beginner{color:#2f6b2a}.tu-level.is-intermediate{color:#8a5a00}.tu-level.is-advanced{color:#b3261e}.dark-theme .tu-level{background:#211c16e0}.tu-price{inset-inline-end:10px}.tu-price.is-free{background:var(--m3-tertiary-container,#ceebc3);color:var(--m3-on-tertiary-container,#0a2008)}.tu-price.is-paid{background:var(--m3-primary-fill,#e3a81f);color:var(--m3-on-primary-fill,#2b1c00)}.tu-duration{bottom:8px;color:#fff;font-variant-numeric:tabular-nums;background:#000000b3;border-radius:6px;align-items:center;gap:4px;height:22px;padding-inline:7px;font-size:.68rem;font-weight:600;display:inline-flex;position:absolute;inset-inline-end:8px}.tu-body{flex-direction:column;flex:1;gap:8px;padding:12px 14px 14px;display:flex}.tu-topline{justify-content:space-between;align-items:center;gap:8px;min-height:18px;display:flex}.tu-category{letter-spacing:.02em;color:var(--m3-primary,#7c5800);font-size:.72rem;font-weight:700}.tu-date{color:var(--m3-outline,#807667);white-space:nowrap;font-size:.7rem;font-weight:500}.tu-title{-webkit-line-clamp:2;min-height:2.8em;color:var(--m3-on-surface,#1f1b16);-webkit-box-orient:vertical;font-size:.95rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.tu-title:hover{color:var(--m3-primary,#7c5800)}.tu-desc{-webkit-line-clamp:2;min-height:3em;color:var(--m3-on-surface-variant,#4e4639);-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.tu-desc.is-empty{color:var(--m3-outline,#807667);font-style:italic}.tu-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:2px 0 0;display:grid}.tu-stats>div{background:var(--m3-surface-low,#fbf3ea);border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:7px 4px;display:flex}.tu-stats dt{color:var(--m3-on-surface-variant,#4e4639);white-space:nowrap;font-size:.66rem;font-weight:500}.tu-stats dd{color:var(--m3-on-surface,#1f1b16);font-variant-numeric:tabular-nums;margin:0;font-size:.9rem;font-weight:800}.tu-stats dd.is-liked{color:#e5484d}.tu-stats dd.is-saved{color:var(--m3-primary,#7c5800)}.tu-foot{justify-content:space-between;align-items:center;gap:8px;min-height:30px;display:flex}.tu-author{min-width:0;color:var(--m3-on-surface,#1f1b16);align-items:center;gap:8px;font-size:.78rem;font-weight:600;display:flex}.tu-author img{-o-object-fit:cover;object-fit:cover;border-radius:50%;flex:none;width:26px;height:26px}.tu-author span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tu-provider{color:#e5484d;flex:none;font-size:1.15rem;line-height:1}.tu-btn{border-radius:var(--m3-shape-full,999px);white-space:nowrap;width:100%;height:36px;transition:background-color var(--m3-dur-short,.15s) var(--m3-ease-standard,ease);justify-content:center;align-items:center;gap:6px;margin-top:auto;font-size:.82rem;font-weight:600;display:inline-flex}.tu-btn--filled{background:var(--m3-primary-fill,#e3a81f);color:var(--m3-on-primary-fill,#2b1c00)}.tu-btn--filled:hover{background:color-mix(in srgb, var(--m3-primary-fill,#e3a81f) 88%, #000);color:var(--m3-on-primary-fill,#2b1c00)}.tu-btn--tonal{background:var(--m3-secondary-container,#f6e0bb);color:var(--m3-on-secondary-container,#251a04)}.tu-btn--tonal:hover{background:color-mix(in srgb, var(--m3-secondary-container,#f6e0bb) 88%, var(--m3-on-secondary-container,#251a04));color:var(--m3-on-secondary-container,#251a04)}.lst-viewable.is-list .tu-card{grid-template-columns:320px minmax(0,1fr);align-items:stretch;min-height:196px;display:grid}.lst-viewable.is-list .tu-thumb{aspect-ratio:auto;height:100%;min-height:180px}.lst-viewable.is-list .tu-play{width:56px;height:56px;margin:-28px 0 0 -28px;font-size:1.3rem}.lst-viewable.is-list .tu-body{-moz-column-gap:24px;grid-template:"top stats""title stats""desc stats"1fr"foot cta"/minmax(0,1fr) 248px;gap:6px 24px;padding:18px 20px;display:grid}.lst-viewable.is-list .tu-topline{grid-area:top;justify-content:flex-start;gap:12px}.lst-viewable.is-list .tu-date:before{content:"·";color:var(--m3-outline-variant,#e3d8c8);margin-inline-end:12px}.lst-viewable.is-list .tu-title{-webkit-line-clamp:2;grid-area:title;min-height:0;font-size:1.15rem}.lst-viewable.is-list .tu-desc{grid-area:desc;max-width:62ch;min-height:0;font-size:.86rem}.lst-viewable.is-list .tu-foot{border-top:0;grid-area:foot;justify-content:flex-start;gap:12px;margin-top:0;padding-top:4px}.lst-viewable.is-list .tu-author img{width:30px;height:30px}.lst-viewable.is-list .tu-stats{border-radius:var(--m3-shape-m,12px);background:var(--m3-surface-low,#fbf3ea);border-inline-start:3px solid var(--m3-primary-fill,#e3a81f);grid-area:stats;align-self:start;gap:6px;margin:0;padding:10px}.lst-viewable.is-list .tu-stats>div{background:var(--m3-surface,#fff)}.lst-viewable.is-list .tu-btn{grid-area:cta;align-self:end;height:42px;margin:0}.lst-viewable.is-list .tu-card:not(.lst-enter) .tu-body{flex-direction:column;justify-content:center;display:flex}.lst-viewable.is-list .tu-card:not(.lst-enter) .tu-stats{background:0 0;border-inline-start:0;max-width:360px;padding:0}@media (width<=991px){.lst-viewable.is-list .tu-card{grid-template-columns:240px minmax(0,1fr)}.lst-viewable.is-list .tu-body{grid-template:"top""title""desc""stats""foot""cta"/minmax(0,1fr);padding:14px 16px}.lst-viewable.is-list .tu-stats{background:0 0;border-inline-start:0;padding:0}.lst-viewable.is-list .tu-stats>div{background:var(--m3-surface-low,#fbf3ea)}}@media (width<=575px){.lst-viewable.is-list .tu-card{grid-template-columns:120px minmax(0,1fr);min-height:0}.lst-viewable.is-list .tu-thumb{min-height:120px}.lst-viewable.is-list .tu-play{width:36px;height:36px;margin:-18px 0 0 -18px;font-size:.9rem}.lst-viewable.is-list .tu-price,.lst-viewable.is-list .tu-duration{display:none}.lst-viewable.is-list .tu-level{top:6px;inset-inline-start:6px}.lst-viewable.is-list .tu-body{row-gap:4px;padding:10px 12px}.lst-viewable.is-list .tu-title{font-size:.92rem}.lst-viewable.is-list .tu-desc,.lst-viewable.is-list .tu-stats{display:none}.lst-viewable.is-list .tu-btn{height:34px;font-size:.78rem}}