:root{--teal:#0abfbc;--teal-dark:#089a98;--teal-light:#dff7f7;--teal-glow:#0abfbc2e;--cream:#f7f3ee;--cream-alt:#fdfaf6;--sand:#ede7de;--sand-dark:#d5ccbf;--gold:#e8a958;--gold-light:#fdf0dc;--coral:#f26b6b;--coral-light:#fdeaea;--coral-dark:#d95555;--text-primary:#1c1c2e;--text-secondary:#5c5c7a;--text-muted:#9898b0;--surface:#fff;--surface-raised:#fdfaf7;--border:#eae4dc;--shadow-sm:0 2px 8px #1c1c2e0f;--shadow-md:0 6px 24px #1c1c2e17;--shadow-lg:0 16px 48px #1c1c2e1f;--shadow-teal:0 8px 32px #0abfbc38;--r-sm:10px;--r-md:18px;--r-lg:26px;--r-xl:34px;--r-full:999px;--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.animate-fade-up{animation:fadeUp .5s cubic-bezier(.34,1.56,.64,1) both;animation:fadeUp .5s var(--ease-spring) both}.animate-fade-in{animation:fadeIn .35s ease both}.skeleton{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#ede7de 25%,#fdfaf6 50%,#ede7de 75%);background:linear-gradient(90deg,var(--sand) 25%,var(--cream-alt) 50%,var(--sand) 75%);background-size:800px 100%;border-radius:18px;border-radius:var(--r-md)}:root{--nli-size-sm:44px;--nli-size-md:62px;--nli-size-lg:82px;--nli-radius:26px;--nli-text:#07111f;--nli-white:#ffffffd1;--nli-shadow:#050f2361}.nli-icon-btn,.nli-panel{-webkit-tap-highlight-color:transparent;backdrop-filter:blur(18px) saturate(1.22);-webkit-backdrop-filter:blur(18px) saturate(1.22);border:1px solid #ffffff75;box-shadow:inset 0 2px 8px #ffffffc2,inset 0 -12px 20px #05143042,0 14px 34px #050f2361,0 0 22px #63b3ff38;box-shadow:inset 0 2px 8px #ffffffc2,inset 0 -12px 20px #05143042,0 14px 34px var(--nli-shadow),0 0 22px #63b3ff38;isolation:isolate;overflow:hidden;position:relative}.nli-icon-btn{align-items:center;border-radius:50%;color:#07111f;color:var(--nli-text);cursor:pointer;display:inline-flex;height:62px;height:var(--nli-size-md);justify-content:center;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;width:62px;width:var(--nli-size-md)}.nli-icon-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px) scale(1.035)}.nli-icon-btn:active:not(:disabled){transform:translateY(1px) scale(.96)}.nli-icon-btn:disabled{cursor:not-allowed;opacity:.48}.nli-sm{font-size:17px;height:44px;height:var(--nli-size-sm);width:44px;width:var(--nli-size-sm)}.nli-md{font-size:24px;height:62px;height:var(--nli-size-md);width:62px;width:var(--nli-size-md)}.nli-lg{font-size:32px;height:82px;height:var(--nli-size-lg);width:82px;width:var(--nli-size-lg)}.nli-rounded{border-radius:26px;border-radius:var(--nli-radius)}.nli-pill{border-radius:999px;min-width:117.8px;min-width:calc(var(--nli-size-md)*1.9)}.nli-square{border-radius:22px}.nli-circle{border-radius:50%}.nli-icon-wrap{align-items:center;display:inline-flex;filter:drop-shadow(0 2px 1px rgba(255,255,255,.4)) drop-shadow(0 4px 8px rgba(0,0,0,.35));justify-content:center;position:relative;z-index:4}.nli-shine{background:linear-gradient(135deg,#ffffffe0,#ffffff1f);border-radius:999px;filter:blur(.3px);height:26%;left:13%;position:absolute;top:8%;transform:rotate(-24deg);width:44%;z-index:2}.nli-inner-glow{background:radial-gradient(circle at 28% 20%,#ffffff7a,#0000 38%);border:1px solid #ffffff3d;border-radius:inherit;inset:6px;position:absolute;z-index:1}.nli-ice{background:radial-gradient(circle at 28% 18%,#ffffffe6,#cfe8ff73 38%,#4c88dc4d 100%),linear-gradient(145deg,#ffffff94,#5791e047)}.nli-dark{background:radial-gradient(circle at 30% 15%,#ffffff61,#0000 32%),linear-gradient(145deg,#1f2637f5,#030814f2);border-color:#ffffff38;color:#fff}.nli-blue{background:radial-gradient(circle at 30% 18%,#ffffffdb,#5fb4ff7a 40%,#0650d275 100%),linear-gradient(145deg,#43a0ffa6,#0d3ab461)}.nli-red{background:radial-gradient(circle at 30% 18%,#ffffffb8,#ff4949b3 42%,#8900009e 100%),linear-gradient(145deg,#ff4848c7,#87000080);color:#fff}.nli-fluffy{background:radial-gradient(circle at 24% 22%,#fffffff2,#efe0c5f0 42%,#c5ac84e6 100%);border-color:#fff4daa6;box-shadow:inset 0 3px 10px #ffffffa6,inset 0 -12px 18px #57391629,0 13px 30px #00000057;color:#101010}.nli-fluffy:before{background:repeating-radial-gradient(circle at 50% 50%,#ffffffbf 0 1px,#dac6a0a6 1px 3px,#0000 3px 5px);border-radius:inherit;content:"";filter:blur(2.2px);inset:-7px;opacity:.74;position:absolute;z-index:-1}.nli-chrome{background:linear-gradient(135deg,#ffffffeb,#61677038 38%,#ffffffbd 54%,#2026306b)}.nli-neon{background:radial-gradient(circle at 28% 18%,#ffffff8c,#00fff159 42%,#001426eb 100%);box-shadow:inset 0 2px 8px #ffffff8c,inset 0 -12px 20px #00000057,0 14px 34px #0000006b,0 0 28px #00fff185;color:#eaffff}.nli-icon-btn.is-active{box-shadow:inset 0 2px 8px #ffffffd1,inset 0 -12px 20px #05143047,0 14px 34px #0000006b,0 0 30px #00c4ff99;outline:2px solid #ffffffb8}.nli-panel{background:radial-gradient(circle at 18% 0,#ffffff6b,#0000 38%),linear-gradient(145deg,#c9e2ff8a,#4175c847);border-radius:32px;padding:18px}.nli-panel-shine{background:#ffffff80;height:1px;left:16px;position:absolute;right:16px;top:10px}.nli-dock{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:repeat(var(--nli-columns),minmax(0,auto));justify-content:center}.nli-edge-glare{background:linear-gradient(135deg,#fffffffa,#ffffff8c 9%,#0000 28%,#0000 60%,#ffffffb8 78%,#fffffff2),radial-gradient(circle at 82% 18%,#ffffffd9,#0000 20%),radial-gradient(circle at 18% 86%,#00aaff61,#0000 24%);border-radius:inherit;inset:2px;mix-blend-mode:screen;opacity:.95;pointer-events:none;position:absolute;z-index:3}.story-add-glass{background:radial-gradient(circle at 30% 18%,#fffffff2,#ffffff47 26%,#142d4b33 58%,#00000059 100%),linear-gradient(145deg,#ffffffa6,#5078a02e 38%,#ffffff6b 52%,#00142d66);border:2px solid #ffffffe6;box-shadow:inset 0 2px 2px #fff,inset 8px 10px 20px #ffffff8c,inset -10px -14px 26px #0014375c,0 14px 28px #00285a52,0 0 24px #00beff5c;color:#07111f}.story-add-glass .nli-shine{height:22%;left:13%;opacity:.95;top:9%;width:46%}.story-add-glass .nli-edge-glare{opacity:.95}.story-add-glass .nli-icon-wrap{color:#062036;font-size:24px}.call-interface{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.call-interface.call-ended{background:linear-gradient(135deg,#2d3436,#636e72)}.call-container{background:#1a1a2e;border-radius:24px;box-shadow:0 10px 40px #0000004d;max-height:600px;max-width:800px;overflow:hidden;width:100%}.call-container,.call-ringing{display:flex;flex-direction:column;height:100%}.call-ringing{align-items:center;gap:24px;justify-content:center;padding:40px 20px}.caller-info{align-items:center;display:flex;flex-direction:column;gap:16px}.caller-avatar{border:4px solid #fff3;border-radius:50%;height:120px;object-fit:cover;width:120px}.caller-info h2{color:#fff;font-size:24px;margin:0}.caller-info p{color:#ffffffb3;font-size:14px;margin:0}.pulsing-dots{display:flex;gap:6px}.pulsing-dots span{animation:pulse 1.4s infinite;background:#fff9;border-radius:50%;height:8px;width:8px}.pulsing-dots span:nth-child(2){animation-delay:.2s}.pulsing-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.call-actions{display:flex;gap:24px;justify-content:center}.btn-answer,.btn-decline{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s}.btn-answer{background:#31a24c;color:#fff}.btn-answer:hover{background:#2a8a40;transform:translateY(-2px)}.btn-decline{background:#e74c3c;color:#fff}.btn-decline:hover{background:#c0392b;transform:translateY(-2px)}.video-container{background:#0f0f1e;flex:1 1;overflow:hidden;position:relative}.video-remote{height:100%;object-fit:cover;width:100%}.video-local{border:3px solid #fff3;border-radius:12px;bottom:16px;height:140px;object-fit:cover;position:absolute;right:16px;width:140px}.audio-call-view{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.audio-icon{animation:float 3s ease-in-out infinite;font-size:80px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.duration{font-size:28px;font-weight:600;margin:0}.call-controls{background:#0000004d;gap:16px;padding:20px}.btn-control,.call-controls{align-items:center;display:flex;justify-content:center}.btn-control{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:50px;transition:all .2s;width:50px}.btn-control:hover{background:#ffffff4d;transform:scale(1.1)}.btn-control.active{background:#ff3232b3}.btn-end-call{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;margin-left:8px;transition:all .2s;width:50px}.btn-end-call:hover{background:#c0392b;transform:scale(1.1)}.call-content,.call-ended{flex-direction:column}.call-content{align-items:center;color:#fff;display:flex;gap:20px;height:100%;justify-content:center;padding:40px 20px}.call-status{text-align:center}.call-status h2{font-size:24px;margin:0 0 8px}.call-status .duration{color:#fffc;font-size:32px;margin:0}.btn-primary{background:#0084ff;background:var(--accent,#0084ff);border:none;border-radius:24px;color:#fff;cursor:pointer;font-weight:600;padding:12px 32px;transition:all .2s}.btn-primary:hover{background:#0073e6;background:var(--accent-dark,#0073e6)}@media (max-width:600px){.call-container{border-radius:0;max-height:100%}.video-local{height:100px;width:100px}.call-actions{gap:16px}.btn-answer,.btn-decline{min-width:100px;padding:10px 20px}.call-controls{gap:12px;padding:16px}.btn-control,.btn-end-call{font-size:18px;height:44px;width:44px}}