:root{--bg-start: #0a0a14;--bg-end: #12121d;--surface: #12121d;--surface-container: #1f1f29;--surface-low: #1b1b25;--surface-high: #292934;--surface-highest: #34343f;--surface-bright: #393844;--primary: #ffc880;--primary-container: #f5a623;--primary-dim: #ffb955;--on-primary: #452b00;--on-primary-container: #644000;--secondary: #a7c8ff;--secondary-container: #0061b6;--tertiary: #62ed75;--tertiary-container: #41d05c;--tertiary-dim: #55e16b;--on-tertiary: #00390f;--error: #ffb4ab;--error-container: #93000a;--on-error-container: #ffdad6;--on-surface: #e4e1f0;--on-surface-variant: #d7c3ae;--on-background: #e4e1f0;--outline: #9f8e7a;--outline-variant: #524534;--ghost-border: rgba(82, 69, 52, .15);--online: #4cd964;--msg-blue: #5b9cf5;--glass-bg: rgba(255, 255, 255, .05);--glass-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .05);--glass-blur: blur(20px);--r-sm: .5rem;--r-md: .75rem;--r-lg: 1rem;--r-xl: 1.5rem;--r-full: 9999px;--shadow-ambient: 0 20px 40px rgba(0, 0, 0, .4);--shadow-glow-green: 0 0 15px rgba(76, 217, 100, .4);--shadow-glow-amber: 0 0 20px rgba(245, 166, 35, .3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden;background:linear-gradient(135deg,var(--bg-start),var(--bg-end));color:var(--on-surface);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}#root{width:100vw;height:100dvh;display:flex;flex-direction:column;position:relative}button{touch-action:manipulation;cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-xl);transition:background .2s}.glass-card:hover{background:var(--glass-hover)}.label{font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--on-surface-variant)}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.scrollable::-webkit-scrollbar{width:4px}.scrollable::-webkit-scrollbar-track{background:transparent}.scrollable::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:2px}.no-scrollbar::-webkit-scrollbar{display:none}.tablet-root{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.ambient-blur{position:absolute;border-radius:50%;pointer-events:none;filter:blur(100px)}.ambient-blur.primary{background:#ffc8800d;width:500px;height:500px;bottom:-10%;left:-10%}.ambient-blur.secondary{background:#0061b614;width:400px;height:400px;top:-5%;right:-5%}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem;z-index:20;flex-shrink:0}.clock-display{font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--on-background)}.clock-date{font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant);margin-top:.4rem}.settings-btn{background:none;border:none;color:var(--on-surface-variant);opacity:.5;transition:opacity .2s;padding:.5rem}.settings-btn:hover{opacity:.8}.member-row{display:flex;align-items:flex-start;gap:2.5rem;padding:0 3rem;z-index:10}.member-circle{display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:transform .2s}.member-circle:hover{transform:translateY(-4px)}.member-circle:active{transform:scale(.95)}.member-avatar-ring{position:relative;width:100px;height:100px;border-radius:50%;padding:3px;border:2px solid var(--surface-highest)}.member-avatar-ring.online{border-color:var(--tertiary-container);box-shadow:var(--shadow-glow-green)}.member-avatar-ring.offline{opacity:.6}.member-avatar-ring img,.member-avatar-ring .avatar-emoji{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-emoji{display:flex;align-items:center;justify-content:center;background:var(--surface-high);font-size:2.5rem}.member-badge{position:absolute;top:-4px;right:-4px;background:var(--error-container);color:var(--on-error-container);font-family:Plus Jakarta Sans,sans-serif;font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:var(--r-full);border:2px solid var(--bg-start);min-width:20px;text-align:center}.member-name{font-size:1.1rem;font-weight:600;color:var(--on-surface)}.member-circle.offline .member-name{color:var(--on-surface-variant)}.member-role{font-family:Plus Jakarta Sans,sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--on-surface-variant)}.announcement-strip{margin:1.5rem 3rem 0;padding:1.25rem 1.5rem;border-radius:var(--r-xl);background:linear-gradient(135deg,var(--primary-container),var(--primary-dim));color:var(--on-primary-container);display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 24px #f5a62326;z-index:10}.announcement-strip .ann-icon-wrap{background:#6440001a;padding:.75rem;border-radius:var(--r-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.announcement-strip .ann-content{flex:1;margin-left:1rem}.announcement-strip .ann-text{font-size:1.1rem;font-weight:700}.announcement-strip .ann-sub{font-size:.8rem;opacity:.8;margin-top:2px}.announcement-strip .ann-dismiss{background:var(--on-primary-container);color:var(--primary-container);border:none;padding:.5rem 1rem;border-radius:var(--r-full);font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.activity-section{flex:1;padding:1.5rem 3rem 2rem;overflow-y:auto;z-index:10}.activity-label{font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--on-surface-variant);margin-bottom:.75rem;padding-left:.5rem}.activity-card{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:var(--r-xl);margin-bottom:.6rem}.activity-left{display:flex;align-items:center;gap:1rem}.activity-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.activity-sender{font-weight:700;color:var(--on-surface)}.activity-text{color:var(--on-surface-variant);font-weight:400}.activity-time{font-family:Plus Jakarta Sans,sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#d7c3ae80;margin-top:2px}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--msg-blue);flex-shrink:0}.member-view{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.mv-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1.5rem;flex-shrink:0}.mv-header-left{display:flex;align-items:center;gap:1.25rem}.mv-back{width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;color:var(--on-surface);font-size:1.2rem;transition:background .2s}.mv-avatar{width:72px;height:72px;border-radius:50%;border:2px solid rgba(85,225,107,.3);padding:2px;box-shadow:0 0 20px #55e16b33}.mv-avatar img,.mv-avatar .avatar-emoji{width:100%;height:100%;border-radius:50%;object-fit:cover}.mv-avatar .avatar-emoji{display:flex;align-items:center;justify-content:center;background:var(--surface-high);font-size:2rem}.mv-info h1{font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.mv-role-pill{display:inline-block;padding:.2rem .6rem;background:var(--surface-highest);color:var(--on-surface-variant);font-family:Plus Jakarta Sans,sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;border-radius:var(--r-full);margin-left:.75rem;vertical-align:middle}.mv-status{font-size:.85rem;color:var(--on-surface-variant);margin-top:.25rem}.mv-actions{display:flex;gap:.75rem}.mv-action-btn{display:flex;align-items:center;gap:.6rem;padding:0 1.5rem;height:56px;border-radius:var(--r-full);border:1px solid var(--glass-border);color:var(--on-surface);transition:background .2s}.mv-action-btn .material-symbols-outlined{color:var(--primary)}.mv-action-btn span:not(.material-symbols-outlined){font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.mv-columns{flex:1;display:flex;gap:2rem;padding:0 2rem 2rem;min-height:0}.mv-messages{flex:3;display:flex;flex-direction:column;min-height:0}.mv-tasks{flex:2;display:flex;flex-direction:column;min-height:0}.mv-section-label{font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--on-surface-variant);margin-bottom:.75rem;padding:0 .5rem}.msg-card{padding:1.25rem;border-radius:var(--r-xl);margin-bottom:.75rem;display:flex;gap:1rem;transition:background .2s}.msg-card.unread{border-left:4px solid var(--secondary);box-shadow:0 10px 30px #0003}.msg-card .msg-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.msg-card .msg-avatar-emoji{width:40px;height:40px;border-radius:50%;background:var(--surface-high);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.msg-card .msg-content{flex:1;min-width:0}.msg-card .msg-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.msg-card .msg-sender{font-weight:700;font-size:.95rem}.msg-card .msg-time{font-size:.75rem;color:var(--on-surface-variant)}.waveform-bar{display:flex;align-items:flex-end;gap:3px;height:32px;padding:.6rem 1rem;background:var(--surface-low);border-radius:var(--r-md)}.waveform-bar .bar{flex:1;border-radius:9999px;background:var(--primary);min-height:3px}.play-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f5a6234d;flex-shrink:0}.quick-reply-bar{display:flex;align-items:center;gap:.5rem;background:var(--surface-low);border-radius:var(--r-full);padding:.5rem 1.5rem;margin-top:1rem}.quick-reply-bar .reply-placeholder{flex:1;color:var(--on-surface-variant);font-weight:500;font-size:.9rem}.quick-reply-btn{width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:transform .15s}.quick-reply-btn:hover{transform:scale(1.1)}.quick-reply-btn:active{transform:scale(.95)}.quick-reply-btn.primary-btn{background:var(--primary);color:var(--on-primary);box-shadow:0 10px 20px #f5a6234d}.parent-picker{background:var(--surface-highest);color:var(--on-surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-full);padding:.4rem .75rem;font-size:.8rem;font-weight:600;outline:none}.parent-name-chip{background:var(--surface-highest);color:var(--on-surface);border-radius:var(--r-full);padding:.3rem .75rem;font-size:.8rem;font-weight:600}.mv-call-btns{display:flex;gap:.5rem}.mv-call-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:var(--r-full);border:1px solid rgba(98,237,117,.2);background:#62ed7514;color:var(--tertiary);font-weight:600;font-size:.85rem;cursor:pointer;transition:background .2s,transform .15s}.mv-call-btn:hover{background:#62ed7526}.mv-call-btn:active{transform:scale(.95)}.text-compose{padding:1rem;border-radius:var(--r-xl);margin-top:.75rem}.compose-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8rem;color:var(--on-surface-variant);font-weight:500}.compose-row{display:flex;gap:.5rem;align-items:center}.compose-input{flex:1;background:var(--surface-highest);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-full);padding:.75rem 1rem;color:var(--on-surface);font-size:.95rem;outline:none;font-family:inherit}.compose-input:focus{border-color:var(--primary)}.compose-send{width:44px;height:44px;border-radius:50%;border:none;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}.compose-send:disabled{opacity:.4}.compose-send:hover:not(:disabled){transform:scale(1.1)}.task-card{padding:1.25rem;border-radius:var(--r-xl);display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem;transition:background .2s,box-shadow .2s}.task-card:hover{box-shadow:0 10px 30px #00000026}.task-left{display:flex;align-items:center;gap:1rem}.task-icon-box{width:48px;height:48px;border-radius:var(--r-md);background:var(--surface-high);display:flex;align-items:center;justify-content:center;font-size:1.4rem}.task-title{font-weight:700;font-size:.95rem}.task-stars{display:flex;align-items:center;gap:2px;margin-top:3px;color:var(--primary-dim)}.task-stars .material-symbols-outlined{font-size:.85rem}.task-stars span:last-child{font-family:Plus Jakarta Sans,sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.task-checkbox{width:32px;height:32px;border-radius:50%;border:2px solid var(--outline-variant);background:none;cursor:pointer;transition:border-color .2s;display:flex;align-items:center;justify-content:center;color:transparent}.task-checkbox:hover{border-color:var(--primary)}.task-card.done{opacity:.45;background:#1b1b2566}.task-card.done .task-title{text-decoration:line-through}.task-card.done .task-checkbox{background:var(--tertiary);border-color:var(--tertiary);color:var(--on-tertiary)}.stars-badge{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-radius:var(--r-xl);background:linear-gradient(135deg,#ffc88026,#f5a62314);border:1px solid rgba(245,166,35,.2);margin-top:1rem}.stars-badge .stars-icon{width:56px;height:56px;background:var(--primary);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #f5a6234d}.stars-badge .stars-count{font-size:1.5rem;font-weight:800}.mobile-root{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.push-banner{width:100%;padding:.75rem 1rem;background:#62ed7526;border:none;border-bottom:1px solid rgba(98,237,117,.2);color:#62ed75;font-size:.85rem;font-weight:600;text-align:center;cursor:pointer;flex-shrink:0}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 1.5rem .75rem;flex-shrink:0}.mobile-greeting{font-size:1.5rem;font-weight:800;color:var(--primary);letter-spacing:-.02em}.mobile-time{font-family:Plus Jakarta Sans,sans-serif;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--on-surface-variant);margin-top:.2rem}.family-strip{display:flex;overflow-x:auto;gap:1.5rem;padding:.75rem 1.5rem;flex-shrink:0}.family-strip-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex-shrink:0;cursor:pointer}.strip-avatar{position:relative;width:56px;height:56px;border-radius:50%;padding:2px;border:2px solid var(--surface-highest)}.strip-avatar.online{border-color:var(--primary)}.strip-avatar img,.strip-avatar .avatar-emoji{width:100%;height:100%;border-radius:50%;object-fit:cover}.strip-avatar .avatar-emoji{display:flex;align-items:center;justify-content:center;background:var(--surface-high);font-size:1.5rem}.strip-avatar .strip-status{position:absolute;bottom:0;right:0;width:16px;height:16px;border-radius:50%;border:3px solid var(--bg-start)}.strip-status.online{background:var(--online);box-shadow:0 0 8px var(--online)}.strip-status.offline{background:#555}.strip-avatar .strip-badge{position:absolute;top:-4px;right:-4px;background:var(--primary);color:var(--on-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:.6rem;font-weight:800;padding:1px 5px;border-radius:var(--r-full);border:2px solid var(--bg-start)}.strip-name{font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:600;color:var(--on-surface)}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:0 1.5rem;margin-top:1.5rem}.qa-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.1rem;border-radius:var(--r-xl);border:1px solid var(--glass-border);color:var(--on-surface);transition:transform .15s}.qa-btn:active{transform:scale(.95)}.qa-btn .material-symbols-outlined{color:var(--primary)}.qa-btn .qa-label{font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.qa-btn.accent{background:var(--primary-container);color:var(--on-primary-container);border-color:transparent;box-shadow:0 4px 12px #f5a62326}.qa-btn.accent .material-symbols-outlined{color:var(--on-primary-container)}.mobile-content{flex:1;overflow-y:auto;padding:1rem 1.5rem 6rem}.section-heading{font-size:1.1rem;font-weight:800;margin-bottom:.75rem;margin-top:1.5rem;display:flex;justify-content:space-between;align-items:baseline}.section-heading .section-link{font-family:Plus Jakarta Sans,sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);background:none;border:none}.mobile-task-row{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--r-xl);border:1px solid var(--glass-border);margin-bottom:.5rem}.mobile-task-row .mtr-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.mobile-task-row .mtr-avatar-emoji{width:40px;height:40px;border-radius:50%;background:var(--surface-high);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.mobile-task-row .mtr-info{flex:1;min-width:0}.mobile-task-row .mtr-title{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-task-row .mtr-meta{font-family:Plus Jakarta Sans,sans-serif;font-size:.6rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.mobile-task-row .mtr-status{padding:.25rem .6rem;border-radius:var(--r-full);background:var(--surface-highest);font-family:Plus Jakarta Sans,sans-serif;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:4px;flex-shrink:0}.mtr-status .status-dot{width:6px;height:6px;border-radius:50%}.mtr-status .status-dot.pending{background:#f5a623;animation:pulse-dot 2s infinite}.mtr-status .status-dot.done{background:var(--tertiary)}.mtr-status.done-status{color:var(--tertiary)}.mtr-status.pending-status{color:#f5a623}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.mobile-task-row.done{opacity:.5}.mobile-task-row.done .mtr-title{text-decoration:line-through;color:var(--on-surface-variant)}.mobile-msg-row{display:flex;gap:.75rem;padding:.75rem 0}.mobile-msg-row .mmr-avatar-wrap{position:relative;flex-shrink:0}.mobile-msg-row .mmr-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.mobile-msg-row .mmr-avatar-emoji{width:36px;height:36px;border-radius:50%;background:var(--surface-high);display:flex;align-items:center;justify-content:center;font-size:1rem}.mobile-msg-row .mmr-type-badge{position:absolute;bottom:-3px;right:-3px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-start)}.mobile-msg-row .mmr-body{flex:1;min-width:0;border-bottom:1px solid rgba(255,255,255,.03);padding-bottom:.75rem}.mobile-msg-row .mmr-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.2rem}.mobile-msg-row .mmr-name{font-size:.9rem;font-weight:700}.mobile-msg-row .mmr-time{font-family:Plus Jakarta Sans,sans-serif;font-size:.6rem;color:var(--on-surface-variant)}.mobile-msg-row .mmr-preview{font-size:.8rem;color:var(--on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav{position:fixed;bottom:.75rem;left:1rem;right:1rem;border-radius:var(--r-xl);border:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-around;align-items:center;padding:.5rem .25rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));box-shadow:0 20px 40px #0006;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:#a8a29e99;padding:.5rem .75rem;border-radius:var(--r-md);transition:all .2s}.nav-item.active{color:var(--primary);background:linear-gradient(135deg,#f5a62326,#ffc88014)}.nav-item .material-symbols-outlined{font-size:1.5rem}.nav-item span:not(.material-symbols-outlined){font-family:Manrope,sans-serif;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.login-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.login-hero{text-align:center;margin-bottom:2.5rem}.login-logo{font-size:3rem;margin-bottom:.75rem}.login-title{font-size:1.8rem;font-weight:800;letter-spacing:-.02em}.login-sub{color:var(--on-surface-variant);font-size:.9rem;margin-top:.4rem}.login-cards{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.login-card{width:140px;padding:1.5rem 1rem;border-radius:var(--r-xl);border:1px solid var(--glass-border);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem;cursor:pointer;transition:all .2s;color:var(--on-surface)}.login-card:hover{background:var(--glass-hover);transform:translateY(-2px)}.login-card:active{transform:scale(.97)}.login-card .lc-name{font-size:1rem;font-weight:700}.login-card .lc-hint{font-size:.7rem;color:var(--on-surface-variant)}.pin-container{text-align:center;width:100%;max-width:280px}.pin-title{font-size:1.3rem;font-weight:800;margin:.75rem 0}.pin-dots{display:flex;gap:.75rem;justify-content:center;margin:1.5rem 0}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--outline-variant);transition:all .15s}.pin-dot.filled{background:var(--primary);border-color:var(--primary)}.pin-dots.error .pin-dot.filled{background:var(--error);border-color:var(--error)}.pin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.pin-key{width:68px;height:68px;border-radius:50%;border:none;background:var(--surface-container);color:var(--on-surface);font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:background .15s}.pin-key:hover{background:var(--surface-high)}.pin-key:active{transform:scale(.92)}.pin-key.invisible{visibility:hidden}.back-link{background:none;border:none;color:var(--on-surface-variant);font-size:.9rem;margin-top:1.5rem;padding:.5rem 1rem}.pin-error-msg{color:var(--error);font-size:.85rem;margin-top:.5rem}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center}.settings-panel{width:min(560px,92vw);max-height:85vh;background:var(--surface-container);border-radius:var(--r-xl);overflow-y:auto;padding:2rem}.settings-panel h2{font-size:1.3rem;font-weight:800;margin-bottom:1.5rem}.profile-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background:var(--surface-low);border-radius:var(--r-lg);margin-bottom:.5rem}.profile-item .pi-info{flex:1}.profile-item .pi-name{font-weight:700;font-size:.95rem}.profile-item .pi-role{font-size:.7rem;color:var(--on-surface-variant);text-transform:capitalize}.profile-item .pi-actions{display:flex;gap:.3rem}.icon-btn-sm{width:36px;height:36px;border-radius:var(--r-sm);border:1px solid var(--ghost-border);background:var(--surface-container);display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer;transition:background .15s}.icon-btn-sm:hover{background:var(--surface-high)}.s-input{width:100%;padding:.75rem 1rem;border-radius:var(--r-lg);border:1.5px solid var(--ghost-border);background:var(--surface-low);color:var(--on-surface);font-size:.95rem;margin-bottom:.6rem;transition:border-color .2s}.s-input:focus{outline:none;border-color:var(--primary)}.s-select{padding:.65rem .85rem;border-radius:var(--r-lg);border:1.5px solid var(--ghost-border);background:var(--surface-low);color:var(--on-surface);font-size:.85rem;cursor:pointer}.emoji-picker{display:flex;flex-wrap:wrap;gap:.3rem;margin:.5rem 0}.emoji-opt{width:40px;height:40px;border-radius:var(--r-sm);border:2px solid transparent;background:var(--surface-high);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.emoji-opt:hover{border-color:var(--primary)}.emoji-opt.selected{border-color:var(--primary);background:#f5a62326}.s-btn{padding:.75rem 1.5rem;border-radius:var(--r-full);border:none;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .15s}.s-btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary)}.s-btn.ghost{background:none;border:1px solid var(--ghost-border);color:var(--on-surface-variant)}.s-btn-row{display:flex;gap:.75rem;margin-top:1rem}.add-member-btn{width:100%;padding:.85rem;border-radius:var(--r-lg);border:1.5px dashed rgba(255,255,255,.1);background:none;color:var(--on-surface-variant);font-weight:600;cursor:pointer;margin-top:.75rem;transition:all .2s}.add-member-btn:hover{border-color:var(--primary);color:var(--primary)}.call-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.call-remote-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.call-local-video{position:absolute;bottom:110px;right:16px;width:120px;height:160px;border-radius:var(--r-lg);object-fit:cover;border:2px solid rgba(255,255,255,.2);background:#111;z-index:10}.call-waiting{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff;text-align:center;z-index:10}.call-avatar-xl{font-size:6rem;animation:call-pulse 1.5s ease-in-out infinite alternate}@keyframes call-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.08);opacity:.8}}.call-status-text{font-size:1.1rem;color:#ffffffb3}.call-other-name{font-size:2rem;font-weight:700}.call-name-chip{position:absolute;top:1.25rem;left:50%;transform:translate(-50%);background:#00000080;color:#fff;padding:.3rem 1rem;border-radius:var(--r-full);font-size:.9rem;font-weight:600;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.call-controls{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;gap:1.5rem;align-items:center;z-index:20}.call-ctrl{width:64px;height:64px;border-radius:50%;border:none;font-size:1.6rem;cursor:pointer;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;transition:.2s}.call-ctrl:hover{background:#ffffff40}.call-ctrl:active{transform:scale(.92)}.call-ctrl.active{background:#ffffff59}.call-ctrl.end{width:72px;height:72px;background:#e94560;font-size:1.8rem}.call-ctrl.end:hover{background:#c02040}.incoming-call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a14,#0f0f1a);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.call-pulse-ring{position:absolute;width:200px;height:200px;border-radius:50%;border:3px solid rgba(76,217,100,.3);animation:ring-pulse 2s ease-out infinite}@keyframes ring-pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.6);opacity:0}}.call-avatar-large{font-size:4rem;z-index:1}.call-label{color:var(--on-surface-variant);z-index:1}.call-name{font-size:1.5rem;font-weight:800;z-index:1}.call-actions{display:flex;gap:2rem;margin-top:2rem;z-index:1}.call-btn{width:72px;height:72px;border-radius:50%;border:none;font-size:1.5rem;font-weight:800;display:flex;align-items:center;justify-content:center}.call-btn.decline{background:#e94560;color:#fff}.call-btn.answer{background:var(--tertiary);color:var(--on-tertiary)}.recorder-box{border-radius:var(--r-xl);padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.record-start-btn{padding:.9rem 2rem;border-radius:var(--r-full);border:none;background:#a7c8ff1f;color:var(--secondary);font-size:1rem;font-weight:700}.recording-active{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.rec-indicator{display:flex;align-items:center;gap:.5rem;color:var(--error);font-weight:700}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--error);animation:blink .8s step-end infinite}@keyframes blink{50%{opacity:0}}.record-stop-btn{padding:.8rem 2rem;border-radius:var(--r-full);border:none;background:#ffb4ab1f;color:var(--error);font-weight:700}.preview-box{width:100%;display:flex;flex-direction:column;gap:.75rem}.audio-preview{width:100%;border-radius:var(--r-sm)}.preview-actions{display:flex;gap:.75rem}.uploading-label{color:var(--on-surface-variant);font-size:.9rem}.btn-ghost{flex:1;padding:.7rem;border-radius:var(--r-sm);border:1px solid var(--ghost-border);background:transparent;color:var(--on-surface-variant);font-weight:600}.btn-send{flex:2;padding:.7rem 1.25rem;border-radius:var(--r-sm);border:none;background:linear-gradient(135deg,var(--secondary),#7c3aed);color:#fff;font-weight:700}.video-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:200}.video-modal{position:relative;width:min(480px,95vw);background:var(--surface-container);border-radius:var(--r-xl);overflow:hidden}.modal-close{position:absolute;top:.75rem;right:.75rem;z-index:10;width:36px;height:36px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:1rem}.video-preview{width:100%;aspect-ratio:4/3;background:#000;object-fit:cover}.video-uploading{height:240px;display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant)}.video-controls{display:flex;gap:.75rem;padding:1rem;justify-content:center}.record-video-btn{padding:.8rem 2rem;border-radius:var(--r-full);border:none;background:var(--error);color:#fff;font-weight:700}.record-video-btn.stop{background:#555}.translator-box{border-radius:var(--r-xl);padding:1.25rem}.translator-title{font-weight:700;font-size:1rem;margin-bottom:1rem}.lang-picker{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.lang-pill{flex:1;padding:.5rem .75rem;border-radius:var(--r-full);border:1px solid var(--ghost-border);background:var(--surface-low);color:var(--on-surface-variant);font-size:.85rem;font-weight:600;white-space:nowrap;text-align:center;transition:all .2s}.lang-pill:hover{border-color:var(--secondary)}.lang-pill.active{background:#a7c8ff1f;border-color:var(--secondary);color:var(--secondary)}.mic-btn{display:flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border-radius:var(--r-full);border:none;background:linear-gradient(135deg,var(--secondary),#7c3aed);color:#fff;font-weight:700;margin:0 auto 1rem}.mic-btn.recording{background:linear-gradient(135deg,#e94560,#c02040)}.mic-btn.translating{background:var(--surface-high);color:var(--on-surface-variant);cursor:default}.translation-result{background:var(--surface-low);border-radius:var(--r-lg);padding:1rem;margin-top:.75rem}.translation-result.translated{background:#62ed750f;border:1px solid rgba(98,237,117,.15)}.translation-lang{font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant);margin-bottom:.3rem}.translation-text{font-size:1rem;line-height:1.5}.translation-actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.play-lang-btn{flex:1;padding:.7rem 1rem;border-radius:var(--r-full);border:none;background:#62ed751f;color:var(--tertiary);font-weight:700}.send-helper-btn{flex:1;padding:.7rem 1rem;border-radius:var(--r-full);border:none;background:linear-gradient(135deg,var(--secondary),#7c3aed);color:#fff;font-weight:700}.empty-state{text-align:center;padding:2rem;color:var(--on-surface-variant);font-size:.9rem}.empty-state .empty-icon{font-size:3rem;margin-bottom:.5rem;display:block}.form-input{width:100%;padding:.85rem 1rem;border-radius:var(--r-lg);border:1.5px solid var(--ghost-border);background:var(--surface-low);color:var(--on-surface);font-size:1rem;margin-bottom:.75rem}.form-input:focus{outline:none;border-color:var(--primary)}.form-row{display:flex;gap:.75rem;margin-bottom:.75rem}.form-select{flex:1;padding:.75rem;border-radius:var(--r-lg);border:1.5px solid var(--ghost-border);background:var(--surface-low);color:var(--on-surface);font-size:.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.compose-box{width:100%;padding:1rem;border-radius:var(--r-lg);border:1.5px solid var(--ghost-border);background:var(--surface-low);color:var(--on-surface);resize:none;margin-bottom:1rem}.compose-box:focus{outline:none;border-color:var(--primary)}.btn-primary{width:100%;padding:.9rem;border-radius:var(--r-full);border:none;background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary);font-weight:700;font-size:1rem;box-shadow:0 4px 16px #f5a62340;transition:all .15s}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.login-screen{padding:1.5rem;justify-content:flex-start;padding-top:15vh}.login-hero{margin-bottom:2rem}.login-logo{font-size:3.5rem}.login-title{font-size:2rem}.login-cards{flex-direction:column;width:100%;gap:.75rem}.login-card{width:100%;flex-direction:row;padding:1.25rem 1.5rem;gap:1rem;justify-content:flex-start}.login-card .lc-name{font-size:1.15rem}.login-card .lc-hint{font-size:.75rem}.pin-container{max-width:100%}.pin-title{font-size:1.5rem}.pin-grid{max-width:260px;margin:1rem auto 0}.pin-key{width:72px;height:72px;font-size:1.5rem}.mobile-header{padding:1.5rem 1.25rem .5rem}.mobile-greeting{font-size:1.6rem}.family-strip{padding:.5rem 1.25rem;gap:1.25rem}.mobile-content{padding:.75rem 1.25rem 6rem}.quick-actions{padding:0;gap:.6rem}.qa-btn{padding:1rem .75rem;border-radius:var(--r-lg)}.bottom-nav{bottom:0;left:0;right:0;border-radius:var(--r-lg) var(--r-lg) 0 0;padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}.nav-item{padding:.4rem .5rem}.nav-item .material-symbols-outlined{font-size:1.3rem}.nav-item span:not(.material-symbols-outlined){font-size:.55rem}.mobile-task-row{padding:.85rem}.section-heading{font-size:1rem;margin-top:1.25rem}.msg-card{padding:1rem}.call-local-video{width:90px;height:120px;bottom:100px}.form-row{flex-wrap:wrap}.compose-box{font-size:.95rem}}