:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f4ed;background:#0b0b0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#0b0b0b;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.camera-app{isolation:isolate;background:radial-gradient(circle at 70% 20%,#34312d 0,#0000 36%),#0b0b0b;width:100%;height:100%;min-height:100svh;position:relative;overflow:hidden}#camera{z-index:-2;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}#camera.ready{opacity:1}#detections{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.shade{z-index:2;pointer-events:none;background:linear-gradient(#0000007a,#0000 32% 68%,#0000008c);position:absolute;inset:0}.intro{z-index:3;padding:max(28px, env(safe-area-inset-top)) 24px max(32px, env(safe-area-inset-bottom));background:linear-gradient(155deg,#ffffff0a,#0000 45%);flex-direction:column;justify-content:flex-end;transition:opacity .24s,visibility .24s;display:flex;position:absolute;inset:0}.intro.leaving{opacity:0;visibility:hidden}.eyebrow{color:#d8ff54;letter-spacing:.2em;margin:0 0 14px;font-size:.72rem;font-weight:700}h1{letter-spacing:-.075em;max-width:8ch;margin:0;font-size:clamp(3.8rem,19vw,6.6rem);font-weight:610;line-height:.82}.hint{color:#f7f4edad;max-width:24rem;margin:24px 0 28px;font-size:.98rem;line-height:1.5}#start,.retry{color:#12140b;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#d8ff54;border:0;border-radius:999px;width:100%;min-height:58px;font-weight:750}#start:active,.retry:active{transform:scale(.985)}.viewfinder{z-index:3;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));position:absolute;inset:0}.viewfinder[hidden]{display:none}#status{-webkit-backdrop-filter:blur(10px);text-align:center;letter-spacing:.02em;text-shadow:0 1px 12px #000000b3;background:#08080857;border:1px solid #ffffff21;border-radius:999px;width:fit-content;margin:0 auto;padding:9px 14px;font-size:.9rem;font-weight:650}.frame{aspect-ratio:1;width:min(70vw,320px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewfinder.detecting .frame{opacity:.35}.viewfinder.captured #status{color:#e6ff91;background:#181f0ab8;border-color:#d8ff548c}.viewfinder.captured .frame{opacity:0}.capture-preview{right:18px;bottom:max(22px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);background:#0a0a0abd;border:1px solid #ffffff42;border-radius:14px;width:132px;margin:0;padding:6px;position:absolute;box-shadow:0 12px 36px #00000052}.capture-preview[hidden]{display:none}.capture-preview img{object-fit:cover;background:#202020;border-radius:9px;width:100%;height:104px;display:block}.capture-preview figcaption{color:#f7f4edc7;text-align:center;padding:7px 3px 2px;font-size:.65rem;font-weight:650;line-height:1.2}.speech-card{right:18px;bottom:max(176px, calc(env(safe-area-inset-bottom) + 164px));-webkit-backdrop-filter:blur(14px);background:#0b0d07d1;border:1px solid #d8ff5457;border-radius:18px;padding:16px 18px 17px;display:block;position:absolute;left:18px;box-shadow:0 18px 48px #00000061}.speech-card[hidden]{display:none}.speech-card span{color:#d8ff54;letter-spacing:.17em;font-size:.61rem;font-weight:800}.speech-card p{color:#f7f4ed;letter-spacing:-.025em;margin:7px 0 0;font-size:clamp(1.05rem,4.5vw,1.35rem);font-weight:620;line-height:1.24}.frame i{border-style:solid;border-color:#d8ff54;width:38px;height:38px;position:absolute}.frame i:first-child{border-width:2px 0 0 2px;border-radius:15px 0 0;top:0;left:0}.frame i:nth-child(2){border-width:2px 2px 0 0;border-radius:0 15px 0 0;top:0;right:0}.frame i:nth-child(3){border-width:0 0 2px 2px;border-radius:0 0 0 15px;bottom:0;left:0}.frame i:nth-child(4){border-width:0 2px 2px 0;border-radius:0 0 15px;bottom:0;right:0}.retry{right:20px;bottom:max(24px, env(safe-area-inset-bottom));width:calc(100% - 40px);position:absolute;left:20px}@media (min-width:700px){.intro{align-items:flex-start;padding-left:48px;padding-right:48px}#start{width:220px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}