/* Tizori Tutorials — new page only. Existing site files are untouched. */
.tutorial-hero{padding:72px 0 42px;background:linear-gradient(145deg,#061f1a 0%,#0b3429 58%,#0a2923 100%);color:#fff;overflow:hidden;position:relative}
.tutorial-hero:before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-180px;top:-310px;background:radial-gradient(circle,rgba(25,201,104,.22),transparent 68%);pointer-events:none}
.tutorial-hero-inner{position:relative;display:flex;justify-content:space-between;align-items:end;gap:42px}
.tutorial-kicker,.tutorial-library-eyebrow{display:block;color:#70e8a4;font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.tutorial-hero h1{max-width:720px;margin:12px 0 10px;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.045em;color:#fff}
.tutorial-hero p{max-width:620px;margin:0;color:#cbe1d7;font-size:17px}
.tutorial-search-wrap{width:min(390px,100%);height:54px;display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(14px)}
.tutorial-search-wrap .icon{width:19px;height:19px;color:#83e9ad}
.tutorial-search-wrap input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:15px}
.tutorial-search-wrap input::placeholder{color:#a7c2b7}
.tutorial-section{padding:44px 0 84px;background:var(--cream)}
.tutorial-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;align-items:start}
.tutorial-main{min-width:0}
.tutorial-lesson,.tutorial-library{border:1px solid var(--line);background:var(--white);border-radius:24px;box-shadow:0 18px 55px rgba(7,50,39,.07)}
.tutorial-lesson{overflow:hidden}
.tutorial-player-card{background:#050505;position:relative}
.tutorial-player-error{position:absolute;inset:auto 16px 16px;padding:12px 14px;border-radius:12px;background:rgba(143,24,24,.94);color:#fff;font-size:13px;z-index:12}
.tutorial-lesson-copy{padding:30px 32px 26px}
.tutorial-meta-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.tutorial-category,.tutorial-duration{display:inline-flex;align-items:center;min-height:29px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:850}
.tutorial-category{background:#dff7e7;color:#126039}.tutorial-duration{background:#edf1ed;color:#52675e}
.tutorial-lesson-copy h2{margin:0 0 10px;font-size:clamp(27px,3.2vw,40px);line-height:1.08;letter-spacing:-.035em;color:var(--ink)}
.tutorial-lesson-copy p{margin:0;max-width:800px;color:var(--muted);font-size:16px;line-height:1.72;white-space:pre-line}
.tutorial-prev-next{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.tutorial-prev-next a{display:grid;gap:2px;padding:20px 26px;min-width:0;transition:background .2s}
.tutorial-prev-next a:hover{background:#edf7ef}
#tutorialPrevious{grid-column:1}
#tutorialNext{grid-column:2;border-left:1px solid var(--line);text-align:right}
.tutorial-prev-next span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:850}
.tutorial-prev-next strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:14px}
.tutorial-library{position:sticky;top:98px;max-height:calc(100vh - 122px);overflow:hidden;display:flex;flex-direction:column}
.tutorial-library-head{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 16px;border-bottom:1px solid var(--line)}
.tutorial-library-head>div{display:grid;gap:7px}.tutorial-library-head strong{font-size:16px;color:var(--ink)}
.tutorial-library-toggle{display:none;border:0;background:#e5f7eb;color:#176238;font-weight:850;border-radius:10px;padding:8px 11px}
.tutorial-list{overflow:auto;padding:8px;display:grid;gap:4px}
.tutorial-list-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:12px;border-radius:14px;border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;cursor:pointer}
.tutorial-list-item:hover{background:#f0f7f1;transform:translateX(2px)}
.tutorial-list-item.is-active{background:#e7f8ed;border-color:#b4dfc2}
.tutorial-number{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#edf2ee;color:#527064;font-weight:900;font-size:12px}
.tutorial-list-item.is-active .tutorial-number{background:#19c968;color:#062217}
.tutorial-item-copy{min-width:0}.tutorial-item-title{display:block;color:var(--ink);font-size:14px;line-height:1.3;font-weight:850}.tutorial-item-meta{display:block;margin-top:4px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tutorial-no-results{padding:30px 18px;text-align:center;color:var(--muted);font-size:13px}
.tutorial-player-hooks{display:none!important}

/* Compact one-row custom player with a single settings popover. */
.p2p-player-shell{margin:0;border:0;border-radius:0;overflow:hidden;background:#050505;--mobile-control-height:54px}
.p2p-player-stage{position:relative;aspect-ratio:var(--player-aspect,16 / 9);background:#000;display:grid;place-items:center;min-width:0;overflow:hidden;min-height:220px}
.p2p-player-stage video{width:100%;height:100%;object-fit:contain;display:block;background:#000;margin:0;border-radius:0;max-height:none;pointer-events:none;-webkit-tap-highlight-color:transparent}
/* Android Chrome/WebView can paint a native overlay/start-play glyph even when
   controls=false (especially after blocked autoplay or while a paused decoder
   surface is revealed). The tutorial player is fully custom, so suppress every
   WebKit media-control surface and let the surrounding stage own interaction. */
.p2p-player-stage video::-webkit-media-controls{display:none!important;opacity:0!important;visibility:hidden!important;-webkit-appearance:none!important}
.p2p-player-stage video::-webkit-media-controls-enclosure{display:none!important;opacity:0!important;visibility:hidden!important}
.p2p-player-stage video::-webkit-media-controls-panel{display:none!important;opacity:0!important;visibility:hidden!important}
.p2p-player-stage video::-webkit-media-controls-overlay-play-button{display:none!important;opacity:0!important;visibility:hidden!important;-webkit-appearance:none!important}
.p2p-player-stage video::-webkit-media-controls-start-playback-button{display:none!important;opacity:0!important;visibility:hidden!important;-webkit-appearance:none!important}
.p2p-player-stage video::-webkit-media-controls-play-button{display:none!important;opacity:0!important;visibility:hidden!important}
.p2p-player-stage .p2p-segment-decoder{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;opacity:0;visibility:hidden;pointer-events:none}
.p2p-player-stage .p2p-segment-decoder.is-active{opacity:1;visibility:visible;pointer-events:auto}
.p2p-frame-hold{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:contain;background:#000;pointer-events:none;opacity:0;visibility:hidden;filter:blur(0) brightness(1);transform:scale(1);transition:filter .22s ease,opacity .52s ease,transform .52s ease;will-change:filter,opacity,transform}
.p2p-frame-hold.is-active{opacity:1;visibility:visible}
.p2p-frame-hold.is-active.is-blurred{filter:blur(7px) brightness(.52);transform:scale(1.025)}
.p2p-frame-hold.is-active.is-releasing{opacity:0;filter:blur(0) brightness(1);transform:scale(1)}
#p2pPlayerShell:fullscreen,#p2pPlayerShell:-webkit-full-screen{width:100vw;height:100dvh;max-width:none;max-height:none;display:flex;flex-direction:column;background:#000}
#p2pPlayerShell:fullscreen .p2p-player-stage,#p2pPlayerShell:-webkit-full-screen .p2p-player-stage{flex:1 1 auto;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto}
#p2pPlayerShell:fullscreen .p2p-player-stage video,#p2pPlayerShell:-webkit-full-screen .p2p-player-stage video{width:100%;height:100%;max-width:100vw;max-height:100dvh;object-fit:contain}
#p2pPlayerShell:fullscreen .p2p-controls,#p2pPlayerShell:-webkit-full-screen .p2p-controls{flex:0 0 auto}
.p2p-player-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;background:rgba(0,0,0,.14);z-index:3;transition:background .45s ease}
.p2p-player-shell[data-visual-transition="loading"] .p2p-player-overlay{background:rgba(0,0,0,.34)}
.p2p-player-shell[data-visual-transition="releasing"] .p2p-player-overlay{background:rgba(0,0,0,.08)}
.p2p-player-shell[data-visual-transition="error"] .p2p-player-overlay{background:rgba(0,0,0,.28)}
.p2p-player-overlay span{display:none!important}
.p2p-player-overlay::before{content:"";display:none;width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;animation:tizoriTutorialSpin .8s linear infinite}
.p2p-player-shell[data-state="buffering"] .p2p-player-overlay::before,.p2p-player-shell[data-state="preparing"] .p2p-player-overlay::before,.p2p-player-shell[data-visual-transition="loading"] .p2p-player-overlay::before{display:block}
@keyframes tizoriTutorialSpin{to{transform:rotate(360deg)}}
.p2p-action-feedback{position:absolute;left:50%;top:50%;z-index:18;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:rgba(0,0,0,.74);color:#fff;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 12px 38px rgba(0,0,0,.28)}
.p2p-action-feedback.is-visible{animation:tizoriPlayerFeedback 1s cubic-bezier(.2,.75,.25,1) both}
.p2p-action-feedback-icon{display:grid;place-items:center;max-width:74px;font-size:36px;line-height:1;font-weight:800;letter-spacing:-.08em;color:#fff;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.22)}
.p2p-action-feedback-label{display:none!important}
@keyframes tizoriPlayerFeedback{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}22%{opacity:1;transform:translate(-50%,-50%) scale(1)}72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.88)}}
.p2p-controls{position:relative;display:flex;align-items:center;gap:8px;min-width:0;padding:9px 11px;background:#0c0c0c;color:#fff}
.p2p-controls button,.p2p-controls select,.p2p-controls input{accent-color:#20cc70;font:inherit}
.p2p-controls button{display:grid;place-items:center;flex:0 0 auto;min-width:38px;width:38px;height:38px;padding:0;border:1px solid transparent;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.p2p-controls button:hover,.p2p-controls button:focus-visible{background:rgba(255,255,255,.15);border-color:rgba(32,204,112,.45);transform:translateY(-1px)}.p2p-controls button:active{transform:scale(.92)}
.p2p-time{flex:0 0 auto;min-width:76px;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#e8eeee;text-align:center}
.p2p-seek-wrap{position:relative;display:grid;align-items:center;flex:1 1 auto;min-width:72px}
.p2p-seek-wrap input{position:relative;z-index:1;background:transparent;width:100%;margin:0}
.p2p-buffer-track{position:absolute;left:2px;right:2px;height:4px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
.p2p-buffer-fill{width:0;height:100%;background:rgba(255,255,255,.38)}
#playerVolume{flex:0 1 100px;width:clamp(70px,9vw,100px);min-width:58px}
.p2p-settings-wrap{position:relative;flex:0 0 auto}
#playerSettingsBtn[aria-expanded="true"]{background:rgba(32,204,112,.18);border-color:rgba(32,204,112,.55);color:#8df2b8}
.p2p-settings-menu{position:absolute;right:0;bottom:calc(100% + 9px);z-index:30;width:250px;padding:13px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#151716;color:#fff;box-shadow:0 16px 42px rgba(0,0,0,.42)}
.p2p-settings-menu[hidden]{display:none!important}.p2p-settings-menu:not([hidden]){animation:tizoriPlayerMenuIn .18s cubic-bezier(.2,.75,.25,1) both}@keyframes tizoriPlayerMenuIn{from{opacity:0;transform:translateY(7px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.p2p-settings-title{margin:0 0 11px;font-size:12px;font-weight:700;letter-spacing:.02em;color:#f2f7f4}
.p2p-settings-field{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;margin-top:9px;font-size:12px;color:#aebbb5}
.p2p-settings-field select{width:100%;height:38px;min-width:0;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#0d100f;color:#fff;padding:0 32px 0 10px;font-size:12px;outline:none;cursor:pointer}
.p2p-settings-field select:hover{border-color:rgba(32,204,112,.38)}
.p2p-settings-field select:focus{border-color:#20cc70;box-shadow:0 0 0 3px rgba(32,204,112,.14)}
.p2p-settings-field select:disabled{opacity:.55;cursor:not-allowed}
.p2p-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:7px 9px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(255,255,255,.09);font-size:10px;color:#9eaaa5}
.p2p-shortcuts span{display:flex;align-items:center;gap:4px;white-space:nowrap}
.p2p-shortcuts kbd{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border:1px solid rgba(255,255,255,.17);border-bottom-color:rgba(255,255,255,.28);border-radius:5px;background:#232725;color:#e9f1ed;font:600 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}

@media(max-width:920px){.tutorial-hero{padding:54px 0 34px}.tutorial-hero-inner{display:grid;gap:26px}.tutorial-search-wrap{width:100%}.tutorial-layout{grid-template-columns:1fr}.tutorial-library{position:static;max-height:none}.tutorial-library-toggle{display:block}.tutorial-list{max-height:none}.tutorial-library.is-collapsed .tutorial-list,.tutorial-library.is-collapsed .tutorial-no-results{display:none}}
@media(max-width:640px){.p2p-action-feedback{width:80px;height:80px}.p2p-action-feedback-icon{max-width:64px;font-size:31px}.tutorial-section{padding:12px 0 48px}.tutorial-section>.container{width:100%}.tutorial-layout{gap:14px}.tutorial-lesson,.tutorial-library{border-radius:0;border-left:0;border-right:0}.tutorial-lesson-copy{padding:23px 18px 20px}.tutorial-prev-next a{padding:16px 17px}.p2p-player-shell{position:relative;width:100%;border-radius:0}.p2p-player-stage{width:100%;height:min(calc(100dvh - 112px),calc(100vw * .5625));min-height:190px;max-height:calc(100dvh - 112px);aspect-ratio:var(--player-aspect,16 / 9)}.p2p-player-shell[data-video-orientation="portrait"] .p2p-player-stage{height:min(72dvh,calc(100vw * 1.7778));max-height:72dvh;aspect-ratio:var(--player-aspect,9 / 16)}.p2p-controls{gap:5px;padding:7px 7px;min-height:52px}.p2p-controls button{width:36px;min-width:36px;height:36px;border-radius:9px}.p2p-time{min-width:64px;font-size:10px}.p2p-seek-wrap{min-width:42px}.p2p-seek-wrap input[type="range"]{min-height:30px;touch-action:pan-x}#playerVolume{display:none!important}.p2p-settings-menu{right:-42px;width:min(248px,calc(100vw - 18px));bottom:calc(100% + 7px)}}
@media(max-width:420px){.p2p-controls{gap:3px;padding-inline:5px}.p2p-controls button{width:34px;min-width:34px;height:34px}.p2p-time{min-width:58px;font-size:9.5px}.p2p-seek-wrap{min-width:34px}.p2p-settings-menu{right:-38px}}
@media(max-height:500px) and (orientation:landscape){body{overflow-x:hidden}.site-header,.trust-strip,.tutorial-hero,.site-footer{display:none!important}.tutorial-section{padding:0!important}.tutorial-section>.container{width:100%!important;max-width:none!important}.tutorial-layout{display:block}.tutorial-library,.tutorial-lesson-copy,.tutorial-prev-next{display:none!important}.tutorial-main{position:fixed;inset:0;z-index:1000;background:#000}.tutorial-lesson,.tutorial-player-card{height:100%;border:0;border-radius:0}.p2p-player-shell{position:absolute;inset:0;width:100%;height:100dvh}.p2p-player-stage,.p2p-player-shell[data-video-orientation="portrait"] .p2p-player-stage{position:absolute;inset:0 0 52px;width:100%;height:auto;max-height:none;aspect-ratio:auto}.p2p-controls{position:absolute;left:0;right:0;bottom:0;height:52px;padding:5px 8px;background:linear-gradient(transparent,rgba(0,0,0,.94));z-index:8}.p2p-controls button{height:36px;width:38px;min-width:38px}.p2p-time{font-size:10px}.p2p-settings-menu{bottom:calc(100% + 5px)}}
html[data-theme=dark] .tutorial-section{background:#071711}html[data-theme=dark] .tutorial-lesson,html[data-theme=dark] .tutorial-library{background:#0d211a;border-color:#29433a;box-shadow:none}html[data-theme=dark] .tutorial-lesson-copy h2,html[data-theme=dark] .tutorial-library-head strong,html[data-theme=dark] .tutorial-item-title,html[data-theme=dark] .tutorial-prev-next strong{color:#e6f4ed}html[data-theme=dark] .tutorial-lesson-copy p,html[data-theme=dark] .tutorial-item-meta,html[data-theme=dark] .tutorial-prev-next span{color:#9fb5ab}html[data-theme=dark] .tutorial-list-item:hover{background:#102a20}html[data-theme=dark] .tutorial-list-item.is-active{background:#103423;border-color:#2f7c50}html[data-theme=dark] .tutorial-number{background:#172d25;color:#9bb4a9}html[data-theme=dark] .tutorial-category{background:#133a28;color:#76e4a3}html[data-theme=dark] .tutorial-duration{background:#172b24;color:#a8bcb3}html[data-theme=dark] .tutorial-prev-next a:hover{background:#102a20}

/* Boundary navigation must be genuinely absent at the ends of the tutorial list. */
.tutorial-prev-next a[hidden]{display:none!important}

/* Standalone module host: supplies only the small site primitives the shared
   tutorial module needs. No website header/footer or Site.master is involved. */
.tutorial-module-page{margin:0;min-height:100vh;background:#f6f3ea;color:#11221b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--cream:#f6f3ea;--line:#dfe6e1;--white:#fff;--ink:#11221b;--muted:#64746d}
.tutorial-module-page *{box-sizing:border-box}
.tutorial-module-page a{color:inherit;text-decoration:none}
.tutorial-module-page button,.tutorial-module-page input,.tutorial-module-page select{font:inherit}
.tutorial-module-page .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.tutorial-module-page .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.tutorial-module-page .icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tutorial-module-page .tutorial-library{top:24px;max-height:calc(100vh - 48px)}
@media(max-width:640px){.tutorial-module-page .container{width:100%}.tutorial-module-page .tutorial-hero-inner{width:calc(100% - 36px)}.tutorial-module-page .tutorial-search-wrap{max-width:none}.tutorial-module-page .tutorial-section{padding-top:12px}}

/* Dedicated iframe/embed entry point. The same TutorialModule.ascx is used. */
.tutorial-embed-html{margin:0;width:100%;min-height:100%;background:#f6f3ea}
.tutorial-embed-page{width:100%;min-height:100vh;overflow-x:hidden}
.tutorial-embed-page>form{margin:0;min-height:100vh}
.tutorial-embed-page .tutorial-hero{display:none!important}
.tutorial-embed-page .tutorial-search-wrap{display:none!important}
.tutorial-embed-page .tutorial-section{padding-top:24px}
html.tutorial-embed-html[data-theme=dark]{background:#071711}
html.tutorial-embed-html[data-theme=dark] body.tutorial-module-page{background:#071711;color:#e6f4ed;--cream:#071711;--line:#29433a;--white:#0d211a;--ink:#e6f4ed;--muted:#9fb5ab}


/* Embed-only scrollbar styling: match the main Tizori website exactly. */
html.tutorial-embed-html{
  --scrollbar-thumb:rgba(44,137,122,.34);
  --scrollbar-thumb-hover:rgba(44,137,122,.56);
  --scrollbar-thumb-active:rgba(44,137,122,.72);
}
html.tutorial-embed-html[data-theme=dark]{
  --scrollbar-thumb:rgba(100,211,190,.32);
  --scrollbar-thumb-hover:rgba(100,211,190,.5);
  --scrollbar-thumb-active:rgba(100,211,190,.68);
}
html.tutorial-embed-html,
html.tutorial-embed-html body,
html.tutorial-embed-html *{
  scrollbar-width:thin;
  scrollbar-color:var(--scrollbar-thumb) transparent;
}
html.tutorial-embed-html *::-webkit-scrollbar{width:7px;height:7px}
html.tutorial-embed-html *::-webkit-scrollbar-track,
html.tutorial-embed-html *::-webkit-scrollbar-track-piece,
html.tutorial-embed-html *::-webkit-scrollbar-corner{background:transparent}
html.tutorial-embed-html *::-webkit-scrollbar-thumb{
  min-height:28px;
  border:2px solid transparent;
  border-radius:999px;
  background:var(--scrollbar-thumb);
  background-clip:padding-box;
}
html.tutorial-embed-html *::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}
html.tutorial-embed-html *::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active);background-clip:padding-box}
html.tutorial-embed-html *::-webkit-scrollbar-button{display:none;width:0;height:0}

/* Secure tutorial download modal. */
.p2p-settings-download{width:100%;height:40px;margin-top:12px;border:1px solid rgba(32,204,112,.3);border-radius:10px;background:rgba(32,204,112,.1);color:#eafff3;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;cursor:pointer}
.p2p-settings-download:hover{background:rgba(32,204,112,.16);border-color:rgba(32,204,112,.52)}
.p2p-settings-download span{font-size:17px;line-height:1}.p2p-settings-download strong{font-size:12px;font-weight:700}
.tutorial-download-modal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:18px}
.tutorial-download-modal[hidden]{display:none!important}
.tutorial-download-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}
.tutorial-download-dialog{position:relative;width:min(470px,100%);max-height:min(720px,calc(100dvh - 30px));overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#111513;color:#f7fbf8;box-shadow:0 28px 80px rgba(0,0,0,.58);padding:20px}
.tutorial-download-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tutorial-download-eyebrow{display:block;color:#20cc70;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.tutorial-download-head h3{margin:0;font-size:20px;line-height:1.25}.tutorial-download-close{width:36px;height:36px;min-width:36px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#191e1b;color:#fff;font-size:25px;line-height:1;cursor:pointer}.tutorial-download-close:hover{background:#222923}
.tutorial-download-subtitle{margin:9px 0 15px;color:#aab5af;font-size:13px;line-height:1.5}.tutorial-download-qualities{display:grid;gap:8px}.tutorial-download-choice{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#171b19;cursor:pointer}.tutorial-download-choice:hover{border-color:rgba(32,204,112,.36)}.tutorial-download-choice:has(input:checked){border-color:#20cc70;background:rgba(32,204,112,.09)}.tutorial-download-choice input{width:17px;height:17px;accent-color:#20cc70}.tutorial-download-choice-text{display:grid;gap:2px;min-width:0}.tutorial-download-choice-text strong{font-size:13px}.tutorial-download-choice-text span{font-size:11px;color:#89958f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorial-download-size{font-size:12px;color:#cbd5d0;font-variant-numeric:tabular-nums;white-space:nowrap}
.tutorial-download-progress-wrap{margin-top:16px;padding:12px;border-radius:12px;background:#0b0e0c;border:1px solid rgba(255,255,255,.08)}.tutorial-download-progress-track{height:8px;overflow:hidden;border-radius:999px;background:#252b27}.tutorial-download-progress{height:100%;width:0;background:#20cc70;transition:width .16s ease}.tutorial-download-progress-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#9ca8a2;font-size:11px}.tutorial-download-progress-meta strong{color:#eaf5ee;font-variant-numeric:tabular-nums}
.tutorial-download-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.tutorial-download-actions button{height:40px;border-radius:10px;padding:0 16px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.tutorial-download-secondary{border:1px solid rgba(255,255,255,.12);background:#1a1f1c;color:#e7eee9}.tutorial-download-primary{border:1px solid #20cc70;background:#20cc70;color:#04140b}.tutorial-download-primary:disabled,.tutorial-download-secondary:disabled{opacity:.52;cursor:not-allowed}
body.tutorial-download-open{overflow:hidden!important}
@media(max-width:520px){.tutorial-download-modal{padding:9px}.tutorial-download-dialog{padding:17px;border-radius:17px}.tutorial-download-choice{grid-template-columns:auto minmax(0,1fr);gap:10px}.tutorial-download-size{grid-column:2}.tutorial-download-actions{display:grid;grid-template-columns:1fr 1fr}.tutorial-download-actions button{width:100%}}
.p2p-settings-menu .p2p-settings-download{display:flex;width:100%;min-width:0;height:40px;padding:0 12px;border:1px solid rgba(32,204,112,.3);border-radius:10px;background:rgba(32,204,112,.1);color:#eafff3}
.p2p-settings-menu .p2p-settings-download:hover,.p2p-settings-menu .p2p-settings-download:focus-visible{background:rgba(32,204,112,.16);border-color:rgba(32,204,112,.52)}