*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100dvh;overflow:hidden;position:fixed;inset:0;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{width:100%;height:100%;position:relative;overflow:hidden}.camera-view{width:100%;height:100%;position:relative;background:#000}.camera-preview{width:100%;height:100%;object-fit:cover}.camera-top-bar{position:absolute;top:0;left:0;right:0;padding:12px 16px;display:flex;align-items:center;gap:12px;justify-content:flex-end;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent);padding-top:max(12px,env(safe-area-inset-top))}.location-badge{margin-right:auto;font-size:12px;background:#0009;padding:4px 10px;border-radius:12px;white-space:nowrap}.icon-btn{width:40px;height:40px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.icon-btn:active{background:#fff6}.camera-bottom-bar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:24px;padding-bottom:max(80px,calc(env(safe-area-inset-bottom) + 64px));background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.capture-btn{width:72px;height:72px;border-radius:50%;border:4px solid #fff;background:transparent;padding:4px;cursor:pointer}.capture-btn:active .capture-btn-inner{background:#fff9}.capture-btn-inner{width:100%;height:100%;border-radius:50%;background:#fff;transition:background .1s}.preview-view{width:100%;height:100%;position:relative;background:#000;display:flex;flex-direction:column}.preview-image{flex:1;object-fit:contain;min-height:0}.preview-banner{background:#f5c518;color:#000;text-align:center;font-weight:700;font-size:16px;padding:12px}.preview-actions{display:flex;gap:16px;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:#111}.action-btn{flex:1;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;color:#fff}.action-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{background:#d32f2f}.cancel-btn:active:not(:disabled){background:#b71c1c}.send-btn{background:#2e7d32}.send-btn:active:not(:disabled){background:#1b5e20}.success-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:100}.success-card{background:#2e7d32;border-radius:20px;padding:32px 48px;text-align:center}.success-check{font-size:48px;margin-bottom:8px}.success-text{font-size:20px;font-weight:600}.settings-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:200;padding:24px}.settings-card{background:#1a1a1a;border-radius:16px;padding:24px;width:100%;max-width:400px}.settings-card h2{margin-bottom:16px;font-size:20px}.settings-label{display:block;font-size:14px;color:#aaa;margin-bottom:16px}.settings-input{display:block;width:100%;margin-top:8px;padding:10px 12px;border-radius:8px;border:1px solid #444;background:#222;color:#fff;font-size:14px}.settings-input:focus{outline:none;border-color:#666}.settings-actions{display:flex;gap:12px}.error-toast{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;right:16px;background:#d32f2f;color:#fff;padding:12px 16px;border-radius:12px;font-size:14px;z-index:300;text-align:center;cursor:pointer}