@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import "https://fonts.googleapis.com/css2?family=DotGothic16&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#000;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:none;--black:#000;--white:#fff;--gray:#d9d9d9;--dark:#212121;--camera-dark:#111;--muted:#888;--error:#c00;--border:4px;--thin-border:2px;--page-padding:24px;background:#fff;font-family:"Press Start 2P",DotGothic16,monospace}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{background:var(--white);overflow:hidden}#root{justify-content:center;align-items:center;display:flex}button,input,textarea{font:inherit;border-radius:0}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--black);outline-offset:3px}.pixel-shell{background:var(--white);border:3px solid var(--black);width:390px;height:844px;position:relative;overflow:hidden}.camera-page,.white-page{position:absolute;inset:0}.camera-page{background:var(--black);grid-template-rows:60px minmax(0,1fr) 140px;display:grid}.camera-header{height:60px;color:var(--white);background:var(--black);z-index:2;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.camera-header span{letter-spacing:1px;font-size:8px}.pixel-icon-button{background:0 0;border:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.gallery-icon{width:28px;height:28px;image-rendering:pixelated;display:block}.gallery-icon.light{filter:invert(0)}.gallery-icon.dark{filter:invert()}.camera-stage{background:var(--camera-dark);min-height:0;position:relative;overflow:hidden}.camera-stage video{object-fit:cover;opacity:0;width:100%;height:100%;display:block;transform:scaleX(-1)}.camera-stage video.active{opacity:1}.camera-help{color:var(--white);text-align:center;z-index:1;place-content:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.camera-help button{color:var(--white);letter-spacing:1px;background:0 0;border:0;font-size:10px}.camera-help small{letter-spacing:2px;font-size:8px}.viewfinder,.scan-corners,.status-pill{pointer-events:none}.viewfinder{position:absolute;inset:0}.viewfinder span{background:#ffffff26;position:absolute}.viewfinder span:first-child,.viewfinder span:nth-child(2){height:1px;left:0;right:0}.viewfinder span:first-child{top:33.333%}.viewfinder span:nth-child(2){top:66.666%}.viewfinder span:nth-child(3),.viewfinder span:nth-child(4){width:1px;top:0;bottom:0}.viewfinder span:nth-child(3){left:33.333%}.viewfinder span:nth-child(4){left:66.666%}.scan-corners{position:absolute;inset:20px}.scan-corners span{border-color:var(--white);border-style:solid;width:32px;height:32px;position:absolute}.scan-corners span:first-child{border-width:3px 0 0 3px;top:0;left:0}.scan-corners span:nth-child(2){border-width:3px 3px 0 0;top:0;right:0}.scan-corners span:nth-child(3){border-width:0 0 3px 3px;bottom:0;left:0}.scan-corners span:nth-child(4){border-width:0 3px 3px 0;bottom:0;right:0}.status-pill{place-items:center;display:grid;position:absolute;inset:0}.status-pill span{border:1px solid var(--white);max-width:300px;color:var(--white);text-align:center;background:#000000b8;padding:12px 16px;font-size:10px;line-height:1.35}.camera-bottom{background:var(--black);justify-content:center;align-items:center;gap:40px;height:140px;display:flex;position:relative}.shutter{border:var(--border) solid var(--white);background:0 0;justify-content:center;align-items:center;width:72px;height:72px;padding:0;display:flex}.shutter span{background:var(--white);width:56px;height:56px;display:block}.shutter:active span{background:var(--gray)}.flip-button{border:var(--thin-border) solid var(--white);width:44px;height:44px;color:var(--white);background:0 0;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;right:32px}.upload-photo{border:1px solid var(--white);width:96px;height:26px;color:var(--white);letter-spacing:1px;background:0 0;font-size:7px;position:absolute;bottom:12px;left:24px}.camera-backend-hint{max-width:130px;color:var(--white);text-align:right;text-overflow:ellipsis;white-space:nowrap;letter-spacing:1px;opacity:.72;font-size:7px;position:absolute;bottom:12px;right:24px;overflow:hidden}.white-page{background:var(--white);color:var(--black);flex-direction:column;display:flex}.confirm-page h1{text-align:center;letter-spacing:2px;margin:0;padding:20px 16px 12px;font-size:12px}.confirm-spacer{flex:12px;min-height:12px}.confirm-photo{aspect-ratio:3/4;border:var(--border) solid var(--black);background:var(--gray);width:340px;max-width:calc(100% - 48px);margin:0 auto;overflow:hidden}.confirm-photo img{object-fit:cover;width:100%;height:100%;display:block}.pixel-details{width:340px;max-width:calc(100% - 48px);margin:10px auto 0}.pixel-details summary{color:var(--muted);letter-spacing:2px;padding:4px 0;font-size:8px}.pixel-details textarea{resize:vertical;border:var(--thin-border) solid var(--black);width:100%;min-width:0;min-height:70px;color:var(--black);background:var(--white);padding:8px;font-family:DotGothic16,"Press Start 2P",monospace;font-size:12px;line-height:1.3}.confirm-actions,.result-actions{padding:20px var(--page-padding) 40px;flex-direction:column;gap:12px;display:flex}.confirm-actions{margin-top:auto}.pixel-button{border:var(--border) solid var(--black);width:100%;min-height:48px;color:var(--black);background:var(--white);text-align:center;letter-spacing:1px;padding:14px 24px;font-size:10px;line-height:1.2;transition:transform 50ms linear}.pixel-button:active{transform:translate(2px,2px)}.pixel-button.primary{color:var(--white);background:var(--black)}.loading-page{justify-content:center;align-items:center;overflow:hidden}.stripe-bg{opacity:.06;pointer-events:none;background:repeating-linear-gradient(to bottom, var(--white) 0, var(--white) 4px, var(--black) 4px, var(--black) 8px);position:absolute;inset:0}.loading-content{z-index:1;flex-direction:column;align-items:center;gap:32px;display:flex;position:relative}.pixel-loader{border:var(--border) solid var(--black);width:80px;height:80px;animation:1.2s steps(4,end) infinite pixel-rotate;position:relative}.pixel-loader span{background:var(--black);width:24px;height:24px;animation:.6s step-end infinite pixel-blink;position:absolute;top:8px;left:8px}@keyframes pixel-rotate{to{transform:rotate(360deg)}}@keyframes pixel-blink{50%{opacity:0}}.loading-copy{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.loading-copy span{letter-spacing:2px;font-size:10px}.loading-copy strong{letter-spacing:4px;font-size:20px}.loading-copy small{margin-left:4px;font-size:10px}.top-bar{background:var(--white);grid-template-columns:92px minmax(0,1fr) 48px;align-items:center;height:60px;padding:12px 16px 0;display:grid}.top-bar button{color:var(--black);letter-spacing:1px;text-align:left;white-space:nowrap;background:0 0;border:0;font-size:10px}.top-bar .pixel-icon-button{justify-self:end}.top-bar strong{text-align:center;text-overflow:ellipsis;white-space:nowrap;letter-spacing:2px;font-size:10px;overflow:hidden}.result-stack{padding:0 var(--page-padding) 4px;flex:1;align-content:center;justify-items:center;gap:8px;display:grid}.speech-input{border:var(--thin-border) solid var(--black);background:var(--white);width:220px;min-height:34px;margin-bottom:8px;padding:6px 10px;position:relative}.speech-input:after{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-top:10px solid var(--black);width:0;height:0;position:absolute;bottom:-10px;left:24px}.speech-input:before{content:"";z-index:1;border-left:7px solid #0000;border-right:7px solid #0000;border-top:8px solid var(--white);width:0;height:0;position:absolute;bottom:-7px;left:25px}.speech-input input{z-index:2;width:100%;min-width:0;color:var(--black);text-align:center;background:0 0;border:0;outline:0;font-family:DotGothic16,"Press Start 2P",monospace;font-size:12px;line-height:1.4;position:relative}.speech-input input::placeholder,.underline-input::placeholder{color:var(--gray)}.bubble-pointer{display:none}.result-image{background:var(--white);justify-content:center;align-items:center;width:280px;max-width:calc(100% - 32px);max-height:400px;display:flex;overflow:hidden}.result-image img{object-fit:contain;max-width:100%;max-height:400px;image-rendering:pixelated;display:block}.underline-input{border:0;border-bottom:var(--thin-border) solid var(--black);width:180px;color:var(--black);text-align:center;letter-spacing:2px;background:0 0;outline:0;padding:6px 0;font-family:DotGothic16,"Press Start 2P",monospace;font-size:14px;line-height:1.2}.voice-strip{letter-spacing:1px;grid-template-columns:minmax(0,1fr) 58px 72px;align-items:center;gap:8px;width:280px;max-width:calc(100% - 32px);margin-top:10px;font-size:8px;display:grid}.voice-strip span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.voice-strip button{border:var(--thin-border) solid var(--black);height:28px;color:var(--black);background:var(--white);font-size:8px}.voice-preview{width:280px;max-width:calc(100% - 32px);height:32px}.result-actions{padding:16px var(--page-padding) 36px}.gallery-page{padding-bottom:0}.empty-gallery{color:var(--muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.empty-gallery strong{opacity:.3;font-size:40px}.empty-gallery p{letter-spacing:2px;margin:0;font-size:8px;line-height:2}.gallery-count{color:var(--muted);text-align:center;letter-spacing:2px;margin:0;padding:8px 0 4px;font-size:8px}.gallery-scroll{scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;align-items:center;gap:0;min-height:0;padding:0 100px;display:flex;overflow:auto hidden}.gallery-scroll::-webkit-scrollbar{display:none}.gallery-card{scroll-snap-align:center;flex-direction:column;flex:0 0 190px;align-items:center;display:flex}.gallery-card+.gallery-card{margin-left:-12px}.bubble-space{width:190px;height:50px}.pixel-bubble{justify-items:center;width:190px;margin-bottom:6px;display:grid}.pixel-bubble span{border:var(--thin-border) solid var(--black);max-width:190px;min-height:28px;color:var(--black);background:var(--white);text-align:center;word-break:break-word;padding:6px 12px;font-family:DotGothic16,"Press Start 2P",monospace;font-size:11px;line-height:1.3}.pixel-bubble i{border-left:8px solid #0000;border-right:8px solid #0000;border-top:10px solid var(--black);width:0;height:0;margin-top:-1px;position:relative}.pixel-bubble i:after{content:"";border-left:7px solid #0000;border-right:7px solid #0000;border-top:8px solid var(--white);width:0;height:0;position:absolute;top:-10px;left:-7px}.gallery-image{color:#0000002e;background:var(--white);justify-content:center;align-items:center;width:160px;height:400px;font-size:8px;display:flex;overflow:hidden}.gallery-image img{object-fit:contain;width:auto;max-width:160px;height:auto;max-height:400px;image-rendering:pixelated;display:block}.gallery-card p,.gallery-card time{max-width:120px;color:var(--black);text-align:center;text-overflow:ellipsis;white-space:nowrap;letter-spacing:1px;margin:6px 0 0;font-family:DotGothic16,"Press Start 2P",monospace;font-size:12px;overflow:hidden}.gallery-card time{color:var(--muted);font-size:8px}.gallery-dots{justify-content:center;gap:8px;padding:16px 0;display:flex}.gallery-dots span{border:1px solid var(--black);background:var(--gray);width:8px;height:8px}.gallery-dots span.active{background:var(--black)}.gallery-page>.pixel-button{width:calc(100% - 48px);margin:8px 24px 32px}.pixel-toast{z-index:10;pointer-events:none;justify-content:center;display:flex;position:absolute;top:18px;left:24px;right:24px}.pixel-toast span{border:1px solid var(--white);max-width:100%;color:var(--white);background:var(--black);text-align:center;padding:12px 16px;font-size:10px;line-height:1.35}.backend-notice{z-index:11;border:var(--thin-border) solid var(--black);color:var(--black);background:var(--white);text-align:center;pointer-events:none;gap:6px;padding:10px 12px;display:grid;position:absolute;top:68px;left:16px;right:16px}.backend-notice span{font-family:DotGothic16,"Press Start 2P",monospace;font-size:12px;line-height:1.35}.backend-notice small{letter-spacing:1px;font-size:7px;line-height:1.4}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=420px){.pixel-shell{border:0;width:100vw;height:100vh}.confirm-photo,.pixel-details{width:calc(100vw - 48px)}.gallery-scroll{padding:0 calc(50vw - 95px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}