.server-notice{color:#02baa3;text-align:center;background:#e6f6ef;margin:0;padding:14px 24px;font-size:13px;line-height:2}.server-error{color:#883f26;background:#fff0e8}.server-notice[hidden]{display:none}.server-admin{color:#02baa3;background:#edf9f4;border:1px solid #98d2c2;border-radius:12px;margin-bottom:18px;padding:12px 16px;font-size:13px;text-decoration:none;display:block}.account-form{gap:14px;display:grid}.account-form>p{color:var(--muted);font-size:13px;line-height:2}.account-form label{font-size:13px;font-weight:700}.account-form input{border:1px solid var(--line);width:100%;min-height:50px;font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:10px 14px}.account-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.account-form #family-code{letter-spacing:.25em;text-align:center;font-size:24px}.account-form #account-error{color:#9d3c26;margin:0}.account-form button{min-height:44px}.account-form button:disabled{opacity:.65;cursor:wait}.header-end{flex-wrap:wrap}.header-end #account-panel-link{align-items:center;text-decoration:none;display:inline-flex}.account-trees{max-height:55dvh;overflow:auto}.account-trees small{margin-top:7px;display:block}body.server-starting .workspace-grid{visibility:hidden}.page-intro{margin-bottom:18px}.family-recovery{background:#f1f8f4;border:1px solid #d2e5db;border-radius:12px;align-items:center;gap:20px;margin:0 0 18px;padding:12px 16px;scroll-margin-top:24px;display:flex}.family-recovery-copy{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.family-recovery h2{margin:0 0 2px;font-size:14px}.family-recovery p{color:#4d6b62;margin:0;font-size:11px;line-height:1.9}.recovery-symbol{color:#02baa3;background:#fff;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.recovery-symbol svg{width:21px;height:21px}.family-recovery-form{flex-wrap:wrap;flex:0 475px;align-items:center;gap:10px;display:flex}.family-recovery-form label{white-space:nowrap;font-size:11px}.family-recovery-form>div{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.family-recovery-form input{width:100%;min-width:0;min-height:44px;font:inherit;background:#fff;border:1px solid #bed5c9;border-radius:8px;flex:1;padding:8px 12px;font-size:12px}.family-recovery-form .btn{white-space:nowrap;background:#fff;border-color:#b4d0c3;min-height:44px;padding:8px 12px;font-size:11px;font-weight:400}.family-recovery #recover-error{color:#9d3c26;flex-basis:100%;font-size:12px}.family-recovery #recover-error:empty{display:none}.family-recovery-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.tree-workspace-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px;display:flex}.tree-actions{justify-content:flex-start;align-items:center;gap:10px;display:flex}.tree-actions .btn{white-space:nowrap;min-height:46px;padding:10px 16px;font-size:12px}.tree-actions #add{background:var(--accent);color:var(--bd-color-on-brand,#fff);font-weight:700}.tree-actions #register-tree{color:#02baa3;background:#fff;border:1px solid #9cbbb0;font-weight:400}.tree-actions #register-tree:disabled{opacity:.65;cursor:wait}.tree-workspace-head .family-meta{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:14px;margin:0;font-size:10px}.tree-workspace-head .family-meta .save-status{margin:0;font-size:10px;line-height:1.8}.tree-workspace-head .family-meta .demo-label{font-size:9px}@media (width<=1000px){.family-recovery{gap:12px}.family-recovery-copy p{max-width:260px}.family-recovery-form{flex-basis:420px}.tree-workspace-head .family-meta{flex-basis:100%;justify-content:flex-start}}@media (width<=800px){.header-end #my-trees,.header-end #account-panel-link{font-size:11px}.header{flex-wrap:nowrap;gap:12px}.header-end{flex-wrap:nowrap;gap:8px}.header .brand-divider,.header .brand>span:last-child{display:none}.header .brand{gap:0}.server-notice{padding:10px 16px}.family-recovery{margin-bottom:16px;padding:12px;display:block}.family-recovery-copy p{max-width:none}.family-recovery-form{gap:5px;margin-top:10px}.family-recovery-form label{flex-basis:100%;display:block}.family-recovery-form>div{flex-basis:100%}.family-recovery-form input{font-size:16px}.tree-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;display:grid}.tree-actions .btn{justify-content:center;min-height:44px;padding:8px;font-size:11px}.tree-workspace-head{gap:12px}.tree-workspace-head .family-meta{align-items:center;gap:4px 12px}.tree-workspace-head .family-meta .save-status{flex-basis:100%;order:1;font-size:9px}}.family-start{text-align:center;background:#fff;border:1px solid #cce4dc;border-radius:20px;margin:24px 0;padding:40px 28px}.family-start h2{margin-top:0}.family-start p{max-width:620px;margin:0 auto 24px;line-height:2}.family-is-empty :is(.workspace-grid,.tree-workspace-head,.memory-strip,.local-note,.intro-actions,.mobile-nav){display:none!important}.tool-service-icon{object-fit:contain;vertical-align:middle;flex-shrink:0;width:24px;height:24px;display:inline-block}.recovery-symbol{background:0 0;width:48px;height:48px}.recovery-symbol .tool-service-icon{width:48px;height:48px}