*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0a0a0f;color:#fff;font-family:Courier New,monospace;min-height:100vh}@font-face{font-family:Unkempt;src:url(./assets/Unkempt-Regular.ttf) format("truetype");font-weight:400;font-style:normal}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#ff69b4;border-radius:4px}.btn-whee{background:#ff69b4;color:#000;border:3px solid #fff;padding:12px 28px;font-family:Courier New,monospace;font-weight:700;font-size:16px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;box-shadow:4px 4px silver;transition:all .1s}.btn-whee:hover{background:#ff1493;transform:translate(-2px,-2px);box-shadow:6px 6px silver}.btn-whee:active{transform:translate(2px,2px);box-shadow:2px 2px silver}.btn-secondary{background:#1a1a2e;color:#ff69b4;border:3px solid #ff69b4;padding:12px 28px;font-family:Courier New,monospace;font-weight:700;font-size:16px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;box-shadow:4px 4px #ff69b4;transition:all .1s}.btn-secondary:hover{background:#ff69b4;color:#000;transform:translate(-2px,-2px);box-shadow:6px 6px silver}.window{border:3px solid #c0c0c0;box-shadow:inset -2px -2px gray,inset 2px 2px #fff}.window-titlebar{background:linear-gradient(90deg,navy,#1084d0);padding:4px 8px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:#fff}.window-body{background:#0a0a0f;padding:20px}@media (max-width: 640px){.home-frames-wrap{transform:none!important;transform-origin:top center;margin-bottom:22px!important;height:340px!important;max-width:100%!important}.home-frame{position:absolute!important;border-radius:14px!important}.home-frame.frame-1{left:50%!important;top:7%!important;transform:translate(-50%) rotate(0)!important;width:clamp(130px,24vw,150px)!important;z-index:2!important}.home-frame.frame-2{left:-1%!important;top:50%!important;width:clamp(110px,18vw,120px)!important}.home-frame.frame-3{left:3%!important;top:15%!important;width:clamp(95px,16vw,110px)!important}.home-frame.frame-4{left:52%!important;bottom:10%!important;transform:translate(-50%) rotate(0)!important;width:clamp(140px,28vw,160px)!important;z-index:1!important}.home-frame.frame-5{right:0%!important;bottom:20%!important;width:clamp(95px,18vw,110px)!important}.home-frame.frame-6{right:4%!important;bottom:24%!important;width:clamp(90px,16vw,100px)!important}.home-title{font-size:30px!important;margin-top:6px!important;line-height:1.08!important}.home-subtitle{font-size:12px!important;margin-top:4px!important}.feedback-button{padding:6px 12px!important;font-size:11px!important;top:12px!important;right:12px!important}.feedback-button svg{width:12px!important;height:12px!important}html,body,#root{min-height:100%}.page-wrapper{min-height:100dvh;display:flex;flex-direction:column}.page-content{flex:1;display:flex;flex-direction:column}.page-wrapper>footer{margin-top:auto!important}.layout-header{margin-bottom:6px!important;min-height:52px!important}.layout-title{font-size:24px!important;margin-top:0!important;line-height:1.08!important}.layout-subtitle{margin-bottom:8px!important}.layout-carousel-wrap{margin-top:4px!important}.camera-header{margin-bottom:6px!important;min-height:52px!important}.camera-title{font-size:24px!important;margin-top:0!important;line-height:1.08!important}.camera-controls-row{gap:10px!important;justify-content:center!important;flex-wrap:wrap!important}.camera-controls-row>button,.camera-controls-row>div{flex:0 1 auto!important;min-width:44px!important;min-height:44px!important}.camera-page-wrapper{height:auto!important;min-height:100dvh!important;overflow-y:auto!important}.camera-page-content{overflow-y:auto!important}.camera-strip-preview{max-height:50vh!important}.camera-actions-row{margin-bottom:18px!important;padding-bottom:12px!important}.customise-title{font-size:20px!important;margin-top:0!important;line-height:1.08!important}.customise-header{padding-top:0!important;margin-bottom:6px!important}.customise-page-wrapper{height:auto!important;min-height:100dvh!important}}@media (min-width: 641px) and (max-width: 1024px){html,body,#root{min-height:100%}.page-wrapper{min-height:100dvh;display:flex;flex-direction:column}.page-content{flex:1;display:flex;flex-direction:column}.page-wrapper>footer{margin-top:auto!important}.layout-header{margin-bottom:6px!important}.layout-title{font-size:clamp(28px,4vw,32px)!important;margin-top:0!important;line-height:1.08!important}.layout-subtitle{margin-bottom:6px!important}.layout-carousel-wrap{margin-top:4px!important}}