@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;900&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f0f0f0;--paper:#fff;--ink:#121212;--red:#d02020;--blue:#1040c0;--yellow:#f0c020;--green:#2f9e55;--muted:#e0e0e0;--footer-bg:#121212;--footer-fg:#fff;--video-bg:#050505;--controls-bg:#121212f2;--caption-fg:#c6c6c6;--muted-fg:#4d4d4d;--line:4px solid var(--ink);--shadow-sm:4px 4px 0 var(--ink);--shadow-md:8px 8px 0 var(--ink);--max-width:1440px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#121212;--paper:#202020;--ink:#f0f0f0;--muted:#3a3a3a;--footer-bg:#050505;--footer-fg:#f0f0f0;--video-bg:#050505;--controls-bg:#050505f5;--caption-fg:#c6c6c6;--muted-fg:#a0a0a0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);min-width:320px;color:var(--ink);margin:0;font-family:Outfit,Arial,sans-serif;font-weight:500;line-height:1.5;transition:background-color .2s ease-out,color .2s ease-out;overflow-x:hidden}button,input,select{color:inherit;font:inherit}button,a,select,input[type=range]{-webkit-tap-highlight-color:transparent;cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.video-shell:focus-visible{outline:3px solid var(--blue);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-transform:uppercase;margin-bottom:0}.site-header{z-index:10;border-bottom:var(--line);background:var(--paper);grid-template-columns:1fr auto 1fr;align-items:center;min-height:86px;padding:0 40px;display:grid;position:relative}.brand{justify-self:start;align-items:center;gap:12px;display:inline-flex}.brand-mark{width:78px;height:32px;display:inline-block;position:relative}.brand-mark>span{border:2px solid var(--ink);will-change:transform;width:22px;height:22px;animation:4.8s cubic-bezier(.65,0,.35,1) infinite geometric-icon-shuffle;display:block;position:absolute;top:5px;left:0}.brand-mark .mark-square{width:20px;height:20px;animation-delay:-1.6s;top:5px;left:0}.brand-mark .mark-triangle{animation-delay:-3.2s;top:4px;left:0;border:0!important;width:22px!important;height:22px!important}.mark-circle{background:var(--red);border-radius:50%;width:22px;height:22px;top:5px;left:0}.mark-square{background:var(--yellow);width:20px;height:20px;top:5px;left:0}.mark-triangle{top:4px;left:0;border:0!important;width:22px!important;height:22px!important}.mark-triangle svg{width:100%;height:100%;display:block;overflow:visible}.mark-triangle polygon{fill:var(--blue);stroke:var(--ink);stroke-linejoin:miter;stroke-width:2px}.brand-name{letter-spacing:.12em;font-size:16px;font-weight:900;line-height:1}.brand-name b{color:var(--blue)}.desktop-nav{align-items:center;gap:34px;display:flex}.nav-link{letter-spacing:.16em;padding:8px 0;font-size:11px;font-weight:900;position:relative}.nav-link:after{background:var(--red);content:"";transform-origin:0;height:3px;transition:transform .18s ease-out;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-link:hover:after,.nav-link.is-active:after{transform:scaleX(1)}.header-status{letter-spacing:.14em;justify-self:end;align-items:center;gap:9px;font-size:10px;font-weight:900;display:inline-flex}.theme-toggle{border:2px solid var(--ink);background:var(--paper);min-height:28px;color:var(--ink);letter-spacing:.1em;align-items:center;gap:6px;padding:4px 7px;font-size:9px;font-weight:900;transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out;display:inline-flex}.theme-toggle:hover{background:var(--yellow);color:var(--ink)}.theme-toggle:active{transform:translate(2px,2px)}.theme-toggle svg,.mobile-theme-toggle svg{stroke-width:2.5px;width:14px;height:14px}.status-dot{background:var(--blue);border-radius:50%;width:9px;height:9px}.menu-toggle,.mobile-nav,.mobile-theme-toggle{display:none}.section-rule{border-bottom:var(--line)}.hero,.player-section,.recent-section,.principles-section{padding:96px 40px}.hero{max-width:var(--max-width);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:48px clamp(132px,12vw,210px);min-height:610px;margin:0 auto;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;align-self:center;padding-bottom:28px;position:relative}.section-kicker{letter-spacing:.19em;align-items:center;gap:12px;margin-bottom:24px;font-size:11px;font-weight:900;display:flex}.kicker-number{border:2px solid var(--ink);background:var(--yellow);letter-spacing:0;place-items:center;width:28px;height:28px;font-size:11px;display:inline-grid}.blue-number{background:var(--blue);color:var(--paper)}.red-number{background:var(--red);color:var(--paper)}.yellow-number{background:var(--yellow);color:var(--ink)}h1{letter-spacing:-.075em;max-width:620px;font-size:clamp(4.5rem,8.5vw,8.9rem);font-weight:900;line-height:.82}h1 span{color:var(--red)}.hero-intro{text-align:justify;text-justify:inter-word;max-width:400px;margin:36px 0 0;font-size:17px;line-height:1.65}.hero-shapes{pointer-events:none;width:180px;height:130px;position:absolute;bottom:-34px;right:-220px}.hero-line{background:var(--ink);width:192px;height:3px;position:absolute;top:50%;left:-12px;transform:rotate(-28deg)}.hero-red-circle,.hero-blue-square,.hero-yellow-triangle{border:3px solid var(--ink);position:absolute}.hero-red-circle{background:var(--red);border-radius:50%;width:47px;height:47px;top:52px;left:12px}.hero-blue-square{background:var(--blue);width:48px;height:48px;bottom:8px;right:25px;transform:rotate(45deg)}.hero-yellow-triangle{background:var(--ink);clip-path:polygon(0 0,100% 50%,0 100%);border:0;width:55px;height:55px;top:12px;right:76px;transform:rotate(17deg)}.hero-yellow-triangle:after{background:var(--yellow);content:"";clip-path:polygon(0 0,100% 50%,0 100%);display:block;position:absolute;inset:4px}.hard-card{border:var(--line);box-shadow:var(--shadow-md)}.source-card{background:var(--yellow);flex-direction:column;align-self:center;width:100%;min-width:0;padding:28px;display:flex}.hero .source-card{max-width:650px}.card-topline,.form-actions,.source-footnote,.section-heading-row,.player-meta,.video-bar,.video-title-group,.video-caption,.control-row,.control-cluster,.timeline-row,.speed-control,.quality-control,.footer-brand,.recent-topline,.recent-bottomline{align-items:center;display:flex}.card-topline{letter-spacing:.16em;justify-content:space-between;gap:20px;margin-bottom:48px;font-size:10px;font-weight:900}.source-badge{border:2px solid var(--ink);background:var(--paper);letter-spacing:.12em;padding:5px 8px;font-size:9px}.source-form label{letter-spacing:.17em;margin-bottom:10px;font-size:12px;font-weight:900;display:block}.url-field{border:3px solid var(--ink);background:var(--paper);align-items:center;min-width:0;min-height:60px;display:flex}.url-field input{background:0 0;border:0;outline:0;flex:auto;width:100%;min-width:0;height:54px;padding:0 16px;font-size:14px;font-weight:500}.url-field input,.button,.text-button,.source-badge,.card-index{min-width:0}.paste-button{border:0;border-left:3px solid var(--ink);background:var(--blue);min-width:78px;color:var(--paper);letter-spacing:.1em;flex:none;justify-content:center;align-self:stretch;align-items:center;gap:6px;padding:0 12px;font-size:10px;font-weight:900;transition:background-color .15s ease-out,color .15s ease-out;display:inline-flex}.paste-button:hover{background:var(--red)}.paste-button svg{stroke-width:2.5px;width:15px;height:15px}.url-field input::placeholder{color:var(--muted-fg);opacity:1}.form-actions{flex-wrap:wrap;gap:24px;margin-top:24px}.button,.text-button{border:2px solid var(--ink);letter-spacing:.14em;font-size:11px;font-weight:900;transition:transform .15s ease-out,box-shadow .15s ease-out,background-color .15s ease-out}.button{min-height:48px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:12px;padding:0 17px;display:inline-flex}.form-actions .button{flex:0 auto}.button svg{stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2px;width:18px;height:18px}.button-black{background:var(--ink);color:var(--paper)}.button-black:hover{background:var(--blue)}.button:active,.text-button:active,.player-button:active{box-shadow:none;transform:translate(2px,2px)}.text-button{letter-spacing:.18em;background:0 0;border-color:#0000;padding:4px 0}.text-button:hover{color:var(--red)}.source-footnote{border-top:2px solid var(--ink);align-items:flex-start;gap:10px;margin-top:32px;padding-top:18px}.source-footnote.is-resolving{color:var(--blue)}.source-footnote.is-resolving .info-shape{background:var(--blue);color:var(--paper);animation:.9s steps(2,end) infinite signal-pulse}.info-shape{background:var(--blue);width:21px;height:21px;color:var(--paper);border-radius:50%;flex:0 0 21px;place-items:center;font-size:13px;font-weight:900;display:grid}.source-footnote p{max-width:300px;margin:0;font-size:12px;line-height:1.45}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.local-file-row{align-items:center;gap:14px;margin-top:22px;display:flex}.button-paper{background:var(--paper);min-height:42px;box-shadow:3px 3px 0 var(--ink);padding:0 13px;font-size:10px}.button-paper:hover{background:var(--blue);color:var(--paper)}.button-paper{cursor:pointer}.button:disabled{cursor:wait;opacity:.62}.local-file-name{min-width:0;color:var(--muted-fg);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.player-section{max-width:var(--max-width);margin:0 auto;padding-top:80px;padding-bottom:104px}#video-player{scroll-margin-top:24px}.section-heading-row{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px}h2{letter-spacing:-.07em;font-size:clamp(3rem,6vw,6.3rem);font-weight:900;line-height:.85}.player-meta{letter-spacing:.15em;white-space:nowrap;gap:9px;padding-bottom:7px;font-size:10px;font-weight:900}.live-square{border:2px solid var(--ink);background:var(--red);width:11px;height:11px}.live-square.is-ready{background:var(--green)}.player-layout{display:block}.video-card{border:var(--line);background:var(--ink);min-width:0;box-shadow:var(--shadow-md)}.video-bar{background:var(--paper);min-height:54px;color:var(--ink);letter-spacing:.13em;justify-content:space-between;gap:12px;padding:0 18px;font-size:11px;font-weight:900;position:relative}.video-bar-actions{flex:none;align-items:center;gap:12px;display:flex}.download-dock{z-index:6;border:2px solid var(--ink);background:var(--yellow);width:100%;max-width:100%;min-height:0;color:var(--ink);box-shadow:5px 5px 0 var(--ink);flex-direction:column;align-items:center;margin-top:14px;padding:10px 12px;display:flex;position:relative}.download-dock,.download-dock>.download-menu{min-width:0}.download-processing-row{align-items:center;gap:12px;width:100%;max-width:100%;min-height:48px;margin-top:14px;display:flex}.video-title-group,.video-title-group>span:last-child{min-width:0}.video-title-group{flex:auto;gap:10px;min-width:0}.video-title-group>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-shape{background:var(--red);flex:0 0 13px;width:13px;height:13px;display:block;transform:rotate(45deg)}.video-type{color:var(--blue);white-space:nowrap;flex:none;margin-left:16px;font-size:9px}.download-menu{z-index:5;width:auto;position:relative}.download-action-row{align-items:center;gap:12px;max-width:100%;display:flex}.download-button{border:2px solid var(--ink);background:var(--paper);min-height:34px;color:var(--ink);letter-spacing:.1em;align-items:center;gap:6px;padding:5px 9px;font-size:9px;font-weight:900;line-height:1;transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out;display:inline-flex}.download-button:hover:not(:disabled){background:var(--blue);color:var(--paper)}.download-button:active:not(:disabled){transform:translate(2px,2px)}.download-button svg{stroke-width:2.5px;width:14px;height:14px}.download-button svg:last-child{width:12px;height:12px;transition:transform .15s ease-out}.download-button svg:last-child.is-open{transform:rotate(180deg)}.download-options{scrollbar-color:var(--ink) transparent;scrollbar-width:thin;flex-wrap:nowrap;align-items:stretch;gap:7px;width:100%;display:flex;overflow-x:auto}.download-option{border:2px solid var(--ink);width:auto;min-width:0;min-height:42px;color:var(--ink);text-align:left;background:0 0;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:6px 9px;transition:background-color .15s ease-out,color .15s ease-out;display:flex}.download-option:hover:not(.is-disabled){background:var(--blue);color:var(--paper)}.download-option.is-disabled{cursor:not-allowed;opacity:.48}.download-option:disabled{color:inherit}.download-option strong{letter-spacing:.09em;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;overflow:hidden}.download-option small{letter-spacing:.06em;opacity:.72;font-size:9px;font-weight:700}.download-option>svg{stroke-width:2.5px;flex:none;width:15px;height:15px}.download-processing{white-space:nowrap;min-width:0;color:var(--blue);letter-spacing:.1em;flex:auto;align-items:center;gap:8px;font-size:9px;font-weight:900;display:flex}.download-processing-row .download-button{opacity:.62;flex:none}.download-processing-pulse{align-items:center;gap:3px;margin-left:2px;display:inline-flex}.download-processing strong{color:var(--ink);letter-spacing:.04em;font-size:12px}.download-processing svg{width:15px;height:15px}.is-spinning{animation:.8s linear infinite download-spin}@keyframes download-spin{to{transform:rotate(360deg)}}@keyframes download-progress{0%,to{transform-origin:0;transform:scaleX(.35)}50%{transform-origin:0;transform:scaleX(1)}}@keyframes download-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.download-save-button{border:3px solid var(--ink);background:var(--yellow);width:fit-content;max-width:100%;min-height:47px;color:var(--ink);letter-spacing:.1em;text-align:left;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-top:8px;padding:8px 9px;font-size:10px;font-weight:900;transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out;display:flex}.download-legal{display:none}.download-save-button:disabled{cursor:wait;opacity:.68}.download-save-button:active{box-shadow:none;transform:translate(2px,2px)}.download-save-button svg{stroke-width:2.5px;width:17px;height:17px}.download-fallback-message,.download-note,.download-legal{margin:0;font-size:10px;line-height:1.35}.download-fallback-message,.download-note{opacity:.72}.download-fallback-message{padding:10px 7px 4px}.download-note{padding:10px 7px 3px}.download-legal{border-top:1px solid var(--muted);color:var(--muted-fg);letter-spacing:.08em;padding:10px 7px 3px;font-size:8px;font-weight:900}.video-shell{aspect-ratio:16/9;background:var(--video-bg);position:relative;overflow:hidden}.video-shell video{object-fit:contain;background:var(--video-bg);width:100%;height:100%;display:block}.video-shell iframe{background:var(--video-bg);border:0;width:100%;height:100%;display:block}:-webkit-any(.video-shell:fullscreen,.video-shell:-webkit-full-screen){aspect-ratio:auto;background:var(--video-bg);width:100vw;max-width:none;height:100vh}:is(.video-shell:fullscreen,.video-shell:fullscreen){aspect-ratio:auto;background:var(--video-bg);width:100vw;max-width:none;height:100vh}:-webkit-any(.video-shell:fullscreen video,.video-shell:fullscreen iframe,.video-shell:-webkit-full-screen video,.video-shell:-webkit-full-screen iframe){width:100%;height:100%}:is(.video-shell:fullscreen video,.video-shell:fullscreen iframe,.video-shell:fullscreen video,.video-shell:fullscreen iframe){width:100%;height:100%}:-webkit-any(.video-shell:fullscreen .video-controls,.video-shell:-webkit-full-screen .video-controls){padding-bottom:calc(14px + env(safe-area-inset-bottom))}:is(.video-shell:fullscreen .video-controls,.video-shell:fullscreen .video-controls){padding-bottom:calc(14px + env(safe-area-inset-bottom))}.player-slate{background:var(--blue);color:var(--paper);opacity:1;align-content:center;place-items:center;gap:12px;transition:opacity .18s ease-out;display:grid;position:absolute;inset:0}.video-shell.has-source .player-slate,.video-shell .player-slate.is-hidden{opacity:0;pointer-events:none}.video-shell.has-source .player-slate.is-error{opacity:1;pointer-events:auto}.player-slate.is-error{background:var(--red)}.slate-art{width:150px;height:91px;margin-bottom:7px;position:relative}.slate-art span{border:3px solid var(--ink);display:block;position:absolute}.slate-circle{background:var(--red);border-radius:50%;width:72px;height:72px;top:7px;left:18px}.slate-square{background:var(--yellow);width:68px;height:68px;top:0;right:12px;transform:rotate(45deg)}.slate-triangle{bottom:0;right:51px;transform:rotate(-10deg);border-top:25px solid #0000!important;border-bottom:25px solid #0000!important;border-left:43px solid var(--paper)!important;border-right:0!important;width:0!important;height:0!important}.slate-label{letter-spacing:.22em;font-size:10px;font-weight:900}.loading-signal{align-items:flex-end;gap:7px;height:38px;margin:-3px 0 2px;display:flex}.loading-signal span{border:2px solid var(--ink);background:var(--yellow);transform-origin:bottom;width:10px;height:18px;animation:.85s steps(3,end) infinite signal-bars;display:block}.loading-signal span:nth-child(2){background:var(--red);height:30px;animation-delay:.12s}.loading-signal span:nth-child(3){background:var(--paper);height:23px;animation-delay:.24s}@keyframes signal-bars{0%,to{transform:scaleY(.48)}50%{transform:scaleY(1)}}@keyframes signal-pulse{0%,to{transform:scale(1)}50%{transform:scale(.82)}}.player-slate strong{letter-spacing:-.04em;text-align:center;text-transform:uppercase;max-width:90%;font-size:clamp(1.2rem,2vw,1.75rem);font-weight:900;line-height:1.05}.video-controls{background:var(--controls-bg);color:var(--paper);padding:16px 20px 14px;position:absolute;bottom:0;left:0;right:0}.timeline-row{gap:11px;margin-bottom:11px}.time-code{letter-spacing:.04em;min-width:37px;font-size:10px;font-weight:700}.time-code:last-child{text-align:right}.range{height:4px;accent-color:var(--red);cursor:pointer;border:0;border-radius:0;outline:0;margin:0}.timeline{flex:1}.volume{width:78px}.range::-webkit-slider-runnable-track{border:1px solid var(--paper);background:var(--muted);height:4px}.range::-webkit-slider-thumb{border:2px solid var(--ink);background:var(--yellow);-webkit-appearance:none;border-radius:50%;width:13px;height:13px;margin-top:-5px}.range::-moz-range-track{border:1px solid var(--paper);background:var(--muted);height:4px}.range::-moz-range-thumb{border:2px solid var(--ink);background:var(--yellow);border-radius:50%;width:10px;height:10px}.control-row{flex-wrap:wrap;justify-content:space-between;gap:20px}.control-cluster{flex-wrap:wrap;gap:12px;display:flex}.control-right{gap:18px}.player-button{border:2px solid var(--paper);width:31px;height:31px;color:var(--paper);background:0 0;place-items:center;padding:0;transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out;display:grid}.player-button:hover:not(:disabled){background:var(--yellow);color:var(--ink)}.player-button svg{stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2px;width:16px;height:16px}.play-button svg{fill:currentColor;stroke:none}.speed-control{letter-spacing:.11em;gap:7px;font-size:9px;font-weight:900}.speed-control select{border:1px solid var(--paper);background:var(--ink);color:var(--paper);cursor:pointer;border-radius:0;outline:0;padding:4px 5px;font-size:10px;font-weight:700}.quality-control{letter-spacing:.11em;gap:7px;font-size:9px;font-weight:900}.quality-control select{border:1px solid var(--paper);background:var(--ink);color:var(--paper);cursor:pointer;border-radius:0;outline:0;padding:4px 5px;font-size:10px;font-weight:700}.video-caption{border-top:2px solid var(--muted);min-height:42px;color:var(--caption-fg);letter-spacing:.1em;flex-wrap:wrap;justify-content:flex-start;gap:16px;padding:0 18px;font-size:9px;font-weight:500}.video-caption b{color:var(--yellow);margin-right:5px;font-weight:900}.hero-intro,.source-footnote p,.video-caption span{overflow-wrap:anywhere}.recent-section{max-width:var(--max-width);margin:0 auto;padding-top:82px;padding-bottom:96px}.recent-heading-row{align-items:flex-end;margin-bottom:43px}.recent-heading-actions{align-items:flex-end;gap:18px;display:flex}.recent-delete-all{border:2px solid var(--ink);min-height:32px;color:var(--ink);letter-spacing:.1em;background:0 0;align-items:center;gap:7px;margin-bottom:3px;padding:6px 9px;font-size:9px;font-weight:900;transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out;display:inline-flex}.recent-delete-all:hover{background:var(--red);color:var(--paper)}.recent-delete-all:active{transform:translate(2px,2px)}.recent-delete-all svg{width:14px;height:14px}.section-aside{text-align:right;margin:0 3px 6px 0;font-size:12px;line-height:1.4}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.recent-card{border:var(--line);background:var(--paper);min-height:210px;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;padding:22px;transition:transform .18s ease-out;display:flex;position:relative}.recent-card:hover{transform:translateY(-5px)}.recent-card:nth-child(2){background:var(--red);color:var(--paper)}.recent-card:nth-child(3){background:var(--blue);color:var(--paper)}.recent-card.empty-card{box-shadow:none;background:0 0;border-style:dashed}.recent-topline,.recent-bottomline{min-width:0}.recent-bottomline{justify-content:space-between;gap:14px}.recent-topline{letter-spacing:.16em;font-size:10px;font-weight:900}.recent-shape{border:2px solid var(--ink);background:var(--yellow);flex:0 0 18px;width:18px;height:18px}.recent-card:nth-child(2) .recent-shape{background:var(--paper);border-radius:50%}.recent-card:nth-child(3) .recent-shape{background:var(--red);transform:rotate(45deg)}.recent-delete{background:0 0;border:0;flex:0 0 22px;place-items:center;width:22px;height:22px;padding:0;display:grid}.recent-delete svg{stroke-width:3px;width:17px;height:17px}.recent-delete:hover{color:var(--yellow)}.recent-card:nth-child(2) .recent-delete:hover,.recent-card:nth-child(3) .recent-delete:hover{color:var(--ink)}.recent-name{letter-spacing:-.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:300px;margin:20px 0;font-size:25px;font-weight:900;line-height:.95;overflow:hidden}.recent-url{opacity:.75;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;max-width:100%;font-size:11px;overflow:hidden}.recent-load{letter-spacing:.13em;text-underline-offset:4px;background:0 0;border:0;flex:none;padding:0;font-size:10px;font-weight:900;text-decoration:underline}.recent-load:hover{color:var(--yellow)}.recent-card:nth-child(2) .recent-load:hover,.recent-card:nth-child(3) .recent-load:hover{color:var(--ink)}.empty-card{justify-content:center;align-items:flex-start}.empty-card h3{letter-spacing:-.03em;margin:16px 0 9px;font-size:18px}.empty-card p{max-width:210px;margin:0;font-size:12px;line-height:1.45}.empty-plus{border:2px solid var(--ink);background:var(--yellow);place-items:center;width:36px;height:36px;font-size:24px;font-weight:400;line-height:1;display:grid}.principles-section{max-width:var(--max-width);background:var(--ink);color:var(--paper);grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:clamp(48px,9vw,148px);margin:0 auto;padding-top:96px;padding-bottom:104px;display:grid}.principles-section .section-kicker{color:var(--paper)}.principles-intro h2{font-size:clamp(3.5rem,6.5vw,7rem)}.principles-intro h2 span{color:var(--yellow)}.principles-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;gap:14px;display:grid}.principle-card{border:3px solid var(--ink);min-height:300px;color:var(--ink);padding:20px 18px}.principle-red{background:var(--red)}.principle-blue{background:var(--blue);color:var(--paper)}.principle-yellow{background:var(--yellow)}.principle-icon{border:2px solid var(--ink);place-items:center;width:47px;height:47px;font-size:12px;font-weight:900;display:grid}.circle-icon{background:var(--yellow);border-radius:50%}.square-icon{background:var(--red)}.diamond-icon{background:var(--paper);transform:rotate(45deg)}.diamond-icon span{display:block;transform:rotate(-45deg)}.principle-card h3{letter-spacing:-.05em;margin-top:36px;font-size:25px;font-weight:900;line-height:.9}.principle-card p{margin:19px 0 0;font-size:12px;line-height:1.45}.site-footer{background:var(--footer-bg);min-height:100px;color:var(--footer-fg);justify-content:space-between;align-items:center;gap:20px;padding:0 40px;display:flex}.footer-brand{letter-spacing:.16em;gap:10px;font-size:12px;font-weight:900}@keyframes geometric-icon-shuffle{0%,18%{transform:translate(0)translateY(0)scale(1)}28%{transform:translate(24px)translateY(-2px)scale(.88)}36%,51%{transform:translate(24px)translateY(0)scale(1)}61%{transform:translate(48px)translateY(-2px)scale(.88)}69%,84%{transform:translate(48px)translateY(0)scale(1)}94%{transform:translate(0)translateY(-2px)scale(.88)}to{transform:translate(0)translateY(0)scale(1)}}.site-footer p,.back-to-top{letter-spacing:.15em;margin:0;font-size:10px;font-weight:900}.back-to-top:hover{color:var(--yellow)}.toast{z-index:20;border:3px solid var(--ink);background:var(--yellow);max-width:min(360px,100vw - 48px);box-shadow:var(--shadow-sm);padding:14px 17px;font-size:12px;font-weight:700;line-height:1.35;position:fixed;bottom:24px;right:24px}@media (width<=1100px){.site-header,.site-footer,.hero,.player-section,.recent-section,.principles-section{padding-left:28px;padding-right:28px}.video-caption{gap:8px;font-size:8px}}@media (width<=1080px){.hero{grid-template-columns:1fr;gap:54px;min-height:auto}.hero-copy{max-width:760px}.hero .source-card{justify-self:start}.hero-shapes{right:-105px}}@media (width<=960px){.site-header{grid-template-columns:1fr auto;min-height:74px}.desktop-nav,.header-status{display:none}.menu-toggle{border:2px solid var(--ink);background:var(--yellow);flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;padding:0;display:flex}.menu-toggle span{background:var(--ink);width:19px;height:2px;transition:transform .16s ease-out,opacity .16s ease-out;display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav{border-bottom:0 solid var(--ink);background:var(--paper);flex-direction:column;max-height:0;transition:max-height .2s ease-out,border-bottom-width .2s ease-out;display:flex;position:absolute;top:74px;left:0;right:0;overflow:hidden}.mobile-nav.is-open{border-bottom-width:4px;max-height:260px}.mobile-nav .nav-link{border-bottom:1px solid var(--muted);padding:17px 28px}.mobile-nav .nav-link:after{width:35px;bottom:0;left:28px;right:auto}.mobile-theme-toggle{border:0;border-bottom:1px solid var(--muted);background:var(--paper);color:var(--ink);letter-spacing:.16em;text-align:left;align-items:center;gap:10px;padding:17px 28px;font-size:11px;font-weight:900;display:inline-flex}.mobile-theme-toggle:hover{background:var(--yellow)}.hero,.principles-section{grid-template-columns:1fr}.hero{grid-template-columns:1fr;gap:54px;min-height:auto;padding-top:72px;padding-bottom:88px}.hero-copy{max-width:760px}h1{font-size:clamp(4rem,15vw,7rem)}.hero-shapes{right:-105px}.source-card{max-width:650px}.hero .source-card{justify-self:start}.principles-section{gap:56px}.principles-grid{max-width:650px}}@media (width<=800px){.principles-section{grid-template-columns:1fr;gap:56px}.principles-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}}@media (width<=620px){.site-header,.hero,.player-section,.recent-section,.principles-section{padding-left:17px;padding-right:17px}.hero{padding-top:58px;padding-bottom:71px}.brand-name{font-size:14px}.mobile-nav .nav-link{padding-left:17px;padding-right:17px}.mobile-nav .nav-link:after{left:17px}.mobile-theme-toggle{padding-left:17px;padding-right:17px}.section-kicker{letter-spacing:.14em;gap:9px;margin-bottom:18px;font-size:9px}.kicker-number{width:25px;height:25px}h1{letter-spacing:-.08em;font-size:clamp(3.55rem,16vw,5.5rem)}.hero-intro{margin-top:27px;font-size:15px}.hero-shapes{transform-origin:100% 100%;bottom:-18px;right:-88px;transform:scale(.78)}.source-card{box-shadow:5px 5px 0 var(--ink);padding:20px 17px}.card-topline{flex-wrap:wrap;align-items:flex-start;row-gap:10px;margin-bottom:32px}.card-index{font-size:9px}.source-badge{padding:4px 5px;font-size:8px}.url-field{min-height:54px}.url-field input{height:48px;padding:0 11px;font-size:12px}.form-actions{gap:18px;margin-top:20px}.button{min-height:44px;padding:0 12px;font-size:10px}.source-footnote{margin-top:25px;padding-top:14px}.source-footnote p{font-size:11px}.player-section,.recent-section,.principles-section{padding-top:65px;padding-bottom:70px}.section-heading-row{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:28px}.section-heading-row h2{font-size:clamp(3.2rem,16vw,5.5rem)}.player-meta{padding-bottom:0;font-size:9px}.video-card{box-shadow:5px 5px 0 var(--ink)}.video-bar{align-items:flex-start;min-height:47px;padding:0 12px;font-size:9px}.video-bar-actions{align-items:flex-start;gap:6px}.download-dock{margin-top:12px;padding:7px}.download-processing-row{gap:8px}.download-processing-row .download-button{min-width:0;padding:5px 7px}.download-processing{gap:5px;font-size:8px}.download-processing strong{font-size:10px}.download-progress-track{min-width:44px}.download-panel{width:min(340px,100vw - 42px);top:calc(100% + 6px);right:0}.video-type{padding-top:2px;font-size:8px}.video-controls{padding:11px 11px 10px}.timeline-row{gap:7px;margin-bottom:8px}.time-code{min-width:31px;font-size:8px}.control-row{gap:6px}.control-cluster{gap:7px}.control-right{gap:6px}.player-button{width:27px;height:27px}.player-button svg{width:14px;height:14px}.volume{width:51px}.speed-control span,.quality-control span{display:none}.speed-control select,.quality-control select{padding:3px 2px;font-size:9px}.video-caption{letter-spacing:.04em;gap:5px;min-height:35px;padding:0 11px;font-size:7px}.recent-heading-row{margin-bottom:28px}.section-aside{text-align:left;margin:0;font-size:11px}.recent-bottomline{flex-wrap:wrap;align-items:flex-start}.recent-grid,.principles-grid{grid-template-columns:1fr;gap:17px}.recent-card{min-height:180px;box-shadow:5px 5px 0 var(--ink);padding:18px}.recent-name{margin:16px 0;font-size:23px}.principles-section{gap:47px}.principles-intro h2{font-size:clamp(3.5rem,17vw,5.7rem)}.principle-card{min-height:220px;padding:17px}.principle-card h3{margin-top:25px}.site-footer{flex-wrap:wrap;min-height:125px;padding:24px 17px}.site-footer p{flex:0 0 100%;order:3;font-size:8px}.toast{max-width:none;bottom:17px;left:17px;right:17px}}.download-dock{border:2px solid var(--ink);background:var(--yellow);width:100%;max-width:100%;min-height:0;color:var(--ink);box-shadow:5px 5px 0 var(--ink);flex-direction:column;align-items:stretch;margin-top:14px;padding:9px 10px;display:flex;overflow:hidden}.download-processing-row{align-items:center;gap:10px;width:100%;min-height:42px;margin-top:14px;display:flex}.download-options{scrollbar-color:var(--ink) transparent;scrollbar-width:thin;flex-wrap:nowrap;align-items:stretch;gap:7px;width:100%;min-width:0;display:flex;overflow-x:auto}.download-option{border:2px solid var(--ink);background:var(--paper);width:auto;min-width:max-content;min-height:39px;color:var(--ink);text-align:left;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:5px 8px;transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out;display:inline-flex}.download-option:hover:not(:disabled){background:var(--blue);color:var(--paper)}.download-option:active:not(:disabled){transform:translate(1px,1px)}.download-option-main{gap:1px;min-width:0;display:grid}.download-option strong{letter-spacing:.08em;white-space:nowrap;font-size:9px}.download-option small{letter-spacing:.04em;opacity:.7;white-space:nowrap;font-size:8px}.download-option>svg{flex:none;width:14px;height:14px}.download-processing-row .download-button{background:var(--yellow);flex:none}.download-processing{min-width:0;color:var(--blue);letter-spacing:.08em;white-space:nowrap;flex:auto;align-items:center;gap:7px;font-size:9px;font-weight:900;display:flex}.download-processing>span:not(.download-processing-pulse):not(.download-progress-track){text-overflow:ellipsis;min-width:0;overflow:hidden}.download-processing strong{color:var(--ink);letter-spacing:.03em;flex:none;font-size:11px}.download-processing svg{flex:none;width:15px;height:15px}.download-processing-pulse{flex:none;align-items:center;gap:3px;display:inline-flex}.download-processing-pulse i{background:var(--blue);border-radius:50%;width:4px;height:4px;animation:.9s ease-in-out infinite download-dot;display:block}.download-processing-pulse i:nth-child(2){animation-delay:.12s}.download-processing-pulse i:nth-child(3){animation-delay:.24s}.download-progress-track{background:var(--muted);flex:90px;min-width:55px;height:4px;display:block;position:relative;overflow:hidden}.download-progress-fill{background:var(--blue);height:100%;transition:width .26s ease-out;display:block;position:relative}.download-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);animation:1s linear infinite download-progress;position:absolute;inset:0}.download-dock-status{color:var(--blue);letter-spacing:.08em;align-items:center;gap:7px;font-size:9px;font-weight:900;display:inline-flex}.download-dock-status svg{width:15px;height:15px}.download-save-button{border:2px solid var(--ink);background:var(--ink);width:fit-content;max-width:100%;min-height:39px;color:var(--paper);letter-spacing:.08em;text-align:left;box-shadow:none;align-self:flex-start;margin-top:8px;padding:6px 9px;font-size:9px;font-weight:900}.download-save-button:hover{background:var(--blue);color:var(--paper)}.download-fallback-message,.download-note{padding:6px 2px 1px;font-size:9px}@media (width<=620px){.download-dock{margin-top:12px;padding:7px}.download-processing-row{gap:7px}.download-processing-row .download-button{min-height:34px;padding:5px 7px;font-size:8px}.download-processing{gap:5px;font-size:8px}.download-processing strong{font-size:10px}.download-progress-track{min-width:42px}.recent-heading-actions{flex-direction:column;align-items:flex-start;gap:12px}.recent-delete-all{margin-bottom:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.loading-signal span,.source-footnote.is-resolving .info-shape,.brand-mark>span{animation:none}.brand-mark .mark-circle{transform:translate(0)}.brand-mark .mark-square{transform:translate(24px)}.brand-mark .mark-triangle{transform:translate(48px)}}