@import"https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800;900&family=Poppins:wght@400;500;600;700;800&display=swap";:root{--cwm-amber: #FF9900;--cwm-amber-deep: #FF4D00;--cwm-cream: #FEE595;--cwm-cream-warm: #FEE395;--cwm-olive: #828836;--cwm-olive-deep: #515B1B;--cwm-white: #FFFFFF;--cwm-black: #000000;--cwm-hotspot-gradient: radial-gradient(50% 50% at 50% 50%, var(--cwm-amber) 0%, var(--cwm-amber-deep) 100%);--surface-app: var(--cwm-olive-deep);--surface-sheet: var(--cwm-olive);--surface-camera: var(--cwm-black);--surface-invert: var(--cwm-white);--text-display: var(--cwm-cream-warm);--text-body: var(--cwm-cream);--text-on-amber: var(--cwm-olive-deep);--action-primary: var(--cwm-amber);--action-primary-text: var(--cwm-olive-deep);--action-secondary: var(--cwm-olive);--line-cream: var(--cwm-cream);--line-olive: var(--cwm-olive);--hairline: rgba(254, 229, 149, .2);--font-display: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--weight-body: 700;--weight-display: 700;--track-label: .1em;--track-body: .05em;--radius-pill: 40px;--radius-sheet: 30px;--radius-media: 20px;--radius-round: 9999px;--size-pill-h: 52px;--size-iconbtn: 63px;--size-capture: 115px;--sheet-blur: 18.5px;--sheet-fill: rgba(130, 136, 54, .8);--scrim-olive: rgba(81, 91, 27, .4);--shadow-media: 0 4px 4px 0 rgba(0, 0, 0, .25)}html,body{overflow:hidden;width:100%;height:100%;margin:0;padding:0;background:var(--surface-app);font-family:var(--font-body);color:var(--text-body)}#camerafeed{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#hud{display:none}#hud.error{display:block;position:fixed;left:0;right:0;top:max(12px,env(safe-area-inset-top));margin:0 auto;width:max-content;max-width:90vw;padding:8px 14px;border-radius:var(--radius-pill);background:var(--cwm-amber-deep);color:#fff;font:700 13px/1.2 var(--font-body);letter-spacing:var(--track-label);text-transform:uppercase;text-align:center;pointer-events:none;z-index:2147483647}.kit-headline{margin:0;font-family:var(--font-display);font-weight:500;font-size:24px;line-height:1.15;text-align:center;color:var(--text-display);text-wrap:pretty}#idle-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483646;background:var(--surface-invert);display:flex;flex-direction:column;overflow:hidden}#idle-screen.hidden{display:none}.idle-hero{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(../assets/bg-idle.png);background-size:cover;background-position:62% center;z-index:0}.idle-logobar{position:relative;z-index:2;flex:0 0 auto;height:72px;padding-top:env(safe-area-inset-top,0px);background:var(--surface-invert);display:grid;place-items:center}.idle-logo{height:52px;width:auto;display:block}#idle-screen .idle-logobar{place-items:center start;padding-left:max(20px,env(safe-area-inset-left,0px))}.idle-body{position:relative;z-index:1;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;padding:clamp(16px,4vh,36px) 16px calc(env(safe-area-inset-bottom,0px) + clamp(16px,4vh,36px))}.idle-block{display:flex;flex-direction:column;align-items:center;gap:16px}.idle-block .kit-headline{max-width:300px}.idle-lockup{width:min(360px,84vw);height:auto;display:block;flex:0 1 auto}#desktop-screen{display:none}html.is-desktop #desktop-screen{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;background:var(--surface-invert);overflow:auto}html.is-desktop #idle-screen,html.is-desktop #camerafeed{display:none}#desktop-screen .idle-logobar{height:80px}#desktop-screen .desktop-body{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:48px 24px calc(48px + env(safe-area-inset-bottom,0px));text-align:center}#desktop-screen .desktop-lockup{width:min(340px,60vw);height:auto;display:block}#desktop-screen .desktop-qr{background:var(--cwm-white);padding:16px;border-radius:var(--radius-media);box-shadow:0 8px 28px #0000002e}#desktop-screen .desktop-qr img{display:block;width:clamp(200px,30vmin,280px);height:auto;border-radius:6px}#desktop-screen .desktop-msg{margin:0;max-width:460px;font-family:var(--font-display);font-weight:500;font-size:20px;line-height:1.35;color:var(--cwm-olive-deep);text-wrap:pretty}#desktop-screen .desktop-msg[lang=fr]{color:var(--cwm-olive)}.cwm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--size-pill-h);padding:0 28px;border:none;border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:var(--weight-body);font-size:14px;line-height:1;letter-spacing:var(--track-label);text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,filter .12s ease,opacity .12s ease}.cwm-btn:active{transform:scale(.96)}.cwm-btn-primary{background:var(--action-primary);color:var(--action-primary-text);box-shadow:inset 0 0 0 1px var(--hairline)}.cwm-btn-link{background:transparent;color:var(--text-body);height:auto;padding:0 0 4px;border-radius:0;box-shadow:inset 0 -1px 0 0 var(--line-cream)}.cwm-btn.idle-discover{font-family:var(--font-display)}#size-toggle{position:fixed;top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));display:inline-flex;align-items:center;gap:14px;z-index:2147483643;touch-action:manipulation}.scale-label{font-family:var(--font-body);font-weight:var(--weight-body);font-size:14px;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-body);text-shadow:0 1px 3px rgba(0,0,0,.5)}.scale-track{display:inline-flex;align-items:center;height:var(--size-pill-h);padding:0 6px;border-radius:var(--radius-pill);background:#f903;box-shadow:inset 0 0 0 1px var(--line-olive);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.size-btn{min-width:44px;height:42px;padding:0 12px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-body);font-family:var(--font-body);font-weight:var(--weight-body);font-size:14px;letter-spacing:var(--track-label);text-transform:uppercase;cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.size-btn.active{background:var(--cwm-olive)}#lang-toggle{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:inline-flex;align-items:center;height:var(--size-pill-h);padding:0 6px;gap:2px;border-radius:var(--radius-pill);background:#f903;box-shadow:inset 0 0 0 1px var(--line-olive);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2147483643;touch-action:manipulation}.lang-btn{min-width:40px;height:42px;padding:0 12px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-body);font-family:var(--font-body);font-weight:var(--weight-body);font-size:14px;letter-spacing:var(--track-label);text-transform:uppercase;cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.lang-btn.active{background:var(--cwm-olive)}#top-actions{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:flex;align-items:center;gap:10px;z-index:2147483643}.top-action{width:48px;height:48px;aspect-ratio:1 / 1;flex:0 0 auto;box-sizing:border-box;padding:0;border:none;border-radius:var(--radius-round);background:var(--cwm-olive);color:var(--cwm-cream);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px #00000059;text-decoration:none;transition:transform .12s ease,background .12s ease;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}.top-action:active{transform:scale(.92)}.top-action svg{width:24px;height:24px;pointer-events:none}#info-btn svg{width:26px;height:26px}#cwm-toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 170px);transform:translate(-50%) translateY(8px);max-width:80vw;padding:10px 16px;border-radius:var(--radius-pill);background:var(--cwm-olive-deep);color:var(--text-body);font:700 13px/1.2 var(--font-body);letter-spacing:var(--track-label);text-transform:uppercase;text-align:center;box-shadow:0 4px 14px #0006;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:2147483647}#cwm-toast.show{opacity:1;transform:translate(-50%) translateY(0)}#capture-btn{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);transform:translate(-50%);width:var(--size-capture);height:var(--size-capture);padding:0;border:none;background:transparent;display:grid;place-items:center;cursor:pointer;z-index:2147483643;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}#capture-btn .capture-ring,#capture-btn .capture-progress,#capture-btn .capture-fill{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#capture-btn .capture-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-round);box-shadow:inset 0 0 0 10px var(--cwm-amber);opacity:.25}#capture-btn .capture-fill{width:77px;height:77px;border-radius:var(--radius-round);background:var(--cwm-amber);transition:transform .15s ease,background .15s ease}#capture-btn.pressing .capture-fill{transform:scale(.92)}#capture-btn.recording .capture-fill{transform:scale(.78);background:var(--cwm-amber-deep)}#capture-btn .capture-progress{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}#capture-btn .capture-progress-bar{fill:none;stroke:var(--cwm-amber);stroke-width:7;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:none}#capture-btn.recording .capture-progress-bar{stroke-dashoffset:0;transition:stroke-dashoffset 30s linear}body:not(.tank-placed) #capture-btn{display:none}body.sheet-open #size-toggle,body.sheet-open #top-actions,body.sheet-open #reset-btn,body.sheet-open #capture-btn,body.idle-open #size-toggle,body.idle-open #top-actions,body.idle-open #capture-btn,body.idle-open #reset-btn,body.share-open #size-toggle,body.share-open #top-actions,body.share-open #capture-btn,body.share-open #reset-btn{display:none}#reset-btn{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:calc(env(safe-area-inset-bottom,0px) + 40px);width:48px;height:48px;padding:0;border:none;border-radius:var(--radius-round);background:#f903;box-shadow:inset 0 0 0 1px var(--line-olive);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--text-body);display:grid;place-items:center;cursor:pointer;z-index:2147483643;-webkit-tap-highlight-color:transparent}#reset-btn:active{transform:scale(.94)}#reset-btn svg{width:22px;height:22px}body.sheet-open #reset-btn{display:none}#howto-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483644;display:none;align-items:center;justify-content:center;padding:24px}#howto-screen.open{display:flex}#howto-screen .howto-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim-olive)}#howto-screen .howto-card{position:relative;z-index:1;width:min(380px,92vw);max-height:calc(100vh - 48px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--sheet-fill);backdrop-filter:blur(var(--sheet-blur));-webkit-backdrop-filter:blur(var(--sheet-blur));border-radius:var(--radius-sheet);padding:30px 26px calc(env(safe-area-inset-bottom,0px) + 28px);display:flex;flex-direction:column;align-items:center;gap:24px;box-shadow:0 16px 48px #00000073}.howto-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:26px;line-height:1.1;text-align:center;color:var(--text-display)}.howto-steps{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:18px}.howto-step{display:flex;align-items:center;gap:16px}.howto-ico{flex:0 0 auto;width:46px;height:46px;aspect-ratio:1 / 1;border-radius:var(--radius-round);background:#ff99002e;box-shadow:inset 0 0 0 1px var(--hairline);display:grid;place-items:center;color:var(--cwm-amber)}.howto-ico svg{width:24px;height:24px}.howto-text{font-family:var(--font-body);font-weight:var(--weight-body);font-size:15px;line-height:1.4;letter-spacing:var(--track-body);color:var(--text-body)}#howto-start{margin-top:4px;padding:0 40px}body.howto-open #size-toggle,body.howto-open #top-actions,body.howto-open #capture-btn,body.howto-open #reset-btn{display:none}#hotspot-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim-olive);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:2147483640}#hotspot-sheet-backdrop.visible{opacity:1;pointer-events:auto}#hotspot-sheet{position:fixed;left:0;right:0;bottom:0;max-height:80vh;background:var(--sheet-fill);backdrop-filter:blur(var(--sheet-blur));-webkit-backdrop-filter:blur(var(--sheet-blur));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;transform:translateY(105%);transition:transform .38s cubic-bezier(.2,.8,.2,1);z-index:2147483641;display:flex;flex-direction:column;overflow:visible}#hotspot-sheet.open{transform:translateY(0)}#hotspot-sheet.dragging{transition:none}#hotspot-sheet .sheet-close{position:absolute;top:-31px;left:50%;transform:translate(-50%);width:var(--size-iconbtn);height:var(--size-iconbtn);border:none;border-radius:var(--radius-round);background:var(--action-primary);color:var(--cwm-olive);font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:3;-webkit-tap-highlight-color:transparent}#hotspot-sheet .sheet-close:active{transform:translate(-50%) scale(.92)}#hotspot-sheet:not(.open) .sheet-close{display:none}#hotspot-sheet .sheet-grabber{flex:0 0 auto;height:36px;touch-action:none;cursor:grab}#hotspot-sheet .sheet-content{padding:8px 48px calc(env(safe-area-inset-bottom,0px) + 40px);overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;gap:20px}#hotspot-sheet .sheet-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:30px;line-height:32px;text-align:center;color:var(--text-display)}#hotspot-sheet .sheet-description{margin:0;font-family:var(--font-body);font-weight:var(--weight-body);font-size:15.5px;line-height:1.5;letter-spacing:var(--track-body);text-align:center;color:var(--text-body);white-space:pre-wrap}#hotspot-sheet .sheet-media{width:100%}#hotspot-sheet .media-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;justify-content:flex-start;scroll-padding-left:0}#hotspot-sheet .media-strip:has(>.media-item:only-child){justify-content:center}#hotspot-sheet .media-item{flex:0 0 86%;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:none;background:transparent;color:inherit;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}button.media-item{cursor:pointer}button.media-item img,button.media-item .media-thumb-wrap{transition:transform .15s ease}button.media-item:active img,button.media-item:active .media-thumb-wrap{transform:scale(.98)}#hotspot-sheet .media-item img,#hotspot-sheet .media-item video{width:100%;border-radius:var(--radius-media);display:block;max-height:52vh;object-fit:cover}#hotspot-sheet .media-thumb-wrap{position:relative;display:block;border-radius:var(--radius-media);overflow:hidden}#hotspot-sheet .media-thumb-wrap video{pointer-events:none}#hotspot-sheet .media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:var(--radius-round);background:var(--action-primary);box-shadow:0 4px 14px #0006}#hotspot-sheet .media-play:before{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid var(--cwm-olive)}#hotspot-sheet .media-item audio{width:100%}#hotspot-sheet .media-title{font-weight:700;font-size:14px;color:var(--text-display)}#hotspot-sheet .media-caption{font-size:13px;color:var(--text-body);opacity:.85}#media-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483646;display:none}#media-viewer.open{display:grid;place-items:center}#media-viewer .mv-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000eb}#media-viewer .mv-content{position:relative;z-index:1;display:grid;place-items:center;max-width:94vw;max-height:88vh}#media-viewer .mv-content img,#media-viewer .mv-content video{max-width:94vw;max-height:88vh;border-radius:var(--radius-media);display:block}#media-viewer .mv-close{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:var(--size-iconbtn);height:var(--size-iconbtn);border:none;border-radius:var(--radius-round);background:var(--action-primary);color:var(--cwm-olive);font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent}#media-viewer .mv-close:active{transform:scale(.92)}#hotspot-sheet .sheet-close,#share-screen .share-close,#media-viewer .mv-close{aspect-ratio:1 / 1;flex:0 0 auto;box-sizing:border-box;width:var(--size-iconbtn);height:var(--size-iconbtn);min-width:var(--size-iconbtn);min-height:var(--size-iconbtn);padding:0}#share-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483645;background:var(--surface-camera);display:none;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px}#share-screen.open{display:flex}#share-screen .share-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(8px) brightness(.5);z-index:0}#share-screen .share-frame{position:relative;z-index:1;width:min(330px,78vw);max-height:62vh;border-radius:var(--radius-media);box-shadow:var(--shadow-media);object-fit:cover;background:#000}#share-screen .share-actions{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px}#share-screen .share-close{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:var(--size-iconbtn);height:var(--size-iconbtn);border:none;border-radius:var(--radius-round);background:var(--action-primary);color:var(--cwm-olive);font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent}#share-screen .share-close:active{transform:scale(.92)}.poweredby-img,[class*=poweredby],[class*=powered-by],#requestingCameraPermissions,.landing8-logo-section,#recorder,.recorder-container,#recorder-button{display:none!important}.prompt-box-8w{font-family:var(--font-body)!important;background-color:var(--surface-sheet)!important;color:var(--text-body)!important;border-radius:var(--radius-sheet)!important;filter:drop-shadow(0 12px 28px rgba(0,0,0,.45))!important;width:min(18em,calc(100vw - 36px))!important;padding:22px 20px!important}.prompt-box-8w p{color:var(--text-display)!important;font-weight:600!important;line-height:1.35!important;margin:.2em .3em 1em!important}.prompt-box-8w .prompt-button-8w{background-color:var(--cwm-olive-deep)!important;color:var(--text-body)!important;font-family:var(--font-body)!important;font-weight:700!important;letter-spacing:var(--track-label)!important;text-transform:uppercase!important;border-radius:var(--radius-pill)!important;padding:.55em .6em!important}.prompt-box-8w .prompt-button-8w.button-primary-8w{background-color:var(--action-primary)!important;color:var(--action-primary-text)!important}@media (hover: hover) and (pointer: fine){body:not(.preview) #size-toggle{display:none}}body.media-preview-open #size-toggle,body.media-preview-open #lang-toggle,body.media-preview-open #reset-btn,body.media-preview-open #capture-btn{display:none}
