@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@layer vendor{lite-youtube{contain:content;cursor:pointer;background-color:#000;background-position:50%;background-size:cover;max-width:720px;display:block;position:relative}lite-youtube:before{content:attr(data-title);color:#eee;text-shadow:0 0 2px #00000080;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;background-image:linear-gradient(#000000ab 0%,#0000008a 14%,#00000026 54%,#0000000d 72%,#0000 94%);width:100%;height:99px;padding:25px 20px;font-family:YouTube Noto,Roboto,Arial,Helvetica,sans-serif;font-size:18px;display:block;position:absolute;top:0;overflow:hidden}lite-youtube:hover:before{color:#fff}lite-youtube:after{content:"";padding-bottom:56.25%;display:block}lite-youtube>iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}lite-youtube>.lty-playbtn{cursor:pointer;z-index:1;filter:grayscale();background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 68 48\"><path d=\"M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z\" fill=\"red\"/><path d=\"M45 24 27 14v20\" fill=\"white\"/></svg>") 50%/68px 48px no-repeat;border:0;width:100%;height:100%;transition:filter .1s cubic-bezier(0,0,.2,1);display:block;position:absolute}lite-youtube:hover>.lty-playbtn,lite-youtube .lty-playbtn:focus{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated:before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pell{border:1px solid #0a0a0a1a}.pell,.pell-content{box-sizing:border-box}.pell-content{outline:0;height:300px;padding:10px;overflow-y:auto}.pell-actionbar{background-color:#fff;border-bottom:1px solid #0a0a0a1a}.pell-button{cursor:pointer;vertical-align:bottom;background-color:#0000;border:none;outline:0;width:30px;height:30px}.pell-button-selected{background-color:#f0f0f0}[data-center]{--center-padding-start:initial;--center-padding-end:initial;box-sizing:content-box;flex-direction:column;block-size:auto;max-inline-size:100%;margin-inline:auto;padding-inline-start:var(--center-padding-start);padding-inline-end:var(--center-padding-end);display:flex}[data-center~=center\:children]{align-items:center}[data-center~=center\:text]{text-align:center}[data-center~=center\:vertically]{place-content:center}[data-cluster]{--cluster-padding:initial;--cluster-gap:initial;--justify:initial;--align:initial;gap:var(--cluster-gap,0rem);justify-content:var(--justify,flex-start);align-items:var(--align,flex-start);padding:var(--cluster-padding);flex-wrap:wrap;display:flex}[data-cluster~=justify\:center]{--justify:center}[data-cluster~=justify\:end]{--justify:flex-end}[data-cluster~=justify\:around]{--justify:space-around}[data-cluster~=justify\:between]{--justify:space-between}[data-cluster~=justify\:evenly]{--justify:space-evenly}[data-cluster~=align\:center]{--align:center}[data-cluster~=align\:end]{--align:flex-end}[data-cluster~=align\:start]{--align:flex-start}[data-cluster~=align\:stretch]{--align:flex-stretch}[data-cluster~=gap\:0]{--cluster-gap:0}[data-cluster~=gap\:1]{--cluster-gap:1rem}[data-cluster~=gap\:2]{--cluster-gap:2rem}[data-cluster~=gap\:3]{--cluster-gap:3rem}[data-cluster~="padding:.5"]{--cluster-padding:.5rem}[data-cluster~=padding\:1]{--cluster-padding:1rem}[data-cluster~=padding\:2]{--cluster-padding:2rem}[data-cluster~=padding\:3]{--cluster-padding:3rem}[data-cluster~=distribute\:equally]>*{flex:1}[data-cluster]>input{inline-size:auto}[data-container]{--container-size:initial;--container-padding:initial;max-inline-size:var(--container-size);padding-inline:var(--container-padding);inline-size:100%;margin-inline:auto}[data-container~=width\:1350]{--container-size:84.375rem}[data-container~=width\:1200]{--container-size:75rem}[data-container~=width\:1040]{--container-size:65rem}[data-container~=padding\:1]{--container-padding:1rem}[data-container~=padding\:2]{--container-padding:2rem}[data-container~=padding\:3]{--container-padding:3rem}[data-cover]{--cover-padding:initial;--block-size:initial;min-block-size:var(--block-size,100%);padding:var(--cover-padding);flex-direction:column;block-size:100%;display:flex}[data-cover]>*{--cover-margin:initial;margin-block:var(--cover-margin)}[data-cover]>:first-child:not([data-cover-main]){margin-block-start:0}[data-cover]>:last-child:not([data-cover-main]){margin-block-end:0}[data-cover]>[data-cover-main]{margin-block:auto}[data-cover~=padding\:1]{--cover-padding:1rem}[data-cover~=padding\:2]{--cover-padding:2rem}[data-cover~=padding\:3]{--cover-padding:3rem}[data-cover~=block-size\:25]{--block-size:25vh}[data-cover~=block-size\:50]{--block-size:50vh}[data-cover~=block-size\:75]{--block-size:75vh}[data-cover~=block-size\:100]{--block-size:100vh}[data-reel]{--reel-gap:initial;--reel-padding:initial;--reel-item-padding:initial;--reel-auto-columns:initial;--reel-auto-rows:initial;gap:var(--reel-gap,1rem);overscroll-behavior-inline:contain;padding:var(--reel-padding,1rem);-webkit-overflow-scrolling:touch;display:grid;position:relative}[data-reel]>*{padding:var(--reel-item-padding,1rem)}[data-reel]>*>img{aspect-ratio:16/9;object-fit:cover;inline-size:100%}[data-reel~=scroll\:inline]{grid-auto-columns:var(--reel-auto-columns,21%);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--reel-padding,1rem);grid-template-rows:min-content;grid-auto-flow:column;overflow:auto hidden}[data-reel~=max\:3]{--reel-auto-columns:34.33%;--reel-auto-rows:35%}[data-reel~=max\:4]{--reel-auto-columns:26%;--reel-auto-rows:28%}[data-reel~=max\:5]{--reel-auto-columns:21%;--reel-auto-rows:25%}[data-reel~=snap\:start]>*{scroll-snap-stop:normal;scroll-snap-align:start}[data-reel~=snap\:end]>*{scroll-snap-stop:normal;scroll-snap-align:end}[data-reel~=scroll\:block]{grid-auto-rows:var(--reel-auto-rows,26%);overscroll-behavior-inline:contain;overscroll-behavior-y:contain;overflow-inline:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;grid-auto-flow:row;width:100%;height:100%;overflow-y:auto}[data-row]{--min-col-width:250px;--row-gap:initial;grid-template-columns:repeat(auto-fit,minmax(var(--min-col-width),1fr));gap:var(--row-gap);display:grid}[data-row~=gap\:1]{--row-gap:1rem}[data-row~=gap\:2]{--row-gap:2rem}[data-row~=gap\:3]{--row-gap:3rem}[data-row~=col-size\:sm]{--min-col-width:12.5rem}[data-row~=col-size\:md]{--min-col-width:25rem}[data-row~=col-size\:lg]{--min-col-width:37.5rem}@layer split{[data-split]{--split-gap:initial;--split-align:initial;--basis:initial;--collapse-at:initial;--custom-split:initial;container:split/inline-size}[data-split]>*{align-items:var(--split-align);gap:var(--split-gap,0);display:flex;&>*{flex:1;flex-basis:var(--basis)}}[data-split~=collapse\:sm]>*{@container (width<=30rem){&{flex-wrap:wrap}&>:nth-child(n){--basis:100%}}}[data-split~=collapse\:md]>*{@container split (width<=45rem){&{flex-wrap:wrap}&>:nth-child(n){--basis:100%}}}[data-split~=collapse\:lg]>*{@container split (width<=60rem){&{flex-wrap:wrap}&>:nth-child(n){--basis:100%}}}[data-split~=gap\:1]{--split-gap:1rem}[data-split~=gap\:2]{--split-gap:2rem}[data-split~=gap\:3]{--split-gap:3rem}[data-split~=align\:start]{--split-align:flex-start}[data-split~=align\:end]{--split-align:flex-end}[data-split~=align\:center]{--split-align:center}}@layer onefourth{[data-split~="1/4"]>*>:first-child{--basis:25%;inline-size:var(--basis)}[data-split~="1/4"]>*>:nth-child(2){--basis:75%;inline-size:var(--basis)}}@layer onehalf{[data-split~="1/2"]>*>:nth-child(n){--basis:50%;inline-size:var(--basis)}}@layer threefourths{[data-split~="3/4"]>*>:first-child{--basis:75%;inline-size:var(--basis)}[data-split~="3/4"]>*>:nth-child(2){--basis:25%;inline-size:var(--basis)}}@layer twothirds{[data-split~="2/3"]>*>:first-child{--basis:66.6667%;inline-size:var(--basis)}[data-split~="2/3"]>*>:nth-child(2){--basis:33.3333%;inline-size:var(--basis)}}@layer onethird{[data-split~="1/3"]>*>:first-child{--basis:33.3333%;inline-size:var(--basis)}[data-split~="1/3"]>*>:nth-child(2){--basis:66.6667%;inline-size:var(--basis)}}@layer custom{[data-split]>*>:first-child{--basis:var(--custom-split);inline-size:var(--custom-split)}[data-split]>*>:nth-child(2){--basis:calc(100% - var(--custom-split));inline-size:var(--basis)}}[data-stack]{--stack-gap:intial;--stack-align:intial;justify-content:flex-start;gap:var(--stack-gap);align-items:var(--stack-align);flex-direction:column;display:flex}[data-stack~=gap\:0]{--stack-gap:0}[data-stack~=gap\:1]{--stack-gap:1rem}[data-stack~=gap\:2]{--stack-gap:2rem}[data-stack~=gap\:3]{--stack-gap:3rem}[data-stack~=align\:start]{--stack-align:flex-start}[data-stack~=align\:center]{--stack-align:center}[data-stack~=align\:end]{--stack-align:flex-end}[data-stack]:only-child{block-size:100%}[data-switcher]{--switcher-gap:initial;--collapse-at:initial;container:switcher/inline-size}[data-switcher]>*{gap:var(--switcher-gap,0rem);flex-direction:column;display:flex}[data-switcher~=gap\:1]{--switcher-gap:1rem}[data-switcher~=gap\:2]{--switcher-gap:2rem}[data-switcher~=gap\:3]{--switcher-gap:3rem}[data-switcher~=collapse\:sm]>*{@container switcher (width>=30rem){&{flex-direction:row}}}[data-switcher~=collapse\:md]>*{@container switcher (width>=40rem){&{flex-direction:row}}}[data-switcher~=collapse\:lg]>*{@container switcher (width>=60rem){&{flex-direction:row}}}}@layer app{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);color:var(--text-color);min-block-size:100%;font-family:Courier Prime,monospace;font-style:normal;font-weight:400}.site-nav{padding-block-start:3rem}a{color:var(--link-color)}main{min-block-size:50vh;margin-block-start:2rem;&.editing{margin-block-start:5rem}&>section{--stack-gap:10vw}}label{display:block}.title{display:none}section{margin-block-start:3rem}article{border:var(--border);border-radius:var(--radius);transition:all .3s ease-in-out;position:relative;box-shadow:0 4px 12px #00000014;& div{padding:2rem 1rem 1rem}&:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}}article h1{font-size:var(--font-size-xl);font-weight:400}article h2{font-size:var(--font-size-lg);font-weight:400}article blockquote{border-left:.5rem solid var(--gray-light);padding-inline-start:1rem}.create-form{margin-block-start:1rem}.btn-group{--cluster-padding:1rem;border-block-start:var(--border)}.btn{background-color:var(--btn-bg-color);text-align:center;vertical-align:baseline;white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-width:0;border-radius:8px;margin:0;padding:.5rem 1.5rem;font-family:Haas Grot Text R Web,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;line-height:20px;list-style:none;transition:all .2s;display:inline-block;&:hover{background-color:var(--gray-dark);color:#fff;cursor:pointer}}.btn-new{margin-block-start:2rem}.view-link{border:0px solid var(--link-color);border-radius:50rem;justify-content:center;align-items:center;block-size:2rem;inline-size:2rem;transition:all .5s ease-in-out;display:flex;position:absolute;inset-block-end:0;inset-inline-end:-3vw;& span{display:none}&:hover{background-color:var(--link-color);border-width:8px;& svg{stroke:#fff;display:block}}& svg{stroke:var(--link-color);inline-size:1rem}}.v{block-size:100%;padding-block-start:10vw;&>*{inline-size:100%}}.pell-content{block-size:100%;min-block-size:45vh;padding:1rem}.pell-content,.pell-actionbar{border:1px solid var(--gray-light)}[class^=icon-align-]{width:1.25rem}article:has(iframe){animation:20s ease-in-out infinite glow}lite-youtube{aspect-ratio:16/9;max-width:100%;border-radius:4px;inline-size:100%}[data-container~=width\:65ch]{max-inline-size:65ch;margin-inline:auto;padding-inline:2rem}.hidden{display:none}.site-footer{margin-block-start:8rem;padding:2rem}html.is-changing .transition-fade{opacity:1;transition:opacity .25s}html.is-animating .transition-fade{opacity:0}@keyframes glow{0%{box-shadow:0 0 50px 15px #ff000040}14.2857%{box-shadow:0 0 50px 15px #ffa60040}28.5714%{box-shadow:0 0 50px 15px #ffff0040}42.8571%{box-shadow:0 0 50px 15px #00800040}57.1429%{box-shadow:0 0 50px 15px #0000ff40}71.4286%{box-shadow:0 0 50px 15px #4a008040}85.7143%{box-shadow:0 0 50px 15px #ee81ee40}to{box-shadow:0 0 50px 15px #ff000040}}.toggle{background-color:var(--gray-light);cursor:pointer;border-radius:9999px;width:48px;height:24px;margin-inline-start:auto;transition:background-color .3s ease-in-out;& label{cursor:pointer}}.circle{border:1px solid var(--gray-light);cursor:pointer;background-color:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s ease-in-out}#dark-light-toggle:checked~.toggle{background-color:var(--link-color)}#dark-light-toggle:checked~.toggle .circle{transform:translate(100%)}.toggle:focus,#dark-light-toggle:focus{outline:2px solid salmon}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer minimal{@layer minimal{:root{--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--accent:var(--slate-700);--accent-hover:var(--slate-800);--success:#16a34a;--warning:#f59e0b;--space-xs:clamp(.25rem,.5vw + .2rem,.5rem);--space-sm:clamp(.5rem,.8vw + .3rem,.75rem);--space-md:clamp(.75rem,1vw + .5rem,1rem);--space-lg:clamp(1rem,1.5vw + .75rem,1.5rem);--space-xl:clamp(1.5rem,2vw + 1rem,2rem);--space-2xl:clamp(2rem,3vw + 1.5rem,3rem);--space-3xl:clamp(3rem,4vw + 2rem,4rem);--text-xs:clamp(.7rem,.5vw + .6rem,.75rem);--text-sm:clamp(.8rem,.6vw + .7rem,.875rem);--text-base:clamp(.9rem,.8vw + .8rem,1rem);--text-lg:clamp(1rem,1vw + .9rem,1.125rem);--text-xl:clamp(1.1rem,1.2vw + 1rem,1.25rem);--text-2xl:clamp(1.3rem,1.5vw + 1.1rem,1.5rem);--text-3xl:clamp(1.6rem,2.5vw + 1.2rem,1.875rem);--text-4xl:clamp(2rem,7vw + .5rem,4rem);--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--transition-fast:.15s ease;--transition:.2s ease;--transition-slow:.3s ease}body{background:var(--neutral-50);color:var(--neutral-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}h1{font-size:var(--text-4xl);letter-spacing:-.025em;color:var(--neutral-900);margin:0;font-weight:300;line-height:1.1}h2{font-size:var(--text-2xl);letter-spacing:-.015em;color:var(--neutral-800);font-weight:400;line-height:1.3}h3{font-size:var(--text-xl);color:var(--neutral-700);font-weight:500}p{color:var(--neutral-600);margin:0;line-height:1.7}.site-nav{padding-block:var(--space-xl);border-block-end:1px solid var(--neutral-200);margin-block-end:var(--space-2xl);& a{color:var(--neutral-600);font-weight:400;font-size:var(--text-sm);letter-spacing:.025em;transition:color var(--transition-fast);text-decoration:none;&:hover{color:var(--accent)}}}main{margin-block-end:var(--space-3xl)}article{border:1px solid var(--neutral-200);transition:all var(--transition);background:#fff;border-radius:12px;position:relative;&:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}&>div{padding:var(--space-xl)}& h1,& h2,& h3{margin-block-end:var(--space-sm)}& h1{font-size:var(--text-2xl);font-weight:500}& h2{font-size:var(--text-xl);font-weight:400}& blockquote{border-inline-start:4px solid var(--accent);color:var(--neutral-600);margin-inline-start:0;padding-inline-start:var(--space-lg);font-style:italic}}.btn{align-items:center;gap:var(--space-xs);background:var(--accent);color:#fff;padding:var(--space-sm)var(--space-lg);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;font-weight:500;text-decoration:none;display:inline-flex;&:hover{background:var(--accent-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}&:active{transform:translateY(0)}&:disabled{background:var(--neutral-300);color:var(--neutral-500);cursor:not-allowed;box-shadow:none;transform:none}}.btn-new{margin-block-start:var(--space-lg)}.create-form{border:1px solid var(--neutral-200);padding:var(--space-xl);background:#fff;border-radius:12px;margin-block-start:var(--space-xl)}input[type=text],textarea{border:1px solid var(--neutral-300);padding:var(--space-sm)var(--space-md);font-size:var(--text-base);color:var(--neutral-800);transition:border-color var(--transition-fast);background:#fff;border-radius:6px;width:100%;&:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb1a}&::placeholder{color:var(--neutral-400)}}.title input{font-size:var(--text-xl);margin-block-end:var(--space-lg);font-weight:500}.pell-content{padding:var(--space-lg);border:1px solid var(--neutral-300);background:#fff;border-radius:6px;min-height:200px;&:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb1a}}.pell-actionbar{border:1px solid var(--neutral-300);background:var(--neutral-50);padding:var(--space-sm);border-bottom:none;border-radius:6px 6px 0 0;& .pell-button{color:var(--neutral-600);padding:var(--space-xs);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:4px;margin:0 2px;&:hover{border-color:var(--neutral-300);color:var(--neutral-800);background:#fff}&.pell-button-selected{background:var(--accent);border-color:var(--accent);color:#fff}}}lite-youtube{box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition);border-radius:8px;position:relative;overflow:hidden;&:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}}.btn-group{gap:var(--space-sm);border-block-start:1px solid var(--neutral-200);margin-block-start:var(--space-xl);padding-block-start:var(--space-lg);display:flex}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none;&:hover{color:var(--accent-hover)}&.tag{background:var(--neutral-100);color:var(--neutral-700);padding:2px var(--space-xs);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;font-weight:500;&:hover{background:var(--accent);color:#fff}}}.view-link{border:0px solid var(--accent);transition:all var(--transition);border-radius:50rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:absolute;bottom:0;right:-3vw;& span{display:none}&:hover{background-color:var(--accent);border-width:8px;& svg{stroke:#fff}}& svg{stroke:var(--accent);transition:stroke var(--transition-fast);width:1rem}}.controls{border:1px solid var(--neutral-200);padding:var(--space-2xl);text-align:center;margin:var(--space-2xl)0;box-shadow:var(--shadow);background:#fff;border-radius:16px;& span{color:var(--neutral-800);font-weight:600;font-size:var(--text-xl);letter-spacing:-.01em;margin-block-end:var(--space-md);display:block}& small{color:var(--neutral-400);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;margin-block-start:var(--space-sm);font-weight:500;display:block}& .nav-buttons{justify-content:center;align-items:center;gap:var(--space-md);margin-block:var(--space-lg);display:flex}& .nav-btn{border:1px solid var(--neutral-300);color:var(--slate-600);cursor:pointer;transition:all var(--transition-fast);background:#fff;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;display:inline-flex;&:hover:not(:disabled){background:var(--slate-50);border-color:var(--slate-400);color:var(--slate-700);box-shadow:var(--shadow-sm);transform:translateY(-1px)}&:active:not(:disabled){background:var(--slate-100);transform:translateY(0)}&:disabled{background:var(--neutral-100);border-color:var(--neutral-200);color:var(--neutral-300);cursor:not-allowed;box-shadow:none;transform:none}&.prev:before{content:"←";font-size:16px;line-height:1}&.next:before{content:"→";font-size:16px;line-height:1}}& .progress-bar{background:var(--neutral-200);margin-block:var(--space-lg);border-radius:1px;width:160px;height:2px;margin-inline:auto;position:relative;overflow:hidden;& .progress-fill{background:var(--slate-600);transition:width var(--transition-slow);width:var(--progress,0%);border-radius:1px;height:100%}}& .get-videos-btn{background:var(--slate-700);color:#fff;padding:var(--space-md)var(--space-xl);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;font-weight:500;&:hover{background:var(--slate-800);box-shadow:var(--shadow-sm);transform:translateY(-1px)}&:active{background:var(--slate-900);transform:translateY(0)}}}.loading{padding:var(--space-xl);justify-content:center;align-items:center;display:flex;& svg{animation:1s linear infinite spin}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme:dark){:root{--neutral-50:#0a0a0a;--neutral-100:#171717;--neutral-200:#262626;--neutral-300:#404040;--neutral-400:#525252;--neutral-500:#737373;--neutral-600:#a3a3a3;--neutral-700:#d4d4d4;--neutral-800:#e5e5e5;--neutral-900:#f5f5f5}}body:has(#dark-light-toggle:checked){--neutral-50:#0a0a0a;--neutral-100:#171717;--neutral-200:#262626;--neutral-300:#404040;--neutral-400:#525252;--neutral-500:#737373;--neutral-600:#a3a3a3;--neutral-700:#d4d4d4;--neutral-800:#e5e5e5;--neutral-900:#f5f5f5}.toggle{background:var(--neutral-300);cursor:pointer;transition:background-color var(--transition);border-radius:9999px;width:44px;height:24px;margin-inline-start:auto;& .circle{transition:transform var(--transition);box-shadow:var(--shadow-sm);background:#fff;border:none;border-radius:50%;width:20px;height:20px;margin:2px}}#dark-light-toggle:checked~.toggle{background:var(--accent);& .circle{transform:translate(20px)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}}:root{--gray-light:#ddd;--gray-dark:#444;--white:#fff;--dark:oklab(.2 -.02 -.04);--border-light:1px solid var(--gray-light);--radius:4px;--link-color:rebeccapurple;--btn-bg-color:#eee;--font-size-sm:clamp(.8rem,.17vi + .76rem,.89rem);--font-size-base:clamp(1rem,.34vi + .91rem,1.19rem);--font-size-lg:clamp(1.25rem,.61vi + 1.1rem,1.58rem);--font-size-xl:clamp(1.56rem,1vi + 1.31rem,2.11rem);--font-size-2xl:clamp(1.95rem,1.56vi + 1.56rem,2.81rem);--font-size-3xl:clamp(2.44rem,2.38vi + 1.85rem,3.75rem);--font-size-4xl:clamp(3.05rem,3.54vi + 2.17rem,5rem);--font-size-5xl:clamp(3.81rem,5.18vi + 2.52rem,6.66rem);--font-size-6xl:clamp(4.77rem,7.48vi + 2.9rem,8.88rem);--container-padding:2rem;--container-size:65ch;--bg-color:var(--white);--text-color:var(--gray-dark);--border:1px solid var(--gray-light)}@media (prefers-color-scheme:dark){:root{--bg-color:var(--dark);--text-color:var(--white);--btn-bg-color:var(--gray-dark);--link-color:orchid;--border:1px solid oklab(.27 -.03 -.07)}}body:has(#dark-light-toggle:checked){--bg-color:var(--dark);--text-color:var(--white);--btn-bg-color:orchid;--link-color:orchid;--border:1px solid oklab(.27 -.03 -.07)}
/*# sourceMappingURL=index.css.map */