body{min-height:100vh;min-height:-webkit-fill-available;color:#1a202c!important}html{height:-webkit-fill-available}body:has(.locket-app){overflow:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#3faaac;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#2c7a7b}a{color:teal!important}.locket-app{min-height:100dvh;width:100%;display:flex;justify-content:center;background:radial-gradient(circle at 50% 0%,#fed7aa 0,#fb923c 34%,#111827 35%,#020617);overflow:hidden}.locket-phone{position:relative;width:min(100vw,430px);height:100dvh;background:#020617;overflow:hidden;isolation:isolate}.locket-topbar{position:absolute;top:0;left:0;right:0;z-index:8;display:flex;justify-content:space-between;align-items:center;padding:max(18px,env(safe-area-inset-top)) 16px 12px;color:#fff;background:linear-gradient(180deg,rgba(2,6,23,.78),transparent)}.locket-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.72}.locket-title{font-size:22px!important;line-height:1!important;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.locket-feed{position:absolute;inset:0;display:grid;place-items:center;background:#020617}.locket-feed img,.locket-feed video{width:100%;height:100%;object-fit:cover}.locket-feed:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,6,23,.42),transparent 28%,transparent 58%,rgba(2,6,23,.86)),radial-gradient(circle at 50% 78%,transparent 0,rgba(2,6,23,.38) 70%)}.locket-tap-zone-left,.locket-tap-zone-right{position:absolute;top:92px;bottom:148px;z-index:3;border:0;background:transparent}.locket-tap-zone-left{left:0;width:38%}.locket-tap-zone-right{right:0;width:62%}.locket-caption{position:absolute;left:18px;right:18px;bottom:136px;z-index:5;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5)}.locket-new-pill{border-radius:999px!important;background:#fb923ce6!important;color:#fff!important}.locket-share-card,.locket-sheet{position:absolute;z-index:12;left:16px;right:16px;display:grid;gap:10px;padding:16px;border-radius:26px;background:#fffffff5;box-shadow:0 24px 60px #00000059}.locket-share-card{top:82px}.locket-sheet{bottom:112px}.locket-toast{position:absolute;left:50%;bottom:218px;z-index:20;transform:translate(-50%);max-width:86%;padding:9px 14px;border-radius:999px;color:#fff;background:#16a34aeb;font-size:14px;text-align:center;box-shadow:0 10px 28px #00000042}.locket-toast.is-error{background:#dc2626f2}.locket-bottom{position:absolute;left:0;right:0;bottom:0;z-index:8;padding:12px 18px max(18px,env(safe-area-inset-bottom));color:#fff;background:linear-gradient(0deg,rgba(2,6,23,.96),transparent)}.locket-shutter{width:78px;height:78px;display:grid;place-items:center;border:5px solid #f5bf49;border-radius:999px;background:#fff;box-shadow:0 12px 34px #00000061}.locket-shutter:active{transform:scale(.94)}.locket-shutter:disabled{opacity:.72}.locket-camera-panel{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:max(18px,env(safe-area-inset-top)) 14px max(22px,env(safe-area-inset-bottom));background:#003f91}.locket-camera-top{color:#fff}.locket-camera-preview{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:46px;background:#020617;box-shadow:0 24px 60px #0000004d}.locket-caption-input-overlay{position:absolute;bottom:16px;left:16px;right:16px;z-index:5;padding:12px;background:#00000080;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.locket-camera-video,.locket-camera-preview img{width:100%;height:100%;object-fit:cover}.locket-camera-loading,.locket-camera-error{position:absolute;inset:0;display:grid;place-items:center;gap:10px;padding:18px;color:#fff;text-align:center;background:#020617b8}.locket-zoom-row{display:flex;align-items:center;gap:10px;padding:0 18px;color:#fff;font-size:12px}.locket-zoom-row input{flex:1;accent-color:#f5bf49}.locket-camera-actions{min-height:100px;color:#fff}.locket-icon-button{min-height:44px!important;border-radius:999px!important;color:#fff!important;background:#ffffff24!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.locket-icon-button:disabled{opacity:.48}.locket-send-button{min-height:58px!important;min-width:96px!important;border-radius:999px!important;font-weight:800!important}.locket-reaction-tray{display:flex;gap:7px;margin-top:12px;overflow-x:auto}.locket-reaction-chip{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:#ffffff29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.locket-reaction-chip small{font-size:11px;opacity:.85}.locket-loading-dot{width:18px;height:18px;border-radius:999px;background:#fb923c;animation:locket-pulse 1s infinite alternate}@keyframes locket-pulse{0%{transform:scale(.75);opacity:.55}to{transform:scale(1);opacity:1}}@media(min-width:700px){.locket-app{padding:22px 0}.locket-phone{height:min(860px,calc(100dvh - 44px));border-radius:42px;box-shadow:0 30px 90px #00000080}}