@layer{*,:before,:after{box-sizing:border-box;background-repeat:no-repeat}*{padding:0;margin:0}html{-webkit-text-size-adjust:none;text-size-adjust:none;line-height:1.5;-webkit-font-smoothing:antialiased;block-size:100%}body{min-block-size:100%}img,iframe,audio,video,canvas{display:block;max-inline-size:100%;block-size:auto}svg{max-inline-size:100%}svg:not([fill]){fill:currentColor}input,button,textarea,select{font:inherit}textarea{resize:vertical}fieldset,iframe{border:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty;font-variant-numeric:proportional-nums}h1,h2,h3,h4,h5,h6{font-variant-numeric:lining-nums}p,blockquote,q,figcaption,li{hanging-punctuation:first allow-end last}input,label,button,h1,h2,h3,h4,h5,h6{line-height:1.1}math,time,table{font-variant-numeric:tabular-nums lining-nums slashed-zero}code{font-variant-numeric:slashed-zero}table{border-collapse:collapse}abbr{font-variant-caps:all-small-caps;text-decoration:none}abbr[title]{cursor:help;text-decoration:underline dotted}sup,sub{line-height:0}:disabled{opacity:.8;cursor:not-allowed}:focus-visible{outline-offset:.2rem}}:root{--text-size-xs:.64rem;--text-size-sm:.8rem;--text-size-md:1rem;--text-size-lg:1.25rem;--text-size-xl:1.56rem;--text-size-2xl:1.95rem;--text-size-3xl:2.44rem;--text-size-4xl:3.05rem;--text-size-5xl:3.81rem;--color-orange-50:oklch(97.5% .013 41.28);--color-orange-100:oklch(95% .026 48.46);--color-orange-200:oklch(90.8% .049 48.83);--color-orange-300:oklch(85.9% .083 51.97);--color-orange-400:oklch(81.8% .113 55.81);--color-orange-500:oklch(77% .162 61.65);--color-orange-600:oklch(64.7% .139 62.19);--color-orange-700:oklch(51.6% .111 62.3);--color-orange-800:oklch(39.4% .085 61.9);--color-orange-900:oklch(26.2% .057 60.68);--color-orange-950:oklch(20.1% .044 62.25);--color-blue-50:oklch(96.7% .016 266.31);--color-blue-100:oklch(93.1% .031 267.98);--color-blue-200:oklch(86.3% .065 264.99);--color-blue-300:oklch(79.4% .101 262.43);--color-blue-400:oklch(72.6% .139 258.38);--color-blue-500:oklch(66% .18 253.48);--color-blue-600:oklch(55.3% .16 252.58);--color-blue-700:oklch(45% .129 252.23);--color-blue-800:oklch(34.6% .099 252.24);--color-blue-900:oklch(24.3% .07 252.86);--color-blue-950:oklch(19% .054 252.35);--spacing-0:4px;--spacing-1:8px;--spacing-2:12px;--spacing-3:20px;--spacing-4:32px;--spacing-5:52px;--spacing-6:84px;--spacing-7:136px;--spacing-8:220px;--spacing-9:356px;--rounded-full:calc(infinity * 1px)}html{font-size:16px}body{font-family:Ubuntu,Roboto,sans-serif;font-weight:false;line-height:1.65}p{font-size:1em}h1,h2,h3,h4,h5{font-family:Open Sans,sans-serif;font-weight:true;line-height:1.15}h1,.text-size-h1{margin-top:0;font-family:Open Sans,sans-serif;font-size:3.05em;font-weight:700}h2,.text-size-h2{font-size:2.44em}h3,.text-size-h3{font-size:1.95em}h4,.text-size-h4{font-size:1.56em}h5,.text-size-h5{font-size:1.25em}.text-caption{font-size:.8em}small,.text-small{font-size:.64em}body{background:var(--color-blue-900)}#views>:not(.active){display:none}#home{justify-content:center;align-items:center;height:100dvh;display:flex}#share-btn{background:var(--color-orange-400);font-size:var(--text-size-3xl);color:var(--color-orange-950);cursor:pointer;padding:var(--spacing-2) var(--spacing-5);box-shadow:color-mix(in lab, var(--color-orange-500) 10%, transparent) 0px 0px var(--spacing-7) var(--spacing-6);border:none;border-radius:1rem;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}#share-btn:hover{color:var(--color-orange-100);box-shadow:color-mix(in lab, var(--color-orange-500) 10%, transparent) 0px 0px var(--spacing-7) var(--spacing-6), color-mix(in lab, var(--color-orange-500) 20%, transparent) 0px 0px var(--spacing-4) var(--spacing-2);background:var(--color-orange-500)}#sharing,#viewing{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100dvh;display:flex}:is(#sharing,#viewing) div{color:var(--color-orange-100);font-size:var(--text-size-3xl)}#preview,#remote{border:10px solid var(--color-blue-950);border-radius:1rem;max-width:50%;max-height:50%}#fullscreen{font-size:var(--text-size-md);padding:var(--spacing-1);cursor:pointer}