:root{--bg-primary:#000;--bg-secondary:#080808;--bg-card:#171717;--bg-card-soft:#1f1f1f;--bg-control:#2a2a2c;--bg-control-hover:#353538;--accent:#9daaff;--accent-hover:#b7c1ff;--accent-glow:#9daaff57;--danger:#ff5a5f;--text-primary:#f8f8f8;--text-secondary:#ffffffb8;--text-muted:#ffffff70;--border:#ffffff14;--glass-bg:#222224db;--glass-border:#ffffff1a;--btn-text:#111;--radius-sm:12px;--radius-md:20px;--radius-lg:34px;--radius-xl:44px;--radius-full:9999px;--font:Inter, ui-rounded, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#root{flex-direction:column;display:flex}button,input,textarea{font:inherit;border:0;outline:0}button{color:inherit}::-webkit-scrollbar{width:0;height:0}.screen{height:100%;min-height:100%;padding:calc(var(--safe-top) + 20px) 22px calc(var(--safe-bottom) + 22px);background:radial-gradient(circle at 50% 8%, #ffffff0b, transparent 24%), var(--bg-primary);color:var(--text-primary);flex:1;overflow-y:auto}.app-shell{background:var(--bg-primary);flex-direction:column;max-width:440px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}.auth-shell{touch-action:pan-y}.view-track{touch-action:pan-y;will-change:transform;flex:1;width:100%;min-width:0;min-height:0;display:flex}.view-track img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.shell-view{flex:0 0 100%;width:100%;min-width:0;min-height:0;position:relative;overflow:hidden}.app-header{z-index:30;padding:calc(var(--safe-top) + 18px) 22px 18px;grid-template-columns:56px 1fr 56px;align-items:center;gap:12px;display:grid;position:relative}.pairing-header{width:min(100%,440px);position:absolute;top:0;left:50%;transform:translate(-50%)}.header-title{text-align:center;min-width:0}.header-title strong{color:var(--text-primary);letter-spacing:0;font-size:17px;font-weight:800;line-height:1.15;display:block}.header-title span{color:var(--text-muted);margin-top:3px;font-size:12px;font-weight:650;line-height:1.2;display:block}.logo-text{color:var(--accent);letter-spacing:0;font-size:36px;font-weight:850}.logo-lockup-image{width:min(240px,78vw);height:auto;margin:0 auto;display:block}.loading-logotype{width:min(210px,70vw)}.loading-logo-mark{width:64px;height:64px}.loading-logo-mark img{object-fit:contain;width:100%;height:100%;display:block}.icon-btn{border-radius:var(--radius-full);background:var(--bg-control);color:#ffffffe6;cursor:pointer;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .16s,background .16s,color .16s;display:inline-flex}.icon-btn:hover{background:var(--bg-control-hover)}.icon-btn:active{transform:scale(.96)}.icon-btn svg{width:25px;height:25px}.icon-btn.small{width:42px;height:42px}.icon-btn.small svg{width:20px;height:20px}.ui-pill{border-radius:var(--radius-full);background:var(--bg-control);min-height:44px;color:var(--text-primary);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:800;display:inline-flex}.glass-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(22px)}.btn-primary,.btn-ghost{border-radius:var(--radius-full);cursor:pointer;justify-content:center;align-items:center;width:100%;min-height:54px;padding:0 22px;font-size:16px;font-weight:800;transition:transform .18s,background .18s,opacity .18s;display:flex}.btn-primary{background:var(--accent);color:var(--btn-text);box-shadow:0 12px 34px #9daaff3d}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active,.btn-ghost:active{transform:scale(.98)}.btn-primary:disabled,.btn-ghost:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn-primary svg,.btn-ghost svg{flex:none;width:20px;height:20px}.btn-ghost{border:1px solid var(--glass-border);background:var(--bg-control);color:var(--text-primary);gap:4px}.input-field{border:1px solid var(--border);background:var(--bg-card);width:100%;min-height:56px;color:var(--text-primary);border-radius:18px;padding:0 18px;font-size:16px;font-weight:650;transition:border-color .18s,box-shadow .18s,background .18s}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{background:#1b1b1b;border-color:#9daaffad;box-shadow:0 0 0 4px #9daaff1f}.spinner{border:3px solid #ffffff2e;border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{bottom:calc(var(--safe-bottom) + 106px);z-index:1000;border:1px solid var(--glass-border);border-radius:var(--radius-full);max-width:calc(100vw - 40px);color:var(--text-primary);pointer-events:none;text-align:center;white-space:nowrap;-webkit-backdrop-filter:blur(20px);background:#151515f0;padding:12px 18px;font-size:14px;font-weight:800;line-height:1.2;position:fixed;left:50%}.camera-stage{flex:1;height:100%;min-height:0;padding:0;position:relative}.camera-frame{background:#171717;border-radius:clamp(32px,10vw,56px);flex:none;width:100%;height:min(64vh,590px);min-height:320px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.camera-frame.empty{text-align:center;justify-content:center;align-items:center;padding:28px;display:flex}.camera-frame img{aspect-ratio:1;object-fit:cover;width:100%;height:100%;display:block}.camera-frame video{object-fit:cover;object-position:center center;background:#111;width:100%;height:100%;display:block}.camera-live{background:radial-gradient(circle at 50% 45%,#ffffff14,#0000 34%),#111}.camera-live-overlay{border-radius:var(--radius-full);color:#ffffffd6;-webkit-backdrop-filter:blur(14px);background:#0c0c0cad;align-items:center;min-height:34px;padding:0 13px;font-size:12px;font-weight:850;display:inline-flex;position:absolute;bottom:18px;right:18px}.camera-state .spinner{margin-top:4px}.camera-retry-btn{border-radius:var(--radius-full);background:var(--bg-control);min-height:42px;color:var(--text-primary);cursor:pointer;padding:0 16px;font-size:14px;font-weight:850}.camera-retry-btn:hover{background:var(--bg-control-hover)}.photo-gradient{background:linear-gradient(#0000,#000000ad);justify-content:space-between;align-items:flex-end;gap:14px;padding:82px 22px 22px;display:flex;position:absolute;inset:auto 0 0}.photo-meta{min-width:0}.photo-meta strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:18px;font-weight:850;line-height:1.15;display:block;overflow:hidden}.photo-meta span{color:#ffffff9e;margin-top:4px;font-size:13px;font-weight:750;display:block}.like-btn{border-radius:var(--radius-full);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(18px);background:#161616b8;justify-content:center;align-items:center;width:54px;height:54px;font-size:27px;display:inline-flex}.like-btn svg{flex-shrink:0;width:28px}.status-chip{border-radius:var(--radius-full);color:#fff;-webkit-backdrop-filter:blur(14px);background:#0c0c0cbd;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.status-chip svg{flex:none;width:18px;height:18px;display:block}.empty-state{color:var(--text-secondary);justify-items:center;gap:12px;display:grid}.empty-state svg{color:#ffffffdb;width:44px;height:44px}.empty-state strong{color:var(--text-primary);font-size:18px;font-weight:850}.empty-state span{max-width:230px;color:var(--text-muted);font-size:14px;font-weight:650;line-height:1.35}.reels-feed{scroll-behavior:smooth;scroll-snap-type:y mandatory;width:100%;height:100%;padding:calc(var(--safe-top) + 22px) 20px calc(var(--safe-bottom) + 122px);scrollbar-width:none;overflow-y:scroll}.reels-feed::-webkit-scrollbar{display:none}.reels-slide{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100%;padding:54px 0;display:flex}.reels-slide[data-photo-id] .camera-frame{aspect-ratio:1;height:auto;min-height:0}.camera-reels-slide{justify-content:flex-start;gap:22px;padding-top:12px}.camera-item-controls{grid-template-columns:56px 1fr 56px;align-items:center;gap:14px;width:100%;padding:0 4px;display:grid}.camera-item-controls .shutter-btn{justify-self:center}.camera-tool-btn{border-radius:var(--radius-full);background:var(--bg-control);color:#ffffffdb;cursor:pointer;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .16s,background .16s,color .16s;display:inline-flex}.camera-tool-btn:hover,.camera-tool-btn.active{background:var(--bg-control-hover);color:var(--accent)}.camera-tool-btn:active{transform:scale(.96)}.camera-tool-btn:disabled{cursor:wait;opacity:.56}.camera-tool-btn svg{width:25px;height:25px}.bottom-controls{padding:22px 24px calc(var(--safe-bottom) + 20px);grid-template-columns:76px 1fr 76px;align-items:center;display:grid}.bottom-nav{left:50%;bottom:calc(var(--safe-bottom) + 18px);z-index:90;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(24px);background:#1f1c1bdb;border:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);align-items:center;width:min(300px,100% - 78px);min-height:74px;padding:8px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 18px 54px #0000005c}.nav-item{border-radius:var(--radius-full);color:#ffffff94;cursor:pointer;background:0 0;justify-content:center;justify-self:center;align-items:center;width:58px;height:58px;transition:transform .16s,background .16s,color .16s;display:inline-flex}.nav-item:hover,.nav-item.active{color:#fffffff5;background:#ffffff14}.nav-item:active{transform:scale(.96)}.nav-item svg,.nav-item span{width:25px;height:25px}.home-nav-item span{justify-content:center;align-items:center;display:inline-flex}.mini-shutter-nav-icon svg{width:27px;height:27px}.bottom-controls .icon-btn{justify-self:start}.bottom-controls .shutter-btn{justify-self:center}.shutter-btn{border:6px solid var(--accent);color:#111;cursor:pointer;background:#f2f2f2;border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;transition:transform .16s,opacity .16s;display:inline-flex;box-shadow:inset 0 0 0 5px #000}.shutter-btn:disabled{cursor:wait;opacity:.64}.shutter-btn svg{width:27px;height:27px}.menu-popover{top:calc(var(--safe-top) + 78px);z-index:60;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(26px);background:#1a1a1bf5;border-radius:24px;width:min(280px,100vw - 44px);padding:10px;position:absolute;box-shadow:0 18px 60px #0000006b}.menu-popover.from-profile{left:22px}.menu-popover.from-menu{right:22px}.profile-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 10px 14px;display:flex}.avatar{border:2px solid var(--accent);object-fit:cover;background:var(--bg-control);border-radius:50%;flex:none;width:44px;height:44px}.profile-row div{min-width:0}.profile-row strong,.profile-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-row strong{color:var(--text-primary);font-size:14px;font-weight:850}.profile-row span{color:var(--text-muted);margin-top:3px;font-size:12px;font-weight:650}.menu-action{width:100%;min-height:46px;color:var(--danger);cursor:pointer;text-align:left;background:0 0;border-radius:14px;align-items:center;gap:10px;margin-top:8px;padding:0 12px;font-size:14px;font-weight:850;display:flex}.menu-action:hover{background:#ff5a5f1a}.history-screen{z-index:80;width:100%;min-height:0;padding:calc(var(--safe-top) + 18px) 20px calc(var(--safe-bottom) + 116px);background:var(--bg-primary);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.history-header{grid-template-columns:48px 1fr 48px;align-items:center;margin-bottom:18px;display:grid}.history-header h2{color:var(--text-primary);text-align:center;font-size:19px;font-weight:850}.history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-bottom:28px;display:grid}.profile-screen{width:100%;height:100%;padding:calc(var(--safe-top) + 22px) 24px calc(var(--safe-bottom) + 138px);background:radial-gradient(circle at 50% 0%, #9daaff1a, transparent 25%), var(--bg-primary);overflow-y:auto}.profile-hero{text-align:center;justify-items:center;gap:8px;padding:10px 0 20px;display:grid}.profile-avatar{color:#fff;object-fit:cover;background:linear-gradient(145deg,#30334b,#1f1f1f);border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 18px 44px #00000042}.profile-avatar.md{width:44px;height:44px;font-size:14px;font-weight:900}.profile-avatar.lg{width:98px;height:98px;font-size:30px;font-weight:900}.profile-avatar.initials{letter-spacing:0}.profile-hero h1{overflow-wrap:anywhere;max-width:100%;color:var(--text-primary);font-size:28px;font-weight:900;line-height:1.08}.profile-hero p{overflow-wrap:anywhere;max-width:100%;color:var(--text-muted);font-size:14px;font-weight:700}.profile-actions-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.profile-actions-row .btn-ghost{min-height:46px;padding:0 12px;font-size:14px}.profile-info-list{gap:8px;display:grid}.profile-info-row{border:1px solid var(--border);background:var(--bg-card);border-radius:18px;gap:5px;min-height:58px;padding:10px 14px;display:grid}.profile-info-row span{color:var(--text-muted);font-size:12px;font-weight:850}.profile-info-row strong{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;line-height:1.25;overflow:hidden}.profile-link-row{justify-content:center;gap:20px;margin:16px 0;display:flex}.profile-link-row a{color:var(--text-secondary);font-size:13px;font-weight:800;text-decoration:none}.profile-danger-zone{gap:8px;display:grid}.profile-menu-action{background:var(--bg-card);border-radius:16px;min-height:48px}.profile-menu-action svg{width:20px;height:20px}.profile-menu-action.delete{min-height:42px;color:var(--danger);background:0 0;justify-content:center;padding:0}.profile-menu-action.delete:hover{color:var(--danger);background:0 0;text-decoration:underline}.confirm-backdrop{z-index:150;padding:20px 20px calc(var(--safe-bottom) + 20px);background:#000000a8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.confirm-sheet{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(26px);background:#181819fa;border-radius:28px;width:min(100%,390px);padding:22px;box-shadow:0 26px 80px #00000080}.confirm-sheet h2{color:var(--text-primary);font-size:22px;font-weight:900}.confirm-sheet p{color:var(--text-secondary);margin-top:8px;font-size:14px;font-weight:650;line-height:1.38}.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.btn-primary.danger{background:var(--danger);box-shadow:0 12px 34px #ff5a5f38}.history-tile{aspect-ratio:1;background:var(--bg-card);cursor:pointer;border-radius:16px;position:relative;overflow:hidden}.history-tile img{object-fit:cover;width:100%;height:100%;display:block}.history-badge{color:#fff;background:#0000009e;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:850;position:absolute;top:6px;right:6px}.modal-backdrop{z-index:120;background:#000000f0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop img{object-fit:contain;max-width:100%;max-height:100%}.auth-card,.pairing-card{width:100%;max-width:400px;margin:0 auto}.brand-lockup{text-align:center;margin-bottom:40px}.brand-mark{background:var(--accent);color:#1c2144;border-radius:26px;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:14px;font-size:40px;display:inline-flex;box-shadow:0 16px 48px #9daaff33}.brand-mark svg{width:42px;height:42px}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-lockup .brand-mark{background:0 0;overflow:hidden;box-shadow:0 16px 48px #4f72fc38}.brand-lockup p,.pairing-subtitle{color:var(--text-secondary);font-size:15px;font-weight:650;line-height:1.4}.form-stack{flex-direction:column;gap:14px;display:flex}.divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:12px;font-weight:850;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.text-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;margin-top:22px;padding:8px;font-size:14px;font-weight:700}.text-toggle span{color:var(--accent);font-weight:850}.error-text{color:var(--danger);text-align:center;font-size:13px;font-weight:750}.invite-code-card{background:var(--bg-card);text-align:center;border-radius:28px;margin-bottom:16px;padding:30px 22px}.invite-code-card p{color:var(--text-muted);letter-spacing:1.1px;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:850}.invite-code-card strong{color:var(--accent);letter-spacing:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:36px;font-weight:900}.pairing-discovery{flex-direction:column;align-items:stretch;max-width:440px;margin:0 auto;padding-inline:20px;display:flex}.pairing-topbar{justify-content:space-between;align-items:center;gap:14px;width:100%;padding:4px 0 18px;display:flex}.pairing-topbar div{min-width:0}.pairing-topbar strong,.pairing-topbar span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pairing-topbar strong{color:var(--text-primary);margin-top:4px;font-size:18px;font-weight:900}.pairing-eyebrow{color:var(--text-muted);letter-spacing:.7px;text-transform:uppercase;font-size:12px;font-weight:850}.pairing-panel{flex-direction:column;gap:18px;width:100%;padding-bottom:22px;display:flex}.pairing-hero{grid-template-columns:72px 1fr;align-items:center;gap:16px;padding:18px 0 8px;display:grid}.pairing-hero .brand-mark{border-radius:22px;width:66px;height:66px;margin:0}.pairing-hero .brand-mark svg{width:34px;height:34px}.pairing-hero h1{color:var(--text-primary);font-size:30px;font-weight:950;line-height:1.02}.pairing-hero p{color:var(--text-secondary);margin-top:7px;font-size:14px;font-weight:700;line-height:1.36}.success-text{color:#70e29f;text-align:center;font-size:13px;font-weight:800}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading div{min-width:0}.section-heading h2,.request-stack h2{color:var(--text-primary);font-size:15px;font-weight:900}.section-heading p{color:var(--text-muted);margin-top:4px;font-size:12px;font-weight:700;line-height:1.35}.mini-btn{border-radius:var(--radius-full);cursor:pointer;background:var(--accent);min-width:70px;min-height:40px;color:var(--btn-text);justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:900;transition:transform .16s,background .16s,opacity .16s;display:inline-flex}.mini-btn.ghost{border:1px solid var(--border);background:var(--bg-control);color:var(--text-primary)}.mini-btn:disabled{cursor:not-allowed;opacity:.55}.contact-list,.request-stack{gap:10px;display:grid}.contact-row,.request-card,.pending-card{border:1px solid var(--border);background:var(--bg-card);border-radius:20px;align-items:center;gap:12px;width:100%;min-width:0;padding:12px;display:flex}.contact-avatar{color:#fff;object-fit:cover;background:linear-gradient(145deg,#30334b,#1f1f1f);border:2px solid #9daaffad;border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-size:15px;font-weight:950;display:inline-flex}.contact-avatar.initials{letter-spacing:0}.contact-copy,.request-card>div,.pending-card>div{flex:auto;min-width:0}.contact-copy strong,.contact-copy span,.request-card strong,.request-card span,.pending-card strong,.pending-card span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.contact-copy strong,.request-card strong,.pending-card strong{color:var(--text-primary);font-size:15px;font-weight:900}.contact-copy span,.request-card span,.pending-card span{color:var(--text-muted);margin-top:4px;font-size:12px;font-weight:700}.request-actions{flex:none;gap:8px;display:flex}.pending-card{background:#9daaff1a;border-color:#9daaff3d}.contact-empty{min-height:160px;color:var(--text-secondary);text-align:center;background:#ffffff06;border:1px dashed #ffffff24;border-radius:22px;justify-items:center;gap:10px;padding:28px 20px;display:grid}.contact-empty svg{width:34px;height:34px;color:var(--text-primary)}.contact-empty strong{color:var(--text-primary);font-size:17px;font-weight:900}.contact-empty span{max-width:260px;color:var(--text-muted);font-size:13px;font-weight:700;line-height:1.36}.code-fallback{border:1px solid var(--border);background:#ffffff09;border-radius:24px;gap:14px;padding:16px;display:grid}.code-fallback-intro{grid-template-columns:1fr auto;align-items:center;gap:14px;display:grid}.code-fallback-intro h2{color:var(--text-primary);font-size:16px;font-weight:900}.code-fallback-intro p,.code-option-copy span{color:var(--text-muted);margin-top:5px;font-size:13px;font-weight:700;line-height:1.35}.code-toggle{white-space:nowrap;width:auto;min-height:42px;padding:0 14px}.code-panel{gap:12px;display:grid;overflow:hidden}.code-option-card{border:1px solid var(--border);background:var(--bg-card);border-radius:20px;gap:12px;min-width:0;padding:14px;display:grid}.code-option-copy strong,.code-option-copy label{color:var(--text-primary);font-size:15px;font-weight:900;display:block}.code-option-card .btn-primary{min-height:48px}.code-panel .invite-code-card{gap:14px;margin-bottom:0;padding:22px;display:grid}.code-panel .invite-code-card .btn-ghost{min-height:46px}.confirm-dialog{border:1px solid var(--glass-border);background:#181819fa;border-radius:28px;width:min(100% - 40px,390px);padding:22px;box-shadow:0 26px 80px #00000080}.confirm-dialog h2{color:var(--text-primary);font-size:22px;font-weight:900}.confirm-dialog p{color:var(--text-secondary);margin-top:8px;font-size:14px;font-weight:650;line-height:1.38}.dialog-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}@media (width<=390px){.code-fallback-intro{grid-template-columns:1fr}.code-toggle{width:100%}.request-card{flex-wrap:wrap;align-items:flex-start}.request-actions{width:100%}.request-actions .mini-btn{flex:1}}@media (height<=720px){.app-header{padding-bottom:12px}.bottom-controls{padding-top:16px}.shutter-btn{width:70px;height:70px}.camera-frame{min-height:260px}}@media (width>=700px){body{background:#050505}#root{justify-content:center;align-items:center}.app-shell,.screen{width:min(100vw,440px)}}