@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{color:#f0f9ff;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background-color:#060e1a;width:100%;height:100%;font-family:Inter,Be Vietnam Pro,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;overflow:hidden}#root{width:100%;height:100dvh;position:relative;overflow:hidden}.app-shell{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.liquid-glass{-webkit-backdrop-filter:blur(28px)saturate(190%);background:#0ea5e912;border:1px solid #38bdf833;box-shadow:0 16px 36px #00000073,inset 0 1px 1px #bae6fd33,inset 0 -1px 1px #0003}.liquid-glass-card{-webkit-backdrop-filter:blur(32px)saturate(200%);background:#0a121ecc;border:1px solid #38bdf824;border-radius:22px;box-shadow:0 20px 48px #0000008c,inset 0 1px 1.5px #bae6fd26}.liquid-glass-pill{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#0ea5e91f;border:1px solid #38bdf840;border-radius:9999px;box-shadow:0 8px 24px #00000059,inset 0 1px 1px #bae6fd33}.liquid-dock{bottom:max(16px, env(safe-area-inset-bottom));z-index:50;-webkit-backdrop-filter:blur(36px)saturate(210%);background:#081220d1;border:1px solid #38bdf82e;border-radius:36px;align-items:center;gap:2px;max-width:calc(100vw - 32px);padding:6px 8px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #000000b3,inset 0 1px 1.5px #bae6fd26}.liquid-dock-item{color:#bae6fd80;cursor:pointer;letter-spacing:.01em;background:0 0;border:none;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:7px 14px;font-size:10px;font-weight:600;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.liquid-dock-item.active{color:#38bdf8;background:linear-gradient(135deg,#38bdf838,#0ea5e924);border:1px solid #38bdf840;box-shadow:0 4px 14px #38bdf833,inset 0 1px 1px #bae6fd33}.liquid-dock-item:active{transform:scale(.9)}.liquid-btn{cursor:pointer;transition:all .18s cubic-bezier(.2,.8,.2,1)}.liquid-btn:active{opacity:.85;transform:scale(.93)}.camera-grid-3x3{pointer-events:none;z-index:6;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;display:grid;position:absolute;inset:0}.camera-grid-3x3-cell{border:.5px solid #ffffff38}.capture-frame{pointer-events:none;z-index:7;box-shadow:none;border-radius:8px;position:absolute}.capture-frame:before,.capture-frame:after{content:"";border-style:solid;border-color:#38bdf8;width:20px;height:20px;position:absolute}.capture-frame:before{border-width:2px 0 0 2px;border-radius:6px 0 0;top:0;left:0}.capture-frame:after{border-width:0 2px 2px 0;border-radius:0 0 6px;bottom:0;right:0}.lens-chip{cursor:pointer;letter-spacing:.02em;border:none;border-radius:9999px;padding:5px 11px;font-family:inherit;font-size:11px;font-weight:800;transition:all .15s}.lens-chip.active{color:#060e1a;background:#38bdf8;box-shadow:0 0 12px #38bdf88c}.lens-chip.inactive{color:#fffc;background:#ffffff1a}@keyframes flash{0%{opacity:.9}to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatBadge{0%{transform:translateY(-4px)}50%{transform:translateY(4px)}to{transform:translateY(-4px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBorder{0%,to{opacity:.7}50%{opacity:1}}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:4px}