:root{--brand: 230, 36, 51;--ink: 10, 10, 15;--paper: 255, 255, 255;--ink-mid: 14, 14, 14;--ink-flip: 28, 28, 32;--err: 255, 130, 100;--ok: 142, 240, 168}html,body,#root{margin:0;padding:0;height:100%;width:100%;background:transparent;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:Outfit,system-ui,sans-serif;color:#fff}.screen{position:relative;width:100vw;height:100vh;background:transparent}.screenBg{background:rgb(var(--ink-mid))}.cameraContainer{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent}.loopChipRow{position:absolute;top:env(safe-area-inset-top,16px);left:0;right:0;display:flex;justify-content:flex-start;padding:8px 16px;z-index:10}.loopChip{background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:14px;padding:8px 14px;font-family:Outfit,system-ui,sans-serif;font-size:13px;font-weight:600;line-height:1.25;text-align:left;cursor:pointer;touch-action:manipulation;display:flex;flex-direction:column;gap:2px;max-width:70vw}.loopChip--empty{border-style:dashed;opacity:.85}.loopChip__line1,.loopChip__line2{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loopChip__line1{font-size:11px;opacity:.85}.loopChip__line2{font-size:14px}.loopChip__handle,.loopChip__loopName{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:500}.loopChip__empty{font-size:13px;font-weight:500;opacity:.9}.zoomButtons{position:absolute;bottom:200px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.zoomChip{min-width:44px;min-height:44px;padding:8px 12px;background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:22px;font-size:13px;font-weight:600;font-family:Outfit,system-ui,sans-serif;cursor:pointer;touch-action:manipulation;transition:background 80ms ease-out,transform 80ms ease-out}.zoomChip:active{transform:scale(.94)}.zoomChip--active{background:rgb(var(--brand));color:rgb(var(--paper));border-color:transparent}.bottomBar{position:absolute;bottom:env(safe-area-inset-bottom,24px);left:0;right:0;display:flex;align-items:center;justify-content:center;padding:0 40px 16px;z-index:10}.bottomBarIcon{width:52px;height:52px;border-radius:50%;background:#0000008c;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:18px;font-weight:700;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.bottomBarIcon:disabled{opacity:.35}.recordButton{width:88px;height:88px;border-radius:50%;background:#ffffff2e;border:4px solid rgba(255,255,255,.85);touch-action:none;cursor:pointer;transition:transform 60ms ease-out,background 80ms ease-out}.recordButton:active{transform:scale(.96)}.recordButton.recording{background:rgba(var(--brand),.85);border-color:#fff;transform:scale(1.05)}.flipButton{position:absolute;top:calc(env(safe-area-inset-top,16px) + 8px);right:16px;min-width:52px;min-height:52px;padding:12px 16px;background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:20px;cursor:pointer;touch-action:manipulation;z-index:10;display:flex;align-items:center;justify-content:center}.flipButton:active{background:#ffffff59}.flipButton:disabled{opacity:.3}.flipOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(var(--ink-flip),1),rgba(var(--ink),1));display:flex;align-items:center;justify-content:center;z-index:5;animation:flipFadeIn 80ms ease-out;opacity:1;transition:opacity .24s ease-out}.flipOverlay--fading{opacity:0;pointer-events:none}.flipOverlay__pulse{width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.6);border-top-color:#fffffff2;animation:flipSpin .7s linear infinite}@keyframes flipFadeIn{0%{opacity:0}to{opacity:1}}@keyframes flipSpin{to{transform:rotate(360deg)}}.recIndicator{position:absolute;top:calc(env(safe-area-inset-top,16px) + 16px);right:80px;color:#fff;background:rgba(var(--brand),.9);font-weight:600;padding:4px 10px;border-radius:4px;font-size:13px;letter-spacing:1px;z-index:10}.toast{position:absolute;bottom:180px;left:50%;transform:translate(-50%);background:#000000b8;color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;white-space:nowrap;z-index:20;pointer-events:none}.uploadFailBanner{position:absolute;bottom:160px;left:16px;right:16px;background:rgba(var(--brand),.92);color:#fff;padding:12px 14px;border-radius:8px;font-size:13px;text-align:center;z-index:20;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.statusBar{display:none}.errorBanner{position:absolute;top:100px;left:20px;right:20px;background:rgba(var(--brand),.92);color:#fff;padding:12px 14px;border-radius:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;word-break:break-word;z-index:30;cursor:pointer}.errorBanner:after{content:"×";position:absolute;top:8px;right:12px;font-size:18px;font-family:Outfit,system-ui,sans-serif;opacity:.75;line-height:1}.authScreen{width:100vw;height:100vh;background:rgb(var(--ink));display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.authCard{width:100%;max-width:360px;display:flex;flex-direction:column;gap:20px;align-items:center}.authTitle{font-size:48px;font-weight:800;color:rgb(var(--brand));margin:0;letter-spacing:-.04em;font-family:Outfit,system-ui,sans-serif}.authInput{width:100%;padding:14px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff12;color:#fff;font-size:16px;outline:none;box-sizing:border-box}.authInput::placeholder{color:#ffffff59}.authInput:focus{border-color:rgba(var(--brand),.6);outline:none}.authButtons{width:100%;display:flex;flex-direction:column;gap:10px}.authBtn{width:100%;padding:14px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;border:none;touch-action:manipulation}.authBtn:disabled{opacity:.4}.authBtn:not(:disabled):active{transform:scale(.98);transition:transform 60ms ease-out}.authBtn--primary{background:rgb(var(--brand));color:rgb(var(--paper))}.authBtn--secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.authBtn--ghost{background:transparent;color:#ffffff80;border:none}.authError{color:rgb(var(--err));font-size:13px;margin:0;text-align:center}.authSent{text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center;color:#fffc}.authHint{font-size:13px;color:#ffffff73;margin:0}.screenHeader{display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top,16px) + 12px) 16px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.headerBackBtn{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:10px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.headerTitle{font-size:18px;font-weight:700;margin:0;color:#fff}.centeredMessage{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);color:#ffffff80;font-size:16px;text-align:center;padding:0 24px;width:100%;box-sizing:border-box}.loopGrid{padding:16px;display:flex;flex-direction:column;gap:10px}.loopCard{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;color:#fff;font-size:16px;font-weight:600}.loopCardBody:active{background:#ffffff1f;transform:scale(.99);transition:transform 60ms ease-out}.loopCardName{flex:1}.loopCardBadge{background:rgba(var(--brand),.9);color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:12px;min-width:22px;text-align:center}.settingsList{padding:16px;display:flex;flex-direction:column;gap:1px}.settingsRow{background:#ffffff0d;padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border:none;color:#fff;font-size:16px;text-align:left;width:100%;border-radius:8px;touch-action:manipulation}.settingsRow--disabled{opacity:.4;cursor:default}.settingsRow--danger{color:rgb(var(--err))}.settingsMeta{color:#fff9;font-size:12px}.permGate{background:rgb(var(--ink-mid));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 28px;text-align:center;color:#fff;gap:16px}.permGate h2{font-size:22px;font-weight:700;margin:0}.permGate p{font-size:15px;line-height:1.45;color:#ffffffb3;max-width:320px;margin:0}.permGate strong{color:#fff;font-weight:600}.permGateCta{margin-top:16px;padding:14px 32px;border-radius:999px;background:#fff;color:rgb(var(--ink-mid));border:none;font-size:16px;font-weight:600;cursor:pointer;touch-action:manipulation}.permGateCta:active{transform:scale(.97)}.loopListActions{padding:0 16px 12px;display:flex;justify-content:flex-end}.loopCreateBtn{padding:12px 20px;min-height:44px;background:rgb(var(--brand));color:rgb(var(--paper));border:none;border-radius:12px;font-family:Outfit,system-ui,sans-serif;font-size:14px;font-weight:700;cursor:pointer;touch-action:manipulation}.loopCreateBtn:disabled{opacity:.5}.loopCardBody{flex:1;display:flex;align-items:center;justify-content:space-between;padding:16px;background:transparent;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.loopCardCta{padding:13px 16px;min-height:44px;background:rgba(var(--brand),.15);color:rgb(var(--brand));border:none;border-top:1px solid rgba(var(--brand),.25);font-family:Outfit,system-ui,sans-serif;font-size:13px;font-weight:700;cursor:pointer;text-align:center;touch-action:manipulation}.loopCardCta:active{background:rgba(var(--brand),.25)}.previewScreen{position:fixed;top:0;right:0;bottom:0;left:0;background:rgb(var(--ink));color:#fff;display:flex;flex-direction:column;z-index:100}.previewVideoWrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:rgb(var(--ink));overflow:hidden}.previewVideo{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.previewCaptionOverlay{position:absolute;left:0;right:0;bottom:12%;padding:0 16px;text-align:center;font-family:Outfit,system-ui,sans-serif;font-size:22px;font-weight:700;line-height:1.2;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7),0 0 1px rgba(0,0,0,.9);pointer-events:none;word-wrap:break-word}.previewTrimRow{padding:10px 16px 12px;background:#0009;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:4px}.previewTrimHeader{display:flex;align-items:center;justify-content:space-between}.previewTrimLabel{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;text-transform:uppercase;opacity:.7}.previewTrimRange{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;text-align:right}.previewTrimSliderRow{display:flex;align-items:center;gap:8px}.previewTrimSliderLabel{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;opacity:.55;min-width:28px;text-transform:uppercase}.previewTrimHandle{flex:1;accent-color:rgb(var(--brand));height:44px;cursor:pointer}.previewCaptionRow{padding:12px 16px;background:#000000d9}.previewCaptionInput{width:100%;padding:14px 16px;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:10px;font-family:Outfit,system-ui,sans-serif;font-size:16px;outline:none;box-sizing:border-box}.previewCaptionInput:focus{border-color:rgba(var(--brand),.6)}.previewCaptionInput::placeholder{color:#fff6}.previewActions{display:flex;gap:12px;padding:12px 16px;padding-bottom:max(env(safe-area-inset-bottom,16px),16px);background:rgb(var(--ink))}.previewBtn{flex:1;padding:16px;border:none;border-radius:12px;font-family:Outfit,system-ui,sans-serif;font-size:16px;font-weight:700;cursor:pointer;touch-action:manipulation}.previewBtn--primary{background:rgb(var(--brand));color:rgb(var(--paper))}.previewBtn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}.previewBtn:active{transform:scale(.98)}.loopCardActions{display:flex;border-top:1px solid rgba(255,255,255,.08)}.loopCardActions .loopCardCta{flex:1;border-top:none}.loopCardAddBtn{padding:13px 14px;min-height:44px;background:transparent;color:#ffffffb3;border:none;border-left:1px solid rgba(255,255,255,.08);font-family:Outfit,system-ui,sans-serif;font-size:13px;font-weight:700;cursor:pointer;min-width:88px;touch-action:manipulation}.loopCardAddBtn:active{background:#ffffff0f}.loopCardAddRow{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.08)}.loopCardAddInput{flex:1;padding:10px 12px;background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px}.loopCardAddInput::placeholder{color:#ffffff59}.loopCardAddGo{padding:10px 18px;min-height:44px;background:rgb(var(--brand));color:rgb(var(--paper));border:none;border-radius:8px;font-family:Outfit,system-ui,sans-serif;font-size:14px;font-weight:700;cursor:pointer;touch-action:manipulation}.loopCardAddGo:disabled{opacity:.4}.loopCardAddError,.loopCardAddNote{padding:6px 14px 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.loopCardAddError{color:rgb(var(--err))}.loopCardAddNote{color:rgb(var(--ok))}.settingsLabel{font-size:16px;font-weight:400;color:#fff}.loopChip__uploadPill{display:inline-block;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:600;background:rgba(var(--brand),.28);color:rgb(var(--brand));border-radius:6px;padding:1px 5px;margin-left:4px;vertical-align:middle;line-height:1.4}.clipViewer{overflow:hidden}.clipViewerBack{position:absolute;top:calc(env(safe-area-inset-top,16px) + 8px);left:8px;z-index:20}.clipViewerVideo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:rgb(var(--ink))}.clipViewerNoVideo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:14px}.clipViewerCaption{position:absolute;left:0;right:0;bottom:120px;padding:40px 20px 16px;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 100%);font-family:Outfit,system-ui,sans-serif;font-size:22px;font-weight:700;line-height:1.2;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.9);word-wrap:break-word;z-index:10;pointer-events:none}.clipViewerSummary{position:absolute;bottom:72px;left:16px;right:80px;font-family:Outfit,system-ui,sans-serif;font-size:12px;font-weight:400;color:#ffffff8c;text-shadow:0 1px 4px rgba(0,0,0,.7);z-index:10;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipViewerNextBtn{position:absolute;bottom:calc(env(safe-area-inset-bottom,16px) + 12px);right:16px;min-width:72px;min-height:44px;padding:10px 20px;background:rgb(var(--paper));color:rgb(var(--ink));border:none;border-radius:999px;font-family:Outfit,system-ui,sans-serif;font-size:15px;font-weight:700;cursor:pointer;touch-action:manipulation;z-index:20;transition:transform 80ms ease-out,opacity 80ms ease-out}.clipViewerNextBtn:active{transform:scale(.95);opacity:.85}.clipViewerCounter{position:absolute;top:calc(env(safe-area-inset-top,16px) + 12px);right:16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;color:#ffffffb3;text-shadow:0 1px 4px rgba(0,0,0,.6);z-index:20;pointer-events:none}.clipViewerMuteBtn{position:absolute;top:calc(env(safe-area-inset-top,16px) + 8px);right:60px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:#00000073;color:#ffffffe6;border:none;border-radius:50%;cursor:pointer;touch-action:manipulation;z-index:21}.clipViewerRetryBtn{margin-top:12px;min-width:100px;min-height:44px;padding:10px 20px;background:rgb(var(--paper));color:rgb(var(--ink));border:none;border-radius:999px;font-family:Outfit,system-ui,sans-serif;font-size:15px;font-weight:700;cursor:pointer;touch-action:manipulation}@media(prefers-reduced-motion:reduce){.flipOverlay,.flipOverlay__pulse{animation:none!important}}