*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #00FF41;--bg-surface: #0A0A0A;--bg-elevated: #141414;--border: 1px solid #1F1F1F;--text-primary: #FAFAFA;--text-secondary: #888888;--error: #FF3B30;--font: "JetBrains Mono", "SF Mono", monospace;--radius: 2px;--transition: .12s linear}html,body{height:100%;width:100%;overflow:hidden}body{font-family:var(--font);font-size:13px;background:var(--bg-surface);color:var(--text-primary);display:flex;flex-direction:column;align-items:stretch;min-height:100dvh;min-height:100vh}#app{display:flex;flex-direction:column;height:100dvh;height:100vh;max-width:428px;margin:0 auto;width:100%}.status-bar{position:relative;height:48px;background:var(--bg-elevated);border-bottom:var(--border);display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;padding:0 16px}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);flex-shrink:0;transition:background var(--transition)}.status-indicator--connected{background:var(--accent)}.status-indicator--error{background:var(--error)}.status-text{font-family:var(--font);font-size:13px;color:var(--text-secondary);transition:color var(--transition);letter-spacing:.02em}.status-text--connected{color:var(--text-primary)}.capture-area{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.capture-btn{width:120px;height:120px;background:transparent;border:2px solid var(--accent);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:var(--font);font-size:14px;font-weight:700;color:var(--accent);letter-spacing:.12em;transition:background var(--transition),color var(--transition);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.capture-btn:active{background:#00ff4114}.capture-btn:disabled{border-color:var(--text-secondary);color:var(--text-secondary);cursor:not-allowed}.capture-btn:disabled:active{background:transparent}.capture-btn__icon{width:32px;height:32px;border:2px solid currentColor;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.capture-btn__icon:after{content:"";width:12px;height:12px;background:currentColor;border-radius:50%}.capture-btn__label{font-size:14px;font-weight:700;letter-spacing:.12em}.sent-strip{height:80px;background:var(--bg-elevated);border-top:var(--border);display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;padding:0 12px;gap:8px;flex-shrink:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sent-strip::-webkit-scrollbar{display:none}.sent-strip--empty:after{content:"NO IMAGES SENT";font-family:var(--font);font-size:11px;color:var(--text-secondary);letter-spacing:.08em;white-space:nowrap;margin:0 auto}.thumbnail-wrapper{position:relative;width:60px;height:60px;flex-shrink:0;border-radius:var(--radius);overflow:hidden;border:var(--border)}.thumbnail-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius)}.thumbnail-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073}.thumbnail-check:after{content:"";width:18px;height:10px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg) translateY(-2px)}.error-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.error-screen__code{font-size:11px;color:var(--error);letter-spacing:.1em;text-transform:uppercase}.error-screen__message{font-size:13px;color:var(--text-secondary);max-width:280px;line-height:1.6}@media(max-width:320px){.capture-btn{width:100px;height:100px}}