@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}@property --sign{initial-value: 0; inherits: true; syntax: "<integer>";}@property --mask-size-start{initial-value: 0; inherits: true; syntax: "<number>";}@property --mask-size-end{initial-value: 0; inherits: true; syntax: "<number>";}@property --column-one{inherits: true; initial-value: 0; syntax: "<number>";}@property --column-two{inherits: true; initial-value: 0; syntax: "<number>";}@property --column-three{inherits: true; initial-value: 0; syntax: "<number>";}@property --column-four{inherits: true; initial-value: 0; syntax: "<number>";}@property --column-five{inherits: true; initial-value: 0; syntax: "<number>";}@layer base{*{box-sizing:border-box}main{display:flex;gap:2rem}:root{color-scheme:light only;--accent: hsl(10 90% 50%)}[data-light=false]{color-scheme:dark only}body{display:grid;place-items:center;min-height:100vh;accent-color:hsl(250 90% 70%);background:var(--bg);font-family:Inter,SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue;line-height:1.6;color:var(--color)}body:before{--line: color-mix(in lch, canvasText, transparent 65%);--size: 40px;content:"";height:100vh;width:100vw;position:fixed;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) 0 -5vmin / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 0 -5vmin / var( --size ) var(--size);-webkit-mask:linear-gradient(-15deg,transparent 80%,white);mask:linear-gradient(-15deg,transparent 80%,white);top:0;z-index:-1}p::-moz-selection{background:var(--accent)}p::selection{background:var(--accent)}p:first-of-type{font-weight:600;text-wrap:balance;line-height:1.2}p:not(:first-of-type){opacity:.875;font-weight:300}p{padding:0;margin:0}}h1{font-size:1.5rem;margin:0;position:relative;display:inline-block;align-self:start}h1 span{position:absolute;left:calc(100% + .25ch);bottom:50%;font-size:.5em;color:var(--accent)}@layer scroller{.resizer{--bg: color-mix(in lch, canvas, canvasText 2%);width:30ch;aspect-ratio:3 / 3;resize:vertical;overflow:hidden;min-width:260px;max-height:calc(100vh - 4rem);max-width:calc(100vw - 4rem);background:linear-gradient(var(--bg),var(--bg)) padding-box;border-radius:12px;border:1px solid transparent;box-shadow:0 0 0 1px #80808080;padding:.25rem;outline:1px solid hsl(0 0% 50% / .25);outline-offset:4px}.scroller{width:100%;height:100%;overflow:auto;position:relative;overflow-x:hidden;padding:.75rem;scrollbar-color:var(--accent) transparent;scrollbar-color:color-mix(in hsl,canvasText,canvas 20%) transparent;scrollbar-width:thin}article{display:flex;gap:1rem;flex-direction:column}}@layer dynamic-mask{.scroller{--mask-width: 100%;-webkit-mask:linear-gradient(#000,#0000) 0 0 / var(--mask-width) calc((var(--scroll-progress-top, 0) / 100) * (var(--mask-size) * 1px)) no-repeat,linear-gradient(#000,#000) 0 50% / 100% 100% no-repeat,linear-gradient(#0000,#000) 0 100% / var(--mask-width) calc(((100 - var(--scroll-progress-bottom, 100)) / 100) * (var(--mask-size) * 1px)) no-repeat;mask:linear-gradient(#000,#0000) 0 0 / var(--mask-width) calc((var(--scroll-progress-top, 0) / 100) * (var(--mask-size) * 1px)) no-repeat,linear-gradient(#000,#000) 0 50% / 100% 100% no-repeat,linear-gradient(#0000,#000) 0 100% / var(--mask-width) calc(((100 - var(--scroll-progress-bottom, 100)) / 100) * (var(--mask-size) * 1px)) no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}[data-mask-bar=false] .scroller{--mask-width: calc(100% - var(--scrollbar-size, 10px))}[data-trigger=true] .scroller{transition:--mask-size-start .25s linear(0 0%,.0027 3.64%,.0106 7.29%,.0425 14.58%,.0957 21.87%,.1701 29.16%,.2477 35.19%,.3401 41.23%,.5982 55.18%,.7044 61.56%,.7987 68.28%,.875 75%,.9297 81.25%,.9687 87.5%,.9922 93.75%,1 100%),--mask-size-end .25s linear(0 0%,.0027 3.64%,.0106 7.29%,.0425 14.58%,.0957 21.87%,.1701 29.16%,.2477 35.19%,.3401 41.23%,.5982 55.18%,.7044 61.56%,.7987 68.28%,.875 75%,.9297 81.25%,.9687 87.5%,.9922 93.75%,1 100%)}@supports (animation-timeline: scroll()){.scroller{--fade-size: calc(var(--mask-size) * 1px);-webkit-mask:linear-gradient(#fff,#0000),linear-gradient(#fff,#fff),linear-gradient(#0000,#fff);mask:linear-gradient(#fff,#0000),linear-gradient(#fff,#fff),linear-gradient(#0000,#fff);-webkit-mask-position:0 0,0 50%,0 100%;mask-position:0 0,0 50%,0 100%;-webkit-mask-size:var(--mask-width) calc(var(--mask-size-start) * var(--fade-size)),100% 100%,var(--mask-width) calc(var(--mask-size-end) * var(--fade-size));mask-size:var(--mask-width) calc(var(--mask-size-start) * var(--fade-size)),100% 100%,var(--mask-width) calc(var(--mask-size-end) * var(--fade-size));-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes fade-start{to{--mask-size-start: 1}}@keyframes fade-end{0%{--mask-size-end: 1}to{--mask-size-end: 0}}@keyframes trigger-fade-start{to{--mask-size-start: 1}}@keyframes trigger-fade-end{0%{--mask-size-end: 1}to{--mask-size-end: 0}}[data-trigger=false] .scroller{animation:fade-start linear both,fade-end linear both;animation-timeline:scroll(self);animation-range:0 calc(var(--mask-range) * 1px),calc(100% - (var(--mask-range) * 1px)) 100%}[data-trigger=true] .scroller{scroll-timeline:--scroller;animation:none}[data-trigger=true] .resizer{animation:trigger-fade-start steps(1,jump-end) both,trigger-fade-end steps(1,jump-start) both;timeline-scope:--scroller;animation-timeline:--scroller;animation-range:0 calc(var(--mask-range) * 1px),calc(100% - (var(--mask-range) * 1px)) 100%}}}@layer sign-off{.sig path{--draw: 1.025;--end: 1.025;stroke-dasharray:var(--end);stroke-dashoffset:var(--draw)}.sig :is(.eye,.nose){fill:transparent}.sig{width:max(100px,20vmin);max-width:35%;color:color-mix(in lch,canvasText,canvas 25%);z-index:10;rotate:-15deg;translate:-5% 0;pointer-events:none;align-self:flex-end;margin:1rem 0 2rem}@supports (animation-timeline: scroll()){.sig{animation:sign both steps(1,end);animation-timeline:view();animation-range:entry}.sig path{animation:none;stroke-dashoffset:calc(1.025 - (var(--sign) * 1.025));transition:stroke-dashoffset 1s .25s}.sig :is(.eye,.nose){animation:none}@keyframes sign{to{--sign: 1}}}}@layer socials{.bear-link{color:currentColor;position:fixed;top:1rem;left:1rem;width:48px;aspect-ratio:1;display:grid;place-items:center;opacity:.8}:where(.x-link,.bear-link):is(:hover,:focus-visible){opacity:1}.bear-link svg{width:75%}}@layer transition{@keyframes one{0%{--column-one: 100}}@keyframes two{0%{--column-two: 100}}@keyframes three{0%{--column-three: 100}}@keyframes four{0%{--column-four: 100}}@keyframes five{0%{--column-five: 100}}::view-transition-new(root){clip-path:polygon(0 100%,0 calc(var(--column-one) * 1%),20% calc(var(--column-one) * 1%),20% 100%,20% 100%,20% calc(var(--column-two) * 1%),40% calc(var(--column-two) * 1%),40% 100%,40% 100%,40% calc(var(--column-three) * 1%),60% calc(var(--column-three) * 1%),60% 100%,60% 100%,60% calc(var(--column-four) * 1%),80% calc(var(--column-four) * 1%),80% 100%,80% 100%,80% calc(var(--column-five) * 1%),100% calc(var(--column-five) * 1%),100% 100%)}::view-transition-new(root){--speed: .625;--columns: 5;animation:one calc(var(--speed) * 1s) calc(sin((0 / 5) * 45deg) * var(--speed) * 1s),two calc(var(--speed) * 1s) calc(sin((1 / 5) * 45deg) * var(--speed) * 1s),three calc(var(--speed) * 1s) calc(sin((2 / 5) * 45deg) * var(--speed) * 1s),four calc(var(--speed) * 1s) calc(sin((3 / 5) * 45deg) * var(--speed) * 1s),five calc(var(--speed) * 1s) calc(sin((4 / 5) * 45deg) * var(--speed) * 1s);animation-fill-mode:both;animation-timing-function:linear(0 0%,.0027 3.64%,.0106 7.29%,.0425 14.58%,.0957 21.87%,.1701 29.16%,.2477 35.19%,.3401 41.23%,.5982 55.18%,.7044 61.56%,.7987 68.28%,.875 75%,.9297 81.25%,.9687 87.5%,.9922 93.75%,1 100%);z-index:2}::view-transition-old(root){animation:none}}@layer arrow{.arrow{mix-blend-mode:difference;font-family:Gloria Hallelujah,cursive;font-size:.875rem;position:absolute;left:94%;bottom:122%;display:inline-block;rotate:-5deg;pointer-events:none;line-height:1.5;z-index:100;text-align:right}.arrow.arrow--correct{rotate:-15deg;text-align:left;left:46%;bottom:120%}.arrow.arrow--correct svg{left:80%;scale:1 1;rotate:112deg}.arrow span{white-space:nowrap}.arrow svg{top:calc(100% - .25rem);position:absolute;scale:1 -1;left:-35%;width:60px;rotate:110deg}}.resizer__wrap{position:relative}div.tp-dfwv{z-index:99999999;width:280px}div.tp-dfwv .tp-rotv{max-height:calc(100vh - 16px);overflow:auto;border-radius:var(--bs-br)}div.tp-dfwv .tp-rotv>.tp-rotv_b{position:sticky;top:0;z-index:2;background:#45474c}