:root{color:#17332d;font-synthesis:none;background:#f7f4ed;font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}.app-loading{place-items:center;min-height:100svh;display:grid}.pulse{border:4px solid #d7ded7;border-top-color:#24735d;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.welcome-shell{background:radial-gradient(circle at 15% 15%,#ffd9a273,#0000 34%),radial-gradient(circle at 85% 80%,#50a38a2e,#0000 32%),#f7f4ed;place-items:center;min-height:100svh;padding:24px;display:grid}.welcome-card{background:#fffdf8eb;border:1px solid #e0e3dc;border-radius:36px;width:min(100%,520px);padding:clamp(36px,8vw,64px);box-shadow:0 32px 100px #17332d21}.welcome-card h1{max-width:8ch}.brand-mark{color:#fff;background:#17332d;border-radius:18px;place-items:center;width:54px;height:54px;margin-bottom:28px;font-size:1.4rem;font-weight:800;display:grid}.brand-mark.small{border-radius:12px;width:36px;height:36px;margin:0;font-size:1rem}.welcome-copy{color:#587269;max-width:34ch;margin:24px 0 30px;font-size:1.08rem;line-height:1.65}.primary-link{color:#fff;background:#24735d;border-radius:16px;justify-content:center;align-items:center;min-height:54px;font-weight:800;text-decoration:none;display:flex}.privacy-note,.pending-note{color:#71857f;font-size:.82rem}.privacy-note{text-align:center;margin:16px 0 0}.home-shell{min-height:100svh}.home-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8e0;border-bottom:1px solid #dfe4de;grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:18px max(24px,50vw - 560px);display:grid}.brand,.identity,.person{align-items:center;gap:12px;display:flex}.brand{font-weight:800}.identity span,.person span{display:grid}.identity small,.person small{color:#71857f;margin-top:3px}.avatar{color:#17332d;background:#dcece4;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:1.1rem;font-weight:800;display:grid}.text-button,.secondary-button,.decline-button{color:#31534a;background:0 0}.text-button{border-color:#0000;min-height:40px}.home-content{width:min(1120px,100% - 40px);margin:0 auto;padding:64px 0 100px}.hero-row{grid-template-columns:1.2fr minmax(360px,.8fr);align-items:end;gap:48px;display:grid}.hero-row h1{max-width:11ch;font-size:clamp(2.8rem,7vw,5.8rem)}.add-contact{gap:9px;display:grid}.add-contact label{color:#587269;font-size:.84rem;font-weight:700}.add-contact div{grid-template-columns:1fr auto;gap:10px;display:grid}.add-contact input{background:#fff;min-width:0;padding:0 16px}.form-error{color:#811d2d;background:#fdebed;border-radius:14px;padding:14px 16px}.attention-panel,.request-panel{background:#eef8f3;border:1px solid #b6d5c8;border-radius:24px;margin-top:32px;padding:22px}.attention-panel{background:#fff5e5;border-color:#e5c48e}.attention-panel h2,.request-panel h2{margin:0 0 14px}.incoming-row,.contact-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.row-actions{gap:8px;display:flex}.decline-button{color:#8b2535;border-color:#d7a4ab}.contacts-section{margin-top:58px}.contacts-section h2{font-size:1.4rem}.contacts-section h2 span{color:#71857f;font-weight:400}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px;display:grid}.contact-card{background:#fffdf8;border:1px solid #dde3dd;border-radius:22px;padding:20px;box-shadow:0 10px 30px #17332d0d}.call-button{min-width:94px}.call-button span{color:#8ce0bf}.empty-state{text-align:center;border:1px dashed #b8c7c0;border-radius:28px;padding:60px 24px}.empty-state h3{margin:16px 0 8px}.empty-state p{color:#71857f;max-width:48ch;margin:0 auto;line-height:1.55}.empty-icon{color:#fff;background:#24735d;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto;font-size:2rem;display:grid}.call-person{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1714b8;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}@media (max-width:760px){.home-header{grid-template-columns:1fr auto;gap:12px;padding:14px 18px}.brand>span:last-child,.identity small{display:none}.identity{justify-self:end}.text-button{grid-column:1/-1;justify-self:end;min-height:34px;padding:0}.home-content{width:min(100% - 28px,1120px);padding-top:38px}.hero-row{grid-template-columns:1fr;gap:30px}.add-contact div{grid-template-columns:1fr}.incoming-row,.contact-card{flex-direction:column;align-items:stretch}.row-actions,.row-actions button,.call-button{width:100%}}.app-lock-shell{background:#f7f4ed;place-items:center;min-height:100svh;padding:24px;display:grid}.app-lock-card{background:#fffdf8;border:1px solid #d7ded7;border-radius:30px;width:min(100%,440px);padding:clamp(28px,8vw,48px);box-shadow:0 24px 80px #17332d1f}.app-lock-card h1{font-size:clamp(2rem,9vw,3.5rem)}.app-lock-detail,.app-lock-recovery{color:#587269;line-height:1.5}.app-lock-detail{margin:20px 0}.app-lock-recovery{margin:22px 0 0;font-size:.8rem}.app-lock-error{color:#811d2d;background:#fdebed;border-radius:12px;padding:12px}.app-lock-form{gap:12px;display:grid}.app-lock-form label{font-weight:700}.app-lock-form input{letter-spacing:.35em;text-align:center;background:#fff;padding:0 16px;font-size:1.6rem}.app-lock-form button:disabled,.app-lock-form input:disabled{cursor:not-allowed;opacity:.55}.shell{place-items:center;min-height:100svh;padding:24px;display:grid}.status-card{background:#fffdf8;border:1px solid #d7ded7;border-radius:32px;width:min(100%,560px);padding:clamp(32px,8vw,64px);box-shadow:0 24px 80px #17332d1a}.eyebrow,.status{letter-spacing:.08em;text-transform:uppercase;font-weight:700}.eyebrow{color:#587269;margin:0 0 12px;font-size:.75rem}h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.5rem,9vw,5rem);line-height:.95}.status{color:#24735d;margin:32px 0 10px;font-size:.8rem}.detail{color:#587269;max-width:42ch;margin:0;line-height:1.6}button,input{min-height:48px;font:inherit;border:1px solid #9aaca5;border-radius:14px}button{color:#fff;background:#24735d;padding:0 20px;font-weight:700}.join-form,.join-form label{gap:12px;display:grid}.join-form{gap:20px}.join-form input{background:#fff;padding:0 14px}.call-shell,.call-room{min-height:100svh}.call-room{color:#fff;background:#0d1714;position:relative;overflow:hidden}.remote-media,.remote-media video{object-fit:cover;width:100%;height:100svh}.local-media{aspect-ratio:3/4;background:#17332d;border:2px solid #fff;border-radius:18px;width:min(30vw,180px);position:absolute;top:20px;right:20px;overflow:hidden}.local-media video{object-fit:cover;width:100%;height:100%}.call-state{z-index:1;position:absolute;top:20px;left:20px}.call-controls{right:0;bottom:max(24px, env(safe-area-inset-bottom));justify-content:center;gap:12px;display:flex;position:absolute;left:0}.danger{background:#b3293b}.admin-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:48px 0 96px}.admin-header{margin-bottom:32px}.admin-header h1{max-width:12ch}.admin-panel{background:#fffdf8;border:1px solid #d7ded7;border-radius:24px;margin-top:20px;padding:24px;box-shadow:0 12px 40px #17332d12}.admin-panel h2,.admin-panel h3{margin-top:0}.admin-form,.admin-form label{gap:8px;display:grid}.admin-form{gap:12px}.admin-form input,.admin-form select{min-height:48px;font:inherit;background:#fff;border:1px solid #9aaca5;border-radius:14px;padding:0 14px}.admin-connection,.permission-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end}.inline-form{grid-template-columns:minmax(220px,1fr) auto;align-items:end}.admin-card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:20px;display:grid}.admin-card{background:#f2f5f1;border-radius:18px;gap:12px;padding:18px;display:grid}.admin-card code,.timeline>code,.secret-token{overflow-wrap:anywhere}.device-list,.permission-list,.timeline ol{gap:10px;padding:0;list-style:none;display:grid}.device-list li,.permission-list li{justify-content:space-between;align-items:center;gap:12px;display:flex}.device-list button,.permission-list button{min-height:38px}.enrollment-result{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.enrollment-result img{border-radius:16px;width:min(100%,320px);height:auto}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #d7ded7;padding:12px}.timeline{margin-top:24px}.timeline li{background:#f2f5f1;border-left:4px solid #24735d;grid-template-columns:minmax(180px,auto) minmax(180px,1fr) minmax(180px,1fr);gap:10px;padding:14px;display:grid}.timeline li code{overflow-wrap:anywhere;grid-column:1/-1}@media (max-width:640px){.admin-shell{padding-top:24px}.inline-form,.timeline li{grid-template-columns:1fr}}