@font-face{font-family:Archivo;src:url(/fonts/archivo.woff2)format("woff2-variations"),url(/fonts/archivo.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:Unbounded;src:url(/fonts/unbounded.woff2)format("woff2-variations"),url(/fonts/unbounded.woff2)format("woff2");font-weight:200 900;font-display:swap}::selection{color:#000;background:#ff5b14}html,body{color:#000;background:#f3f3ef;margin:0}body{font:600 16px/1.45 Archivo,sans-serif}*,:before,:after{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:is(a,button).nb{--nb-focus:#2236ff;color:#f3f3ef;white-space:nowrap;cursor:pointer;background:#000;border:3px solid #000;border-radius:999px;justify-content:center;align-items:center;min-height:56px;padding:0 26px;font-family:Archivo,sans-serif;font-size:17px;font-weight:900;line-height:1.1;text-decoration:none;transition:transform .25s cubic-bezier(.2,1.6,.35,1);display:inline-flex}:is(a,button).nb.s{min-height:44px;padding:0 16px;font-size:15px}:is(a,button).nb.p{color:#000;background:#f3f3ef}:is(a,button).nb:hover{transform:rotate(-3deg)scale(1.05)}:is(a,button).nb:active{transform:rotate(0)scale(.97)}:is(a,button).nb:focus-visible,.lk:focus-visible,.field:focus-visible,.dev-select:focus-visible{outline-offset:3px;outline:4px solid #2236ff}.nb .nb-ar{flex:none;width:.95em;height:.72em;margin-left:.45em}@media (prefers-reduced-motion:reduce){:is(a,button).nb{transition:none}:is(a,button).nb:hover,:is(a,button).nb:active{transform:none}}.logo{color:#000;letter-spacing:-.04em;white-space:nowrap;background:#f3f3ef;border:3px solid #000;height:44px;margin:0;padding:0 11px;font-family:Unbounded,sans-serif;font-size:17px;font-weight:900;line-height:38px;text-decoration:none;display:inline-block}.logo .wm-n,.logo .wm-l{font-kerning:none;letter-spacing:0}.logo .wm-n{margin-right:-.07em}.logo .wm-l{margin-right:-.3246em}.lk{color:#000;white-space:nowrap;cursor:pointer;background:0 0;border:3px solid #000;border-radius:0;align-items:center;min-height:44px;margin:0;padding:0 16px;font:900 15px/1.1 Archivo,sans-serif;display:inline-flex}.lk[aria-pressed=true]{color:#f3f3ef;background:#000}.tag{color:#000;white-space:nowrap;background:#c0ff04;border:3px solid #000;align-items:center;min-height:44px;padding:0 11px;font:900 15px/1.1 Archivo,sans-serif;display:inline-flex}.screen-page{flex-direction:column;min-height:100dvh;display:flex}.bar{flex-wrap:wrap;align-items:center;gap:8px;padding:16px clamp(16px,2.8vw,40px);display:flex}.screen-main{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:760px;padding:16px clamp(16px,2.8vw,40px) 12vh;display:flex}.screen-main h1,.cover h1{overflow-wrap:anywhere;margin:0 0 16px;font:900 clamp(30px,6vw,52px)/1 Unbounded,sans-serif}.screen-main p{margin:0 0 16px}.unlock{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:8px;display:flex}.unlock label{width:100%;font:900 15px/1.1 Archivo,sans-serif;display:block}.field{color:#000;background:#f3f3ef;border:3px solid #000;border-radius:0;flex:240px;min-width:0;min-height:56px;padding:0 16px;font:600 17px Archivo,sans-serif}.error{color:#000;width:100%;margin:0;padding:8px 0 0;font-weight:900}.error:before{content:"";background:#ff5b14;border:2px solid #000;width:.6em;height:.6em;margin-right:.5em;display:inline-block}.cover{flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;max-width:900px;min-height:100dvh;margin:0 auto;padding:40px clamp(16px,2.8vw,40px);display:flex}.cover-logo{border:3px solid #000;width:96px;height:96px;display:block}.cover h1{margin:0}.cover-title{margin:0;font:600 clamp(17px,2.4vw,20px)/1.45 Archivo,sans-serif}.cover-note{margin:0}.viewer{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.toolbar{border-bottom:3px solid #000;flex-direction:column;flex:none;gap:8px;padding:16px clamp(16px,2.8vw,40px) 8px;display:flex}.toolbar-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.toolbar-name{text-overflow:ellipsis;white-space:nowrap;flex:160px;min-width:0;font:900 15px/1.1 Archivo,sans-serif;overflow:hidden}.group{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.sep{flex:1 1 0}.size{color:#55554f;white-space:nowrap;font:900 15px/1.1 Archivo,sans-serif}.dev-select{color:#000;background:#f3f3ef;border:3px solid #000;border-radius:0;max-width:100%;min-height:44px;padding:0 12px;font:900 15px/1.1 Archivo,sans-serif}.dev-select-wrap{display:none}@media (max-width:600px){.toolbar-name,.size{display:none}}@media (max-width:900px){.dev-buttons{display:none}.dev-select-wrap{display:flex}}.live{font:900 15px/1.1 Archivo,sans-serif}.stage{background:#f3f3ef;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.frame-box{flex:none;position:relative}.frame{transform-origin:0 0;position:absolute;top:0;left:0}.frame-part{position:absolute}.frame-part.above{pointer-events:none}.hw-ti{background:linear-gradient(135deg,#55555a 0%,#a3a3a8 9%,#47474b 22%,#2b2b2e 48%,#3d3d41 70%,#8a8a8f 88%,#3a3a3e 100%);box-shadow:0 50px 90px -20px #00000073,0 18px 36px -12px #0000004d,inset 0 0 0 1px #ffffff2e,inset 0 0 0 2.5px #00000059}.hw-glass{background:#050506;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 3px 8px #ffffff0d}.hw-btn{background:linear-gradient(90deg,#2c2c2f 0%,#9a9a9f 45%,#5a5a5e 70%,#2a2a2d 100%)}.hw-island{background:#000}.hw-lens{background:radial-gradient(circle at 36% 34%,#6b819c 0,#26324a 28%,#0b0e15 62%,#000 100%);box-shadow:0 0 0 1.5px #ffffff0f}.hw-space{background:linear-gradient(135deg,#6a6b70 0%,#9c9da2 10%,#46474b 28%,#2f3033 55%,#4a4b4f 80%,#7d7e83 100%);box-shadow:0 50px 100px -20px #0006,0 18px 36px -12px #00000040,inset 0 0 0 1px #ffffff29}.hw-lid{background:linear-gradient(#e9eaec 0%,#c9cbce 50%,#b3b5b9 100%);box-shadow:0 30px 60px -20px #0000004d,inset 0 0 0 1px #00000014}.hw-hinge{background:linear-gradient(#1a1a1b 0%,#3b3b3e 60%,#59595d 100%);border-radius:0 0 6px 6px}.hw-base{background:linear-gradient(#f4f5f6 0%,#dcdee1 30%,#b9bcc0 75%,#94979b 100%);box-shadow:0 26px 40px -14px #00000073,0 6px 10px -4px #0003,inset 0 1px #ffffffe6}.hw-indent{background:linear-gradient(#a3a6aa 0%,#c6c8cb 100%);box-shadow:inset 0 2px 3px #0000002e}.hw-imac-chin{background:linear-gradient(#dfe1e4 0%,#d3d5d8 70%,#c3c5c9 100%);box-shadow:0 50px 90px -30px #00000059,0 16px 30px -12px #0003,inset 0 0 0 1px #0000000f}.hw-imac-white{background:#f5f5f6;box-shadow:inset 0 0 0 1px #0000000f,inset 0 -1px #0000001a}.hw-stand{background:linear-gradient(90deg,#9da0a4 0%,#cfd1d4 14%,#e8e9eb 50%,#cbcdd0 86%,#989b9f 100%);box-shadow:inset 0 24px 30px -18px #00000059}.hw-stand-foot{background:linear-gradient(#eef0f1 0%,#c6c8cc 60%,#a7aaae 100%);box-shadow:0 22px 30px -10px #00000059}.screen{background:#fff;position:absolute;overflow:hidden}.screen iframe{background:#fff;border:0;display:block}.viewer.present .toolbar{display:none}.present-exit{z-index:2;opacity:0;transition:opacity .2s;position:absolute;top:8px;right:8px}.present-exit:focus-visible,.stage:hover>.present-exit:hover,.present-exit.show{opacity:1}
