*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.flex{display:flex}.table{display:table}.hidden{display:none}.h-full{height:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.bg-background{background-color:hsl(var(--background))}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-foreground{color:hsl(var(--foreground))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182d35;background:#f7faf9;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:400;--ink:#183039;--muted:#74868a;--teal:#187b70;--teal-dark:#145d56;--line:#e5ecea;--paper:#fff;--mint:#e8f4f0;--sans:Inter,ui-sans-serif,system-ui,sans-serif;--display:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:#f7faf9;color:var(--ink);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #75c7b9;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:29px 18px 16px;z-index:5}.brand{display:flex;align-items:center;gap:10px;padding:0 4px}.brand-mark{width:39px;height:39px;border-radius:13px;background:#e7f3ef;color:#18776d;display:grid;place-items:center}.brand strong{display:block;font:800 17px var(--display);letter-spacing:-.6px}.brand span{display:block;font-size:10px;color:#829194;margin-top:2px;letter-spacing:.2px}.family-chip{margin-top:36px;background:#f7faf9;border:1px solid #e9efed;border-radius:12px;display:flex;align-items:center;padding:10px;gap:10px;color:#76888b}.family-icon{height:34px;width:34px;border-radius:10px;background:#e6f1ed;color:#27766b;display:grid;place-items:center}.family-chip-copy{flex:1;min-width:0}.family-chip-copy strong{display:block;color:#2b4046;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.family-chip-copy span{display:block;font-size:10px;margin-top:3px}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#9ba9a9;margin:31px 0 10px 9px}.side-nav{display:grid;gap:4px}.nav-item{height:42px;background:transparent;border:0;text-align:left;border-radius:9px;color:#718286;display:flex;gap:12px;align-items:center;padding:0 12px;font-size:12px;font-weight:600}.nav-item.selected{background:#eaf4f0;color:#19695f}.nav-item:hover:not(.selected){background:#f7f9f8;color:#385359}.sidebar-bottom{margin-top:auto}.help-card{padding:14px 13px 15px;border:1px solid #e8eeeb;border-radius:12px;margin-bottom:16px}.help-icon{color:#579486;margin-bottom:8px}.help-card>strong{display:block;font-size:11px}.help-card p{font-size:10px;line-height:1.55;color:#7c8b8c;margin:5px 0 10px}.help-card a{font-size:10px;color:#247367;font-weight:700;display:flex;align-items:center;gap:4px}.profile-row{border-top:1px solid #edf1ef;padding:14px 1px 2px;display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;background:#dfece6;color:#30796d;font-weight:700;font-size:12px;display:grid;place-items:center;flex-shrink:0}.profile-info{flex:1;min-width:0}.profile-info strong,.profile-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-info strong{font-size:11px}.profile-info span{font-size:9px;color:#8a999a;margin-top:3px}.icon-button{display:grid;place-items:center;background:transparent;border:0;padding:7px;color:#8a999a;border-radius:8px}.icon-button:hover{background:#f1f5f3;color:#334c4d}.main-area{margin-left:258px;min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 45px}.breadcrumbs{font-size:11px;color:#9aa6a6;display:flex;align-items:center;gap:11px}.breadcrumbs strong{font-weight:600;color:#42565a}.crumb-divider{color:#d1d9d6}.topbar-actions{display:flex;align-items:center;gap:20px}.cloud-state{font-size:10px;color:#76888a;display:flex;gap:7px;align-items:center}.cloud-state i{width:7px;height:7px;background:#4ca786;border-radius:50%;box-shadow:0 0 0 3px #e7f4ed}.user-menu{border:0;background:none;display:flex;align-items:center;gap:8px;color:#819194;padding:0}.avatar.small{height:29px;width:29px;font-size:11px}.page-content{max-width:1130px;margin:0 auto;padding:37px 45px 55px}.welcome-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.welcome-line{font-size:9px;letter-spacing:1.25px;color:#599487;font-weight:700;margin-bottom:8px}.welcome-header h1,.onboarding h1{font:700 26px var(--display);letter-spacing:-1px;margin:0;color:#19343b}.welcome-header p{font-size:12px;color:#859394;margin:6px 0 0}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:39px;padding:0 15px;border-radius:8px;font-size:11px;font-weight:700;transition:.15s}.primary-button{background:#1c786d;color:#fff;border:1px solid #1c786d;box-shadow:0 3px 8px #276e5a17}.primary-button:hover{background:#155f56}.secondary-button{background:#fff;color:#45605e;border:1px solid #dce6e2}.secondary-button:hover{background:#f6f9f7;border-color:#b9cec7}.primary-button.full{width:100%;height:45px;margin-top:4px}.hero-panel{height:232px;position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(106deg,#1a5f59,#247c70 56%,#71aa8b);display:flex;color:#fff;margin-bottom:28px}.hero-content{z-index:1;padding:29px 32px;max-width:61%}.hero-label{font-size:8px;letter-spacing:1.2px;color:#d6ebe4;display:flex;align-items:center;gap:7px;font-weight:700}.hero-spark{font-size:14px}.hero-panel h2{font:700 22px var(--display);letter-spacing:-.6px;margin:13px 0 8px}.hero-panel p{font-size:11px;line-height:1.7;color:#d8eae5;max-width:400px;margin:0}.hero-cta{margin-top:18px;height:32px;border:1px solid #b0d2c8;background:#f2fbf7;color:#27665d;border-radius:6px;padding:0 11px;display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700}.hero-cta:hover{background:#fff}.hero-art{position:absolute;right:10%;top:0;width:240px;height:100%;display:grid;place-items:center}.hero-orbit{position:absolute;border:1px solid #ffffff32;border-radius:50%;transform:rotate(-25deg)}.hero-orbit.h1{width:215px;height:125px}.hero-orbit.h2{width:170px;height:190px}.hero-hand{width:106px;height:106px;border:1px solid #ffffff70;background:#ffffff17;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:32px;display:grid;place-items:center;transform:rotate(8deg);color:#f0fff6}.hero-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#c5ead7;box-shadow:0 0 0 5px #ffffff1c}.hero-dot.d1{top:39px;right:43px}.hero-dot.d2{left:35px;bottom:54px;background:#f0d9b6}.hero-dot.d3{right:21px;bottom:45px;width:6px;height:6px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.section-heading h2{font:700 15px var(--display);margin:0;letter-spacing:-.3px}.section-heading p{font-size:10px;color:#879596;margin:4px 0 0}.setup-progress{font-size:9px;color:#75898a;background:#edf3f0;padding:6px 9px;border-radius:5px}.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.setup-card,.panel{background:#fff;border:1px solid #e9efed;border-radius:11px}.setup-card{padding:16px 16px 14px;min-height:169px}.setup-card-top{display:flex;justify-content:space-between;align-items:center}.setup-card-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center}.setup-card-icon.mint{background:#e8f4ef;color:#438677}.setup-card-icon.peach{background:#fbefe4;color:#bd8058}.setup-card-icon.lavender{background:#f1edf8;color:#8473a5}.setup-card-top>span{font-size:9px;color:#c2ccca;font-weight:700;letter-spacing:.6px}.setup-card h3{font:700 12px var(--display);margin:13px 0 5px}.setup-card p{font-size:10px;line-height:1.55;color:#829092;margin:0;min-height:31px}.plain-action{display:inline-flex;align-items:center;gap:5px;background:transparent;border:0;padding:0;color:#28766b;font-size:10px;font-weight:700}.setup-card .plain-action{margin-top:11px}.disabled-action{color:#428477}.disabled-action:hover{text-decoration:underline}.dashboard-bottom{display:grid;grid-template-columns:1.55fr 1fr;gap:13px;margin-top:18px}.panel{padding:16px 17px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h3{font:700 12px var(--display);margin:0;display:flex;align-items:center;gap:7px}.panel-heading p{font-size:9px;color:#899697;margin:4px 0 0}.empty-activity{height:134px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-icon{width:33px;height:33px;border-radius:10px;background:#f0f5f2;color:#75a195;display:grid;place-items:center;margin-bottom:7px}.empty-activity strong{font-size:10px}.empty-activity p{font-size:9px;color:#91a09f;margin:4px 0 0}.circle-action{width:27px;height:27px;border:1px solid #e5ece8;border-radius:50%;background:#fff;color:#6a8e85;display:grid;place-items:center}.member-stack{padding:14px 0 8px;display:flex;align-items:center;gap:7px}.mini-member{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.member-avatar{height:28px;width:28px;font-size:9px}.mini-member>span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-member small{display:none}.more-members{font-size:9px;color:#52756e;background:#edf4f0;width:27px;height:27px;display:grid;place-items:center;border-radius:50%}.invite-inline{border:0;border-top:1px solid #edf1ef;width:100%;background:#fff;color:#498177;display:flex;justify-content:space-between;padding:11px 0 0;margin-top:6px;font-size:9px;font-weight:700}.offline-note{display:flex;align-items:center;gap:11px;border:1px solid #e5ede8;background:#f1f6f2;border-radius:10px;margin-top:16px;padding:12px 15px}.offline-icon{color:#568d7c}.offline-note>div:nth-child(2){flex:1}.offline-note strong,.offline-note span{display:block}.offline-note strong{font-size:10px}.offline-note>div:nth-child(2) span{font-size:9px;color:#83928e;margin-top:3px}.offline-tag{font-size:8px;letter-spacing:.7px;font-weight:700;color:#4d8171;background:#e0eee6;padding:6px 8px;border-radius:5px}.mobile-nav{display:none}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.auth-story{position:relative;overflow:hidden;background:#194f4b;color:#fff;padding:35px 9%;display:flex;flex-direction:column}.auth-story .brand-mark{background:#ffffff1c;color:#d8f1e5}.auth-story .brand span{color:#afd0c6}.story-content{margin:auto 0;max-width:440px}.eyebrow{font-size:9px;letter-spacing:1px;color:#b3d6c9;display:flex;align-items:center;gap:7px;font-weight:700}.story-content h1{font:700 clamp(32px,4vw,47px) var(--display);letter-spacing:-2px;line-height:1.12;margin:18px 0 14px;max-width:380px}.story-content>p{font-size:13px;color:#d0e2db;line-height:1.75;max-width:400px;margin:0}.story-visual{height:255px;position:relative;display:grid;place-items:center;margin:18px 0 9px}.orbit{position:absolute;border:1px solid #ffffff28;border-radius:50%;transform:rotate(22deg)}.orbit-one{width:300px;height:150px}.orbit-two{width:220px;height:240px}.hand-emblem{height:120px;width:120px;border:1px solid #a8d3c2a3;background:#ffffff12;color:#e4f5ea;border-radius:38px;display:grid;place-items:center;transform:rotate(-7deg)}.bubble{position:absolute;background:#fff;color:#49625d;padding:9px 12px;border-radius:9px;box-shadow:0 8px 24px #0c3b3445;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700}.bubble-one{top:35px;left:14px}.bubble-one svg{color:#529984}.bubble-two{bottom:34px;right:0}.bubble-two svg{color:#bf9470}.story-foot{display:flex;align-items:center;gap:8px;color:#b4d4ca;font-size:10px}.auth-main{display:grid;place-items:center;padding:40px}.auth-form-wrap [role=alert]{color:#a64c3c;font-weight:600}.auth-form-wrap [role=status]{color:#347a68;font-weight:600}.verification-mark{width:48px;height:48px;border-radius:14px;background:#e8f4ee;color:#318171;display:grid;place-items:center;margin:0 0 18px}.auth-form-wrap{max-width:360px;width:100%}.mobile-brand{display:none}.form-kicker{font-size:9px;letter-spacing:1.2px;color:#568f82;font-weight:700}.auth-form-wrap h2{font:700 25px var(--display);letter-spacing:-.8px;margin:10px 0 6px}.form-intro{font-size:11px;color:#829091;line-height:1.6;margin:0 0 25px}.auth-form{display:grid;gap:16px}.field{display:grid;gap:7px}.field>span{font-size:10px;font-weight:700;color:#485d60}.field input{height:42px;border:1px solid #dce6e2;background:#fff;border-radius:7px;padding:0 12px;color:#203d40;font-size:11px;width:100%}.field input::-moz-placeholder{color:#a9b5b3}.field input::placeholder{color:#a9b5b3}.field input:focus{outline:3px solid #dff1e9;border-color:#71ad9a}.field input[readonly]{background:#f7f9f8;color:#7e8b8b}.text-link{border:0;padding:0;background:none;color:#27786d;font-size:10px;font-weight:700}.text-link:hover{text-decoration:underline}.forgot{justify-self:end;margin-top:-8px}.auth-switch{font-size:10px;color:#849291;text-align:center;margin-top:20px}.auth-switch .text-link{margin-left:5px}.auth-privacy{border-top:1px solid #edf1ef;margin-top:34px;padding-top:15px;display:flex;gap:7px;align-items:center;color:#8c9a98;font-size:9px;line-height:1.5}.auth-privacy svg{color:#61a18e;flex:none}.center-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;background:#f7faf9;padding:20px}.center-screen>p{font-size:12px;color:#859394}.loading-mark{height:52px;width:52px;display:grid;place-items:center;border-radius:16px;background:#e6f3ed;color:#317c6f}.spinner{width:19px;height:19px;border:2px solid #d5e6de;border-top-color:#348171;border-radius:50%;animation:spin .8s linear infinite;margin-top:21px}@keyframes spin{to{transform:rotate(360deg)}}.setup-card.auth-card{max-width:430px;padding:27px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 60px #294f4110}.setup-card.auth-card>.brand{margin-bottom:28px}.setup-icon{color:#b7814f;background:#fbf1e5;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin:5px 0 13px}.auth-card h1{font:700 20px var(--display);margin:0 0 9px}.auth-card p{font-size:11px;color:#768888;line-height:1.6}.setup-code{font:11px monospace;line-height:1.9;padding:12px;background:#f1f5f3;border-radius:7px;color:#297065}.auth-card .muted{font-size:9px;margin-bottom:0}.onboarding{width:min(530px,calc(100% - 36px));margin:0 auto;padding:34px 0 50px}.onboarding>.brand{margin-bottom:52px}.onboarding h1{font-size:28px}.onboarding-lead{font-size:12px;line-height:1.7;color:#819091;max-width:460px;margin:9px 0 24px}.onboard-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.tabs button{height:44px;background:#fff;border:0;color:#82918f;font-size:11px;font-weight:600;border-bottom:2px solid transparent}.tabs button.active{color:#27786c;border-color:#278377}.onboard-form{padding:20px;display:grid;gap:15px}.hint-row{font-size:10px;color:#7e908e;display:flex;align-items:center;gap:7px}.hint-row svg{color:#659889}.signout-link{display:block;margin:18px auto}.toast{position:fixed;z-index:20;right:25px;bottom:24px;max-width:min(430px,calc(100vw - 30px));display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid #e4ece8;border-radius:9px;box-shadow:0 10px 35px #183d3226;font-size:11px;color:#455c5b}.toast>span{flex:1}.toast>button{background:none;border:0;color:#80908e;padding:2px}.toast.success>svg{color:#23856f}.toast.error>svg{color:#bf6d5b}.family-overview{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px;display:flex;align-items:center;gap:13px;margin-bottom:16px}.family-overview-icon{height:46px;width:46px;border-radius:12px;background:#e8f4ef;color:#468778;display:grid;place-items:center}.family-overview-info{flex:1}.family-overview-info h2{font:700 15px var(--display);margin:0}.family-overview-info p{font-size:10px;color:#879493;margin:5px 0 0}.rename-form{display:flex;align-items:center;gap:8px}.rename-form input{height:34px;border:1px solid #dce6e2;border-radius:6px;padding:0 8px;font-size:11px}.primary-button.compact{height:32px}.invite-result{display:flex;gap:15px;align-items:center;background:#eef7f1;border:1px solid #d7e9dc;border-radius:10px;padding:13px 15px;margin-bottom:16px}.invite-result>div{flex:1}.invite-result strong,.invite-result span{display:block}.invite-result strong{font-size:11px}.invite-result span{font-size:9px;line-height:1.5;color:#758883;margin-top:4px}.invite-result code{font:700 14px monospace;letter-spacing:2px;color:#216b5c;background:#fff;padding:9px;border:1px solid #dcebe1;border-radius:6px}.members-panel{padding:18px}.count-pill{font:600 9px var(--sans);color:#567e73;background:#eaf4ed;padding:4px 6px;border-radius:5px}.member-table{margin-top:13px}.member-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #edf1ef}.table-avatar{width:35px;height:35px;background:#e3f0e9}.table-avatar.color-1{background:#f5e9dd;color:#a87653}.table-avatar.color-2{background:#ece8f5;color:#786b9e}.table-avatar.color-3{background:#e4edf5;color:#557d9b}.member-detail{flex:1}.member-detail strong,.member-detail span{display:block}.member-detail strong{font-size:11px}.member-detail strong em{font-style:normal;font-size:8px;font-weight:600;color:#7d8e8b;background:#f0f4f2;padding:3px 5px;border-radius:4px;margin-left:7px}.member-detail span{font-size:9px;color:#879391;margin-top:4px}.role-pill{font-size:9px;color:#788b88;background:#f1f5f3;border-radius:5px;padding:5px 8px}.role-pill.owner-role{color:#357767;background:#eaf4ee}.remove-button{background:transparent;border:0;color:#aa7165;font-size:9px;padding:7px}.remove-button:hover{text-decoration:underline}.family-footnote{display:flex;align-items:center;gap:9px;color:#788c88;font-size:10px;padding:15px 3px}.family-footnote svg{color:#5b9888}.settings-panel{max-width:640px;padding:20px}.settings-title{display:flex;align-items:center;gap:11px;border-bottom:1px solid #edf1ef;padding-bottom:17px;margin-bottom:17px}.settings-avatar{height:42px;width:42px}.settings-title h3{font:700 13px var(--display);margin:0}.settings-title p{font-size:9px;color:#879391;margin:4px 0 0}.settings-form{display:grid;gap:15px;max-width:400px}.settings-actions{display:flex;gap:9px;margin-top:3px}.security-panel{max-width:640px;margin-top:13px;display:flex;align-items:start;gap:12px;color:#549180}.security-panel strong{font-size:11px;color:#3c605a}.security-panel p{font-size:10px;color:#80908d;line-height:1.55;margin:4px 0 0}@media(max-width:1050px){.page-content{padding-left:30px;padding-right:30px}.topbar{padding:0 30px}.sidebar{width:230px}.main-area{margin-left:230px}.dashboard-bottom{grid-template-columns:1.25fr 1fr}.hero-art{right:3%}}@media(max-width:760px){.sidebar{display:none}.main-area{margin:0;padding-bottom:65px}.topbar{height:57px;padding:0 18px}.topbar-actions{gap:10px}.cloud-state{font-size:0}.cloud-state i{font-size:initial}.page-content{padding:25px 17px 34px}.welcome-header{align-items:flex-start;gap:12px}.welcome-header h1{font-size:23px}.welcome-header p{font-size:11px;line-height:1.5;max-width:280px}.welcome-header>.secondary-button,.welcome-header>.primary-button{font-size:0;padding:0;width:38px;flex:none}.welcome-header>.secondary-button svg,.welcome-header>.primary-button svg{width:17px}.hero-panel{height:auto;min-height:220px}.hero-content{padding:24px 21px;max-width:80%}.hero-panel h2{font-size:19px;max-width:260px}.hero-panel p{max-width:275px}.hero-art{right:-76px;opacity:.55}.setup-grid{grid-template-columns:1fr;gap:9px}.setup-card{min-height:0;display:grid;grid-template-columns:40px 1fr;-moz-column-gap:10px;column-gap:10px;padding:13px}.setup-card-top{grid-row:1/4;display:block}.setup-card-top>span{display:none}.setup-card h3{margin:1px 0 4px}.setup-card p{min-height:0}.setup-card .plain-action{grid-column:2;margin:7px 0 0;justify-self:start}.dashboard-bottom{grid-template-columns:1fr;gap:10px;margin-top:12px}.section-heading{align-items:center}.offline-tag{display:none}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);inset:auto 0 0;height:62px;background:#fff;border-top:1px solid var(--line);z-index:8;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:#fff;color:#899796;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px}.mobile-nav button.active{color:#24776b;font-weight:700}.auth-layout{grid-template-columns:1fr}.auth-story{display:none}.auth-main{padding:35px 24px;min-height:100vh;align-items:center}.auth-form-wrap [role=alert]{color:#a64c3c;font-weight:600}.auth-form-wrap [role=status]{color:#347a68;font-weight:600}.verification-mark{width:48px;height:48px;border-radius:14px;background:#e8f4ee;color:#318171;display:grid;place-items:center;margin:0 0 18px}.auth-form-wrap{max-width:390px}.mobile-brand{display:block;margin-bottom:39px}.form-intro{margin-bottom:22px}.auth-privacy{margin-top:27px}.onboarding>.brand{margin-bottom:40px}.onboarding h1{font-size:25px}.family-overview{align-items:flex-start}.family-overview>.secondary-button{font-size:0;width:35px;padding:0;flex:none}.family-overview>.secondary-button svg{width:15px}.member-row{gap:8px}.remove-button{font-size:8px}.invite-result{flex-wrap:wrap}.invite-result>div{flex-basis:calc(100% - 30px)}.invite-result code{font-size:12px}.toast{right:12px;bottom:75px}}@media(max-width:420px){.page-content{padding-left:13px;padding-right:13px}.hero-content{max-width:90%;padding-left:17px}.hero-art{right:-112px}.welcome-header h1{font-size:20px}.welcome-header p{font-size:10px}.setup-progress{font-size:8px}.invite-result{gap:8px}.invite-result>.secondary-button{height:33px}.invite-result>code{order:3}.member-detail strong{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.gesture-quick-card{width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer}.gesture-quick-card:hover{border-color:#bbd6cc}.gesture-page-head,.audio-page-head{margin-bottom:19px}.gesture-summary{display:flex;align-items:center;gap:12px;border:1px solid #e5eeea;background:#edf5f0;border-radius:10px;padding:13px 15px;margin-bottom:15px}.summary-glyph,.gesture-preview,.audio-play,.create-icon,.sync-card-icon{display:grid;place-items:center;flex:none}.summary-glyph{height:36px;width:36px;border-radius:10px;background:#fff;color:#468879}.gesture-summary>div:nth-child(2){flex:1}.gesture-summary strong,.gesture-summary span{display:block}.gesture-summary strong{font-size:11px}.gesture-summary>div:nth-child(2) span{font-size:9px;color:#84928c;margin-top:3px}.summary-hardware{font-size:9px;color:#55786e;display:grid;grid-template-columns:7px auto;-moz-column-gap:6px;column-gap:6px}.summary-hardware>span:last-child{grid-column:2;color:#8b9b94}.summary-pulse,.status-dot{width:7px;height:7px;border-radius:50%;background:#c08e56}.gesture-toolbar,.audio-toolbar{display:flex;align-items:center;gap:9px;margin:15px 0 11px}.search-box,.filter-box{height:37px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e1eae6;border-radius:7px;color:#859592;padding:0 10px}.search-box{flex:1;max-width:440px}.search-box input{border:0;outline:0!important;background:transparent;min-width:0;flex:1;font-size:10px;color:#314a4d}.search-box button{background:none;border:0;color:#879691;display:grid;place-items:center}.filter-box select{border:0;background:transparent;color:#627674;font-size:10px}.result-count{font-size:9px;color:#93a09c;margin-left:auto}.gesture-list,.audio-list{display:grid;gap:8px}.gesture-row,.audio-row{display:flex;align-items:center;gap:11px;padding:12px 13px;background:#fff;border:1px solid #e8efeb;border-radius:10px}.gesture-preview{height:39px;width:39px;border:0;border-radius:10px;background:#eaf4ee;color:#468678}.gesture-row-main,.audio-info{flex:1;min-width:0}.gesture-name,.audio-name-line strong{padding:0;border:0;background:none;font:700 11px var(--display);color:#2a4246}.gesture-row-main>p{font-size:9px;color:#899693;margin:4px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule-chips,.gesture-row-meta,.gesture-row-actions,.audio-actions{display:flex;align-items:center;gap:5px}.rule-chip{font-size:8px;color:#80918b;background:#f4f7f5;border-radius:4px;padding:4px 5px}.status-pill,.role-pill{font-size:8px;padding:4px 6px;border-radius:4px;background:#f0f2f0;color:#7b8884;text-transform:capitalize}.status-published{background:#e8f4ed;color:#46816f}.status-testing{background:#eef1fb;color:#6e7ca7}.priority-label{font-size:8px;color:#96a19e;white-space:nowrap}.toggle-switch{width:31px;height:18px;position:relative;background:#dce4e0;border:0;border-radius:20px;padding:0;flex:none}.toggle-switch:after{content:"";position:absolute;width:12px;height:12px;top:3px;left:3px;border-radius:50%;background:#fff;transition:transform .18s}.toggle-switch.checked{background:#4f9b82}.toggle-switch.checked:after{transform:translate(13px)}.gesture-row-actions,.audio-actions{border-left:1px solid #edf1ef;padding-left:7px}.gesture-row-actions button,.audio-actions button,.tiny-icon{width:27px;height:27px;border:0;background:transparent;color:#8a9994;border-radius:6px;display:grid;place-items:center}.gesture-empty,.audio-empty{min-height:240px;border:1px dashed #dfe9e4;border-radius:10px;background:#fbfdfb;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7d8c87;font-size:10px;padding:20px}.gesture-empty strong,.audio-empty strong{font-size:12px;color:#344d4c;margin:6px 0}.gesture-empty p,.audio-empty p{max-width:310px;font-size:9px;line-height:1.6;color:#8c9994;margin:0 0 12px}.gesture-editor{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.7fr);align-items:start;gap:13px}.editor-main{display:grid;gap:12px}.editor-section,.preview-card,.create-card,.sync-card,.manifest-card{padding:17px}.editor-section-heading,.panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.editor-section-heading h2,.sync-card h2{font:700 13px var(--display);margin:0}.editor-section-heading p,.sync-card p{font-size:9px;color:#8a9794;margin:4px 0 15px}.step-number{font-size:9px;background:#f1f5f2;padding:5px 7px;border-radius:5px}.editor-fields{display:grid;gap:13px}.field textarea,.field select,.field input[type=number]{width:100%;border:1px solid #dce6e2;background:#fff;border-radius:7px;padding:9px 11px;color:#254247;font-size:10px;resize:vertical}.field select,.field input[type=number]{height:38px}.editor-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:11px}.enable-setting{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef2ef;padding-top:13px}.enable-setting strong,.enable-setting small{display:block}.enable-setting strong{font-size:10px}.enable-setting small{font-size:9px;color:#8a9794;margin-top:4px}.finger-config{display:grid;grid-template-columns:200px minmax(0,1fr);gap:13px;align-items:center}.hand-selector{text-align:center}.hand-diagram{width:184px;max-height:166px}.svg-finger{cursor:pointer}.finger-key{display:flex;justify-content:center;flex-wrap:wrap;gap:3px}.finger-key button,.all-ranges button{border:1px solid transparent;background:#fbfcfb;border-radius:5px;padding:5px;color:#73837d;font-size:8px}.finger-key button.selected,.all-ranges button.selected{background:#eef7f1;border-color:#a8d0bf}.selected-finger{display:flex;align-items:center;gap:8px;margin-bottom:16px}.selected-finger>div:nth-child(2){flex:1}.selected-finger strong,.selected-finger span{display:block}.selected-finger strong{font-size:10px}.selected-finger span{font-size:8px;color:#8a9994}.range-chip{font-size:9px;background:#edf5f0;color:#468276;border-radius:5px;padding:5px}.range-track{height:8px;border-radius:9px;background:#e8efeb;position:relative;margin:11px 1px}.range-fill{position:absolute;top:0;bottom:0;background:#6bb397;border-radius:8px}.range-track i{position:absolute;width:12px;height:12px;top:50%;transform:translate(-50%,-50%);background:#fff;border:2px solid #318673;border-radius:50%}.range-values,.range-input>span{display:flex;justify-content:space-between;font-size:8px;color:#96a29e}.range-input{display:block;margin:11px 0}.range-input input{width:100%;accent-color:#368876}.calibration-note,.timing-foot,.sensor-notice,.sync-limit{font-size:8px;line-height:1.55;color:#7c9187;background:#f3f7f3;padding:9px;border-radius:6px}.all-ranges{display:flex;gap:5px;flex-wrap:wrap;border-top:1px solid #eef2ef;padding-top:12px;margin-top:14px}.timing-foot{border-top:1px solid #eef2ef;margin-top:12px}.editor-footer{display:flex;justify-content:flex-end;gap:8px}.editor-aside{display:grid;gap:11px;position:sticky;top:82px}.preview-card{text-align:center}.preview-kicker{font-size:8px;letter-spacing:1px;color:#8a9a95}.preview-hand{width:78px;height:78px;display:grid;place-items:center;background:#edf5ef;border-radius:24px;color:#478878;margin:17px auto}.preview-card h3{margin:0;font-size:13px}.preview-properties{display:grid;gap:8px;text-align:left;padding-top:12px}.preview-properties span{display:flex;justify-content:space-between;font-size:9px;color:#83918e}.editor-footer .primary-button,.editor-footer .secondary-button{min-width:105px}.audio-tabs{display:flex;gap:5px;border-bottom:1px solid #e4ebe8;margin-bottom:14px}.audio-tabs button{height:39px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#81918c;display:flex;align-items:center;gap:7px;font-size:10px}.audio-tabs button.active{color:#27766b;border-color:#328776}.audio-tabs button b{font-size:8px;background:#eff4f1;padding:3px 5px;border-radius:4px}.audio-toolbar .search-box{max-width:400px}.audio-row{align-items:flex-start}.audio-play{height:36px;width:36px;border:0;border-radius:50%;background:#eaf4ee;color:#387b6c}.audio-play:hover,.audio-play.is-playing{background:#267b6d;color:#fff}.audio-name-line{display:flex;align-items:center;gap:5px}.audio-name-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-metadata,.audio-map{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#8a9893;font-size:8px;margin-top:6px}.audio-metadata i{height:3px;width:3px;border-radius:50%;background:#bbc7c1}.audio-map{justify-content:space-between}.audio-map label{display:flex;align-items:center;gap:6px}.audio-map select,.rename-input{height:26px;border:1px solid #e2ebe6;border-radius:5px;background:#fbfcfb;color:#55736b;padding:0 6px;font-size:8px}.audio-map code{font-size:8px}.audio-actions{margin-left:3px}.audio-preview-player{position:fixed;z-index:12;bottom:77px;right:22px;width:min(360px,calc(100vw - 28px));height:40px}.audio-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.create-card{display:flex;flex-direction:column;align-items:flex-start;min-height:220px}.create-icon{height:36px;width:36px;border-radius:10px}.create-icon.mint{background:#e8f4ed;color:#468777}.create-icon.lavender{background:#f1edf8;color:#8373a1}.create-icon.peach{background:#fbefe4;color:#b6815b}.create-card h2{font-size:13px;margin:13px 0 5px}.create-card>p{font-size:9px;color:#82918d;line-height:1.6;margin:0 0 13px}.create-card>.primary-button,.create-card>.secondary-button,.record-stop{margin-top:auto}.create-card .field{width:100%;margin:4px 0 10px}.create-card textarea,.voice-field select{width:100%;border:1px solid #dce6e2;border-radius:7px;padding:8px;font:10px var(--sans)}.recording-status{font-size:9px;color:#a55e54;background:#fbefec;padding:8px;border-radius:6px;margin:0 0 12px}.record-stop{height:38px;border:1px solid #bf6c5f;background:#fff7f5;border-radius:8px;padding:0 13px;color:#ad5e52;display:inline-flex;align-items:center;gap:7px;font-size:10px}.provider-note,.manifest-warning{font-size:8px!important;color:#8c8062!important;background:#f8f5e9;padding:8px;border-radius:6px}.upload-card{grid-column:1/-1;min-height:150px}.private-storage-note{font-size:8px;color:#84948d;margin-top:14px}.sync-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.sync-card-icon{height:37px;width:37px;border-radius:10px;background:#edf4ef;color:#4c8879;margin-bottom:12px}.simulated-tag{display:inline-block;font-size:8px;font-weight:700;color:#95794e;background:#f7f2e7;padding:6px 8px;border-radius:5px;margin-bottom:13px}.sync-result{display:flex;gap:9px;align-items:center;padding:11px;background:#ecf6ef;color:#43836f;border-radius:7px}.sync-result strong,.sync-result span{display:block}.sync-result strong{font-size:9px}.sync-result span{font:8px monospace;word-break:break-all}.sync-empty{border:1px dashed #e1e9e4;border-radius:7px;padding:14px;color:#84918d;font-size:9px;line-height:1.6}.manifest-totals{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;padding:13px 0;border-bottom:1px solid #edf1ef}.manifest-totals strong{font-weight:700;color:#3a6f62}.manifest-totals span,.manifest-list small{font-size:9px;color:#81918a}.manifest-list{padding:8px 0;display:grid;gap:8px}.manifest-list>div{display:flex;align-items:center;gap:7px;color:#6a8c80}.manifest-list>div span{flex:1;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#142b2a66;display:grid;place-items:center;padding:18px}.confirm-modal{width:min(410px,100%);position:relative;background:#fff;border-radius:14px;padding:23px}.modal-close{position:absolute;right:12px;top:12px;background:none;border:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.danger-button{height:39px;padding:0 13px;border:0;background:#bd6859;color:#fff;border-radius:8px;font-size:10px;font-weight:700}.back-link{border:0;background:transparent;display:flex;align-items:center;gap:5px;color:#698780;padding:0;margin-bottom:10px;font-size:10px;font-weight:700}@media(max-width:980px){.gesture-editor{grid-template-columns:1fr}.editor-aside{position:static;grid-template-columns:1fr 1fr}.preview-card{grid-row:span 2}.sync-layout{grid-template-columns:1fr}}@media(max-width:760px){.mobile-nav{grid-template-columns:repeat(5,1fr)}.gesture-row,.audio-row{gap:8px;padding:10px}.gesture-row{flex-wrap:wrap}.gesture-row-main{width:calc(100% - 48px)}.gesture-row-meta{margin-left:43px;order:3;flex:1}.gesture-row-actions{order:4;margin-left:auto}.priority-label{display:none}.gesture-editor{grid-template-columns:1fr}.editor-section,.create-card,.sync-card,.manifest-card{padding:14px}.finger-config{grid-template-columns:1fr}.hand-selector{display:grid;grid-template-columns:160px 1fr;align-items:center}.hand-diagram{width:155px}.finger-key{display:grid;grid-template-columns:1fr 1fr}.range-editor{padding-top:8px}.editor-aside{grid-template-columns:1fr}.preview-card{grid-row:auto}.audio-tabs button{padding:0 8px;font-size:9px;gap:5px}.audio-actions{flex-direction:column}.audio-map{align-items:flex-start;flex-direction:column}.audio-map>span{display:none}.audio-create-grid{grid-template-columns:1fr}.upload-card{grid-column:auto}.audio-preview-player{right:10px;bottom:72px}.audio-metadata span:last-child,.audio-metadata i:nth-last-child(2){display:none}.audio-page-head>.primary-button,.gesture-page-head>.primary-button{font-size:9px;width:auto;padding:0 9px}.mobile-nav{grid-template-columns:repeat(6,1fr)}.mobile-nav button{font-size:8px;gap:3px}.mobile-nav button svg{width:17px;height:17px}}.device-page-head{margin-bottom:19px}.device-page-actions{display:flex;gap:8px}.device-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}.device-list{display:grid;gap:10px}.device-card{padding:15px 16px}.device-card-top{display:flex;align-items:center;gap:10px}.device-icon{width:38px;height:38px;border-radius:10px;background:#e9f4ee;color:#478777;display:grid;place-items:center}.device-title{flex:1}.device-title h2{font:700 12px var(--display);margin:0 0 5px}.device-title span{display:flex;align-items:center;gap:5px;font-size:9px;color:#84938e}.device-title span i{width:6px;height:6px;border-radius:50%;background:#c79461}.device-title span i.online-dot{background:#50a381}.device-state{font-size:8px;padding:5px 7px;border-radius:5px;background:#f7f0e8;color:#9b744c}.device-state.online{background:#e8f4ed;color:#44816e}.device-remove{width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:#aa7a6e;display:grid;place-items:center}.device-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f8faf8;border:1px solid #edf1ee;border-radius:7px;padding:11px;margin-top:13px}.device-info-grid span,.device-info-grid strong{display:block}.device-info-grid span{font-size:8px;color:#8a9792}.device-info-grid strong{font-size:10px;color:#536b64;margin-top:4px}.pending-sync-note,.device-error-note{display:flex;align-items:center;gap:7px;background:#f8f5e9;color:#8b7c52;padding:8px 10px;border-radius:6px;margin-top:10px;font-size:8px}.device-error-note{background:#f9efec;color:#a06458}.device-details{border-top:1px solid #edf1ef;margin-top:12px;padding-top:9px;font-size:9px;color:#71847c}.device-details summary{cursor:pointer;font-weight:700}.device-details>div{display:flex;gap:8px;margin-top:8px}.device-details code{font-size:8px;color:#52776b;word-break:break-all}.device-details p{font-size:8px;color:#929d97}.device-empty{min-height:220px;border:1px dashed #dfe9e4;border-radius:10px;background:#fbfdfb;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.device-empty strong{font-size:12px;margin:7px 0 4px}.device-empty p{max-width:380px;font-size:9px;line-height:1.6;color:#84928d;margin:0 0 12px}.sync-history-panel{margin-top:13px;padding:16px}.sync-history-list{margin-top:12px}.sync-history-list>div{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #edf1ef}.history-check{height:25px;width:25px;border-radius:50%;background:#eaf4ed;color:#4b8b77;display:grid;place-items:center}.sync-history-list>div>div:nth-child(2){flex:1}.sync-history-list strong,.sync-history-list span{display:block}.sync-history-list strong{font-size:9px;text-transform:capitalize}.sync-history-list span,.sync-history-list time{font-size:8px;color:#899792;margin-top:4px}.history-empty{padding:25px 5px;text-align:center;font-size:9px;color:#8c9994}.pair-modal{width:min(450px,100%);position:relative;background:#fff;border:1px solid #e5ece8;border-radius:14px;padding:23px;box-shadow:0 18px 60px #1c363032}.pair-modal h2{font:700 17px var(--display);margin:0 0 7px}.pair-modal>p{font-size:9px;line-height:1.6;color:#81908b;margin:0 0 15px}.pair-success-icon{width:39px;height:39px;border-radius:11px;background:#e8f4ed;color:#448875;display:grid;place-items:center;margin-bottom:13px}.pair-form{display:grid;gap:14px}.secure-note{display:flex;align-items:flex-start;gap:7px;background:#eff6f1;color:#68877a;padding:9px;border-radius:6px;font-size:8px;line-height:1.5}.secure-note svg{flex:none}.pair-requirement{font-size:8px;color:#8d9994;margin:0}.pair-requirement code{color:#52786c}.token-box{padding:11px;background:#f6f9f6;border:1px solid #e3ece6;border-radius:8px;display:grid;gap:8px}.token-box>span{font-size:8px;letter-spacing:.8px;font-weight:700;color:#80928a}.token-box code{font:10px monospace;color:#2f6f60;word-break:break-all}.token-box .secondary-button{justify-self:start;height:32px;font-size:9px}.pair-details{display:grid;gap:5px;margin:12px 0}.pair-details span{font-size:8px;color:#85938d}.pair-details code{font-size:8px;color:#52776b;word-break:break-all}.pair-modal .modal-actions{margin-top:13px}@media(max-width:1050px){.device-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.device-page-head{align-items:flex-start}.device-page-actions{gap:5px}.device-page-actions .secondary-button,.device-page-actions .primary-button{height:35px;padding:0 8px;font-size:8px}.device-summary-grid{gap:7px}.device-card{padding:12px}.device-info-grid{grid-template-columns:repeat(2,1fr);gap:12px}.device-state{display:none}.sync-history-list time{max-width:88px;text-align:right}.pair-modal{padding:20px}}.activity-page-head{margin-bottom:19px}.activity-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:12px}.activity-toolbar .search-box{max-width:420px}.activity-history-panel{padding:16px}.activity-history-list article{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #edf1ef}.history-event-icon{height:32px;width:32px;border-radius:9px;background:#edf5ef;color:#568a79;display:grid;place-items:center;flex:none}.history-event-copy{flex:1;min-width:0}.history-event-copy strong,.history-event-copy span,.history-event-copy small{display:block}.history-event-copy strong{font-size:10px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-event-copy span{font-size:8px;color:#84928e;margin-top:4px;text-transform:capitalize}.history-event-copy small{font-size:8px;color:#a47b54;margin-top:4px}.history-event-copy small.notification-sent{color:#45816d}.activity-history-list article time{display:flex;align-items:center;gap:5px;font-size:8px;color:#899791;white-space:nowrap}.activity-history-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.activity-history-empty strong{font-size:11px;margin:7px 0 3px}.activity-history-empty p{max-width:355px;font-size:9px;line-height:1.6;color:#84928d;margin:0}.activity-privacy{display:flex;align-items:center;gap:7px;color:#71897f;font-size:9px;margin-top:12px;padding:0 3px}.activity-privacy svg{color:#5f9883}.actions-modal{width:min(480px,100%);max-height:min(86vh,720px);overflow:auto;position:relative;background:#fff;border:1px solid #e5ece8;border-radius:14px;padding:22px;box-shadow:0 18px 60px #1c363032}.actions-modal>h2{font:700 16px var(--display);margin:0 0 6px}.actions-modal>p{font-size:9px;color:#83918c;line-height:1.5;margin:0 0 14px}.actions-modal-icon{height:36px;width:36px;border-radius:10px;background:#edf4ee;color:#4a8a77;display:grid;place-items:center;margin-bottom:11px}.action-option{display:flex;align-items:center;gap:9px;border-top:1px solid #edf1ef;padding:12px 0}.action-option-icon{height:29px;width:29px;display:grid;place-items:center;border-radius:8px;flex:none}.action-option-icon.mint{background:#e9f4ed;color:#4b8a75}.action-option-icon.peach{background:#fbefe4;color:#b88058}.action-option-copy{flex:1}.action-option-copy strong,.action-option-copy span{display:block}.action-option-copy strong{font-size:9px}.action-option-copy span{font-size:8px;line-height:1.45;color:#84918c;margin-top:3px}.notification-settings{background:#f9fbf9;border:1px solid #edf1ee;border-radius:7px;padding:11px;margin:0 0 11px}.notification-settings .field{margin-bottom:10px}.notification-settings .field input{height:34px;width:100%;border:1px solid #dce6e2;border-radius:6px;padding:0 8px;font-size:9px}.recipient-title{font-size:8px;font-weight:700;color:#72837b;margin-bottom:5px}.recipient-row{display:flex;align-items:center;gap:7px;padding:6px 1px;font-size:9px;color:#506861}.recipient-row input{accent-color:#398977}.recipient-loading{font-size:8px;color:#8b9993}.fcm-pending{display:flex;align-items:flex-start;gap:6px;font-size:8px;color:#8e805b;background:#f8f5e9;padding:8px;border-radius:5px;margin-top:9px;line-height:1.5}.fcm-pending svg{flex:none}.call-placeholder{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1ef;padding:12px 0;font-size:9px;color:#899690}.call-placeholder small{font-size:8px;color:#a0a9a4}.actions-modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.actions-modal-footer .primary-button,.actions-modal-footer .secondary-button{min-width:105px}@media(max-width:760px){.mobile-nav{grid-template-columns:repeat(6,1fr)}.activity-toolbar{gap:6px}.activity-toolbar .filter-box select{min-width:75px}.activity-history-list article{align-items:flex-start}.activity-history-list article time{max-width:88px;white-space:normal;text-align:right;justify-content:flex-end;font-size:7px}.activity-history-list article time svg{display:none}.activity-page-head>.secondary-button{height:34px;padding:0 8px;font-size:9px}.actions-modal{padding:18px}}@media(min-width:761px)and (max-width:980px){.sidebar{width:210px;padding-left:14px;padding-right:14px}.main-area{margin-left:210px}.topbar{padding-left:22px;padding-right:22px}.page-content{padding:27px 22px 42px}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom{grid-template-columns:1fr}.hero-art{right:0;opacity:.65}}@media(max-width:760px){.main-area{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.topbar{padding-left:14px;padding-right:14px}.breadcrumbs{gap:6px;font-size:10px}.page-content{padding-left:14px;padding-right:14px}.mobile-nav{height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(6,minmax(54px,1fr));overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav button{min-width:54px;min-height:48px;padding:4px 2px;font-size:9px;gap:4px}.mobile-nav button svg{width:18px;height:18px;flex:none}.field input,.field textarea,.field select,.search-box input{font-size:16px}.field input,.field select,.primary-button,.secondary-button{min-height:44px}.icon-button,.device-remove,.remove-button,.gesture-row-actions button,.audio-actions button{min-width:40px;min-height:40px}.welcome-header,.device-page-head,.device-page-actions,.gesture-toolbar,.audio-toolbar,.activity-toolbar{flex-wrap:wrap}.gesture-toolbar .search-box,.audio-toolbar .search-box,.activity-toolbar .search-box{flex:1 1 100%;width:100%;max-width:none;min-width:0}.filter-box select{min-height:44px}.audio-tabs{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.audio-tabs::-webkit-scrollbar{display:none}.audio-tabs button{min-height:44px;flex:none;white-space:nowrap}.audio-row,.gesture-row,.gesture-row-main,.audio-info,.member-detail{min-width:0}.member-row,.family-overview{flex-wrap:wrap}.editor-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.finger-key button,.all-ranges button{min-height:40px}.range-input input{min-height:32px}.invite-result code{max-width:100%;overflow-wrap:anywhere}.audio-preview-player{bottom:calc(74px + env(safe-area-inset-bottom))}}@media(max-width:380px){.topbar,.page-content{padding-left:11px;padding-right:11px}.mobile-nav{grid-template-columns:repeat(6,minmax(54px,1fr))}.device-page-actions{width:100%}.device-page-actions .primary-button,.device-page-actions .secondary-button{flex:1 1 auto}.editor-footer .primary-button,.editor-footer .secondary-button{min-width:0;padding:0 8px}.hand-selector{grid-template-columns:minmax(130px,1fr) minmax(110px,1fr)}.hand-diagram{width:100%}}.creation-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.creation-method{border:1px solid #e4ece7;border-radius:9px;padding:13px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;background:#fbfdfb}.creation-method.selected{border-color:#91c7b2;background:#f2faf5}.creation-method>b{display:flex;align-items:center;gap:6px;font-size:11px;color:#31524d}.method-badge{background:#e4f3e9;color:#3c826b;padding:4px 6px;border-radius:5px;font-size:8px}.method-badge.warning{background:#fff2df;color:#a16c21}.creation-method p{margin:0;color:#83928c;font-size:9px;line-height:1.5}.creation-method a{font-size:9px;color:#368673;text-decoration:underline}.creation-method button{font-size:9px;min-height:30px}.manual-pose{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;background:#f8fbf9;border:1px solid #e9f0ec;border-radius:8px;padding:11px;margin-top:12px}.manual-pose>div:first-child strong,.manual-pose>div:first-child span{display:block}.manual-pose>div:first-child strong{font-size:10px}.manual-pose>div:first-child span{font-size:8px;color:#85948e;margin-top:3px}.manual-pose>label{grid-column:1/-1;display:grid;grid-template-columns:80px 1fr;align-items:center;gap:8px;font-size:8px;color:#71827b}.manual-pose>label input{width:100%;accent-color:#398c74}.manual-pose>label b{color:#33836f}@media(max-width:760px){.creation-methods,.manual-pose{grid-template-columns:1fr}.manual-pose>.secondary-button{justify-self:start}}.database-error-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 14px;margin:10px 0;background:#fff5f3;border:1px solid #f0c7c0;border-radius:9px;color:#8e3e35;font-size:10px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.database-error-banner>div{display:grid;gap:4px}.database-error-banner>div strong{font-size:11px}.database-error-banner>button{flex:none;border:1px solid #e8b8af;border-radius:6px;background:#fff;color:#89443a;padding:6px 10px;font-size:9px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 26px}.metric-card{--metric-accent:#438677;--metric-tint:#e8f4ef;position:relative;min-width:0;min-height:183px;padding:17px 17px 16px;overflow:hidden;background:linear-gradient(150deg,#fff 0%,#fff 72%,var(--metric-tint) 180%);border:1px solid #e4ece8;border-radius:15px;box-shadow:0 5px 18px #234d3c08;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.metric-card:hover{transform:translateY(-2px);border-color:#d2e3db;box-shadow:0 12px 25px #234d3c12}.metric-device{--metric-accent:#438677;--metric-tint:#e5f3ec}.metric-gestures{--metric-accent:#b57956;--metric-tint:#fbefe5}.metric-pending{--metric-accent:#8271a4;--metric-tint:#f0ecf8}.metric-last-sync{--metric-accent:#527c9e;--metric-tint:#eaf1f8}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:19px}.metric-icon{width:39px;height:39px;flex:0 0 39px;border-radius:12px;display:grid;place-items:center}.metric-device .metric-icon{background:#e7f3ed;color:#38816e}.metric-gestures .metric-icon{background:#fbefe5;color:#b57956}.metric-pending .metric-icon{background:#f0ecf8;color:#8271a4}.metric-last-sync .metric-icon{background:#eaf1f8;color:#527c9e}.metric-state,.metric-kicker{display:inline-flex;align-items:center;gap:6px;min-height:23px;padding:0 8px;border-radius:999px;font-size:8px;line-height:1;font-weight:700;letter-spacing:.1px;white-space:nowrap}.metric-state i{width:6px;height:6px;display:inline-block;border-radius:50%;background:currentColor}.state-positive{color:#357c65;background:#eaf5ef}.state-neutral{color:#748583;background:#f1f4f2}.state-attention{color:#a8732d;background:#fff4e5}.metric-kicker{color:#a0785f;background:#fbf3ec}.metric-label{color:#80918d;font-size:9px;font-weight:750;letter-spacing:1.05px}.metric-value{display:flex;align-items:center;gap:8px;min-height:39px;margin-top:5px;color:#1e3a3a;font-size:clamp(22px,2.2vw,29px);font-weight:750;letter-spacing:-1px;line-height:1.12;overflow-wrap:anywhere}.metric-value.sync-value{font-size:clamp(20px,1.9vw,25px);letter-spacing:-.7px}.metric-foot{margin-top:7px;color:#82918d;font-size:9px;line-height:1.5;overflow-wrap:anywhere}.offline-fallback{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0%,#e6f3ec,#f7faf9 58%)}.offline-fallback-card{width:min(100%,430px);padding:27px;background:#fff;border:1px solid #e1ebe5;border-radius:18px;box-shadow:0 18px 55px #21463812}.offline-fallback-brand{margin-bottom:35px}.offline-fallback-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#edf4f0;color:#548778}.offline-fallback-label{display:block;margin-top:20px;color:#548778;font-size:9px;font-weight:800;letter-spacing:1.3px}.offline-fallback-card h1{margin:8px 0 9px;color:#19343b;font-size:23px;line-height:1.2;letter-spacing:-.7px}.offline-fallback-card>p{margin:0;color:#738681;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.offline-fallback-note{display:flex;align-items:center;gap:9px;margin:20px 0;padding:11px 12px;border:1px solid #e6eeea;border-radius:10px;background:#f8fbf9;color:#618176;font-size:10px;line-height:1.5}.offline-fallback-note svg{flex:none}.offline-fallback-card>.primary-button{min-width:122px}@media(max-width:1050px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.metrics-grid{gap:9px;margin-bottom:20px}.metric-card{min-height:169px;padding:13px 12px;border-radius:13px}.metric-top{margin-bottom:15px}.metric-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px}.metric-state,.metric-kicker{padding:0 6px;font-size:7px}.metric-label{font-size:8px;letter-spacing:.8px}.metric-value{font-size:24px}.metric-value.sync-value{font-size:20px}.metric-foot{font-size:8px}}@media(max-width:380px){.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:145px}.metric-top{margin-bottom:10px}}@media(prefers-reduced-motion:reduce){.metric-card{transition:none}.metric-card:hover{transform:none}}.selection\:bg-blue-500 *::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.selection\:bg-blue-500 *::selection{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.selection\:text-white *::-moz-selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:text-white *::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:bg-blue-500::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.selection\:bg-blue-500::selection{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.selection\:text-white::-moz-selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:text-white::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}