:root { --fa-paper:#fffbf0; --fa-ink:#403126; --fa-muted:#786956; --fa-teal:#16868b; --fa-teal-dark:#0e6469; --fa-border:#e6d9bc; --fa-gold:#edb934; }
.fa-page { margin:0; min-height:100vh; min-height:100dvh; color:var(--fa-ink); background:radial-gradient(ellipse at 8% 4%,#f0dfac80,transparent 46%),radial-gradient(ellipse at 100% 100%,#b6d9d15c,transparent 45%),#f8f1dc; font:16px/1.6 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif; }
.fa-page *, .fa-dialog * { box-sizing:border-box; }
.fa-page [hidden], .fa-dialog [hidden] { display:none !important; }
.fa-page a { color:var(--fa-teal-dark); text-underline-offset:3px; }
.fa-page input, .fa-page button, .fa-page select, .fa-page textarea, .fa-dialog input, .fa-dialog button { font:inherit; }
.fa-page button, .fa-dialog button { cursor:pointer; }
.fa-page button:disabled, .fa-dialog button:disabled { cursor:wait; opacity:.55; }
.fa-page :focus-visible, .fa-dialog :focus-visible { outline:3px solid #de982a; outline-offset:3px; }
.fa-shell { width:min(100% - 32px,720px); margin:32px auto; padding:42px; background:var(--fa-paper); border:1px solid var(--fa-border); border-radius:28px; box-shadow:0 16px 60px #5c53261c; }
.fa-login-shell { max-width:550px; margin:clamp(16px,6vh,64px) auto; }
.fa-brand { display:inline-grid; gap:0; color:#ed7928 !important; text-decoration:none; line-height:1.05; }
.fa-brand strong { font-size:28px; letter-spacing:-1.4px; }.fa-brand span { color:var(--fa-teal); text-align:right; font-size:14px; font-weight:750; }
.fa-eyebrow { margin:27px 0 6px; color:var(--fa-teal-dark); font-size:12px; letter-spacing:.13em; font-weight:800; }
.fa-page h1 { margin:0; font-size:clamp(28px,4.8vw,38px); letter-spacing:-.04em; line-height:1.25; }
.fa-lead { margin:12px 0 23px; color:var(--fa-muted); line-height:1.65; }
.fa-page h2, .fa-dialog h2 { margin:0 0 10px; font-size:23px; letter-spacing:-.025em; line-height:1.3; }
.fa-page h3, .fa-dialog h3 { margin:0 0 6px; font-size:16px; }
.fa-tabs { display:grid; grid-template-columns:1fr 1fr; padding:5px; border:1px solid #dbcbb0; border-radius:17px; background:#f2ead7; margin:24px 0; }
.fa-tabs button { padding:11px; border:0; border-radius:12px; background:transparent; color:#76604b; font-weight:750; }
.fa-tabs button[aria-selected="true"] { background:var(--fa-paper); color:var(--fa-teal-dark); box-shadow:0 3px 14px #654a2021; }
.fa-message { margin:16px 0; padding:12px 14px; border-radius:11px; background:#edf4f1; border:1px solid #cfe1db; color:#31675f; overflow-wrap:anywhere; font-size:14px; }
.fa-message[data-kind="error"] { color:#a83824; background:#fff0e8; border-color:#f3bca9; }
.fa-message[data-kind="success"] { color:#176e57; background:#eaf5ed; border-color:#b9d9c2; }
.fa-form { display:grid; gap:10px; }
.fa-form label, .fa-form > div > label { display:block; margin:6px 0 0; font-size:14px; font-weight:750; }
.fa-page input:not([type="checkbox"]), .fa-page select, .fa-page textarea, .fa-dialog input:not([type="checkbox"]) { width:100%; padding:12px 14px; min-height:48px; color:var(--fa-ink); background:#fffefa; border:1px solid #cfc2aa; border-radius:11px; font-size:16px; }
.fa-form > div > input { margin-top:10px; }
.fa-page input::placeholder { color:#948979; font-size:14px; }
.fa-page input:focus, .fa-page textarea:focus { border-color:var(--fa-teal); }
.fa-password-row { display:flex; gap:7px; align-items:center; }
.fa-password-row input { min-width:0; }
.fa-password-row button { padding:10px 4px; flex:none; }
.fa-primary, .fa-secondary, .fa-small-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 19px; border-radius:11px; font-weight:750 !important; text-decoration:none; line-height:1.4; }
.fa-primary { color:#fff; background:var(--fa-teal); border:1px solid var(--fa-teal-dark); box-shadow:0 4px 0 var(--fa-teal-dark); }
.fa-primary:hover:not(:disabled) { background:var(--fa-teal-dark); }
.fa-secondary, .fa-small-button { background:#fffaf0; color:var(--fa-teal-dark); border:1px solid #ccbda0; }
.fa-secondary:hover:not(:disabled), .fa-small-button:hover:not(:disabled) { background:#f0ead9; }
.fa-form > .fa-primary { width:100%; margin-top:12px; }
.fa-text-button { min-height:44px; padding:8px 6px; border:0; background:transparent; color:var(--fa-teal-dark); font-weight:700 !important; }
.fa-helper { color:var(--fa-muted); font-size:13px; line-height:1.65; margin:10px 0; }
.fa-trial-note { display:flex; gap:13px; margin-top:30px; padding:18px 16px; border-radius:16px; background:#f2ecda; color:var(--fa-muted); font-size:13px; }
.fa-trial-note p { margin:0; }.fa-trial-note strong { color:var(--fa-ink); font-size:14px; }.fa-note-icon { color:#d69523; font-size:28px; line-height:1.2; }
.fa-footer { margin:25px 0 0; color:var(--fa-muted); font-size:12px; text-align:center; }.fa-footer a { margin-left:5px; }
.fa-page-header, .fa-section-header { display:flex; gap:20px; justify-content:space-between; align-items:center; }
.fa-back { font-size:13px; text-decoration:none; }
.fa-card { margin:20px 0 0; padding:25px; background:#fffdf6; border:1px solid var(--fa-border); border-radius:19px; }
.fa-card > p, .fa-section-header p { margin:8px 0 15px; color:var(--fa-muted); font-size:14px; }
.fa-access-card { padding:27px; background:linear-gradient(135deg,#eef6e6,#f9f5e3); border:1px solid #d6dec3; border-radius:21px; }
.fa-access-card h2 { margin-top:16px; }.fa-account-name { font-size:20px; font-weight:750; margin:0 0 10px; }.fa-access-card p:not(.fa-account-name) { font-size:14px; color:var(--fa-muted); }
.fa-badge { display:inline-block; padding:5px 10px; border-radius:99px; background:#f0e4bd; color:#88641d; font-size:12px; font-weight:750; white-space:nowrap; }
.fa-badge[data-active="true"], .fa-badge[data-kind="used"] { background:#dff0e5; color:#237353; }.fa-badge[data-kind="disabled"] { background:#f4e3de; color:#924d3e; }
.fa-mode-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:20px; }.fa-mode-grid span { text-align:center; padding:10px 4px; color:#675237; background:#fffaf1; border:1px solid #e4d3b4; border-radius:11px; font-size:13px; font-weight:750; }
.fa-parent-actions { display:flex; gap:16px; align-items:center; justify-content:space-between; margin-top:25px; }
.fa-admin-shell { max-width:1220px; margin:30px auto; padding:0 28px 25px; }.fa-admin-header { display:flex; align-items:flex-start; justify-content:space-between; gap:30px; }.fa-admin-header .fa-eyebrow { margin-top:0; }
.fa-admin-header-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px 17px; max-width:340px; padding-top:8px; font-size:13px; }.fa-admin-header-links span { width:100%; text-align:right; color:var(--fa-muted); }
.fa-admin-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:26px 0; }.fa-admin-stats article { padding:18px 22px; border-radius:17px; border:1px solid #dfd2b6; background:#fffaf0; }.fa-admin-stats span { display:block; color:var(--fa-muted); font-size:13px; }.fa-admin-stats strong { display:block; margin-top:5px; color:var(--fa-teal-dark); font-size:30px; line-height:1.25; }
.fa-admin-nav { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }.fa-admin-nav a, .fa-admin-nav button { min-height:42px; padding:9px 14px; text-decoration:none; font-size:13px; border:1px solid #d5c7aa; border-radius:10px; background:#fffaf0; color:var(--fa-teal-dark); font-weight:750; }.fa-admin-nav #admin-refresh { margin-left:auto; }
.fa-code-form { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:23px 0; }.fa-code-form label { font-size:13px; font-weight:750; margin-left:8px; }.fa-code-form input { max-width:100px; }.fa-code-form .fa-primary { margin-right:15px; }
.fa-generated { padding:18px; border:1px solid #bdd7cf; border-radius:14px; background:#edf7f1; margin:20px 0; }.fa-generated textarea { margin-top:15px; font-family:ui-monospace,Consolas,monospace; resize:vertical; }
.fa-search-form { display:flex; gap:10px; margin:24px 0 15px; }.fa-search-form input { flex:1; min-width:0; }.fa-search-form select { width:auto; max-width:150px; }.fa-search-form button { flex-shrink:0; }
.fa-table-wrap { overflow-x:auto; border:1px solid #e3d8bf; border-radius:13px; }.fa-table { width:100%; border-collapse:collapse; font-size:13px; text-align:left; white-space:nowrap; }.fa-table th { color:#655a47; background:#f5efdf; font-weight:750; }.fa-table th, .fa-table td { padding:14px 16px; border-bottom:1px solid #e7ddc7; }.fa-table tbody tr:last-child td { border-bottom:0; }.fa-table tbody tr:hover { background:#faf5e8; }.fa-activation-code { font-size:13px; color:#0e686b; }.fa-small-button { padding:6px 10px; font-size:12px !important; min-height:34px; border-radius:8px; }
.fa-inline-actions { display:flex; flex-wrap:wrap; gap:8px; }.fa-share-summary { display:flex; gap:25px; justify-content:space-between; align-items:center; }.fa-share-summary .fa-secondary { flex-shrink:0; }
.fa-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; }
.fa-copy-area { position:fixed; width:1px; height:1px; top:0; left:0; opacity:0; }
.fa-dialog { width:min(580px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); padding:0; border:0; border-radius:24px; overflow:auto; color:var(--fa-ink); background:var(--fa-paper); font:15px/1.65 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif; box-shadow:0 25px 100px #1a312957; }
.fa-dialog::backdrop { background:#162e326b; backdrop-filter:blur(6px); }.fa-dialog-panel { position:relative; padding:36px; }.fa-dialog-panel .fa-eyebrow { margin-top:0; margin-right:25px; }.fa-dialog-panel > p { color:var(--fa-muted); }.fa-dialog-panel > .fa-eyebrow { color:var(--fa-teal-dark); }
.fa-dialog-close { position:absolute; top:14px; right:14px; height:36px; width:36px; padding:0; border:0; border-radius:50%; background:#efe6d1; color:#655642; font-size:25px !important; line-height:1; }
.fa-dialog-actions { display:flex; gap:13px; justify-content:flex-end; align-items:center; margin-top:25px; }.fa-dialog-actions > * { flex:1; }.fa-switch-label { display:flex; gap:14px; align-items:center; padding:18px; border:1px solid var(--fa-border); background:#f8f0de; border-radius:13px; margin:24px 0 15px; cursor:pointer; }.fa-switch-label input { width:24px; height:24px; flex-shrink:0; accent-color:var(--fa-teal); }.fa-switch-label strong, .fa-switch-label small { display:block; }.fa-switch-label small { color:var(--fa-muted); font-size:12px; }
.fa-device-dialog { width:min(720px,calc(100vw - 24px)); }.fa-devices-list { display:grid; gap:13px; }.fa-device-item { display:flex; gap:18px; align-items:center; padding:16px; border:1px solid #ddd1b7; border-radius:13px; background:#fffdf7; }.fa-device-item > div { min-width:0; flex:1; }.fa-device-item .fa-small-button { flex:none; }.fa-device-agent { font-size:12px; color:var(--fa-muted); overflow-wrap:anywhere; max-height:65px; overflow:auto; margin:7px 0; }.fa-device-item .fa-helper { margin-bottom:0; }
.fa-gate-dialog { text-align:center; }.fa-gate-icon { font-size:48px; margin:18px 0 12px; }.fa-gate-dialog h2 { font-size:28px; }.fa-gate-dialog .fa-eyebrow { margin-right:0; }.fa-gate-dialog #endless-access-context { min-height:52px; }
.fa-home-parent { text-decoration:none; color:inherit; }.fa-home-parent .parent-tool-icon { background:#19938d; color:#fff; font-size:27px; }.fa-share-hidden #referral-open { display:none !important; }.fa-account-activation-link { display:inline-block; margin-right:12px; }
/* Keep the existing opaque toolbar footprint while accommodating the parent link. */
.island-home .home-top-rail .parent-tools { grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,2.9fr); }
.island-home .home-top-rail .parent-tools .parent-tool-copy strong { font-size:.86cqw; }
.island-home .home-top-rail .parent-tools #referral-open .parent-tool-copy strong { font-size:1.2cqw; }
.island-home .home-top-rail .parent-tools #family-parent-entry .parent-tool-copy strong { white-space:pre-line; line-height:1.05; text-align:center; }
.fa-share-hidden .island-home .home-top-rail .parent-tools { grid-template-columns:repeat(5,minmax(0,1fr)); }
.fa-share-hidden .island-home .home-top-rail .parent-tools .parent-tool-copy strong { font-size:1.02cqw; }
@media (max-width:700px) {
  .fa-shell { padding:27px 22px; border-radius:21px; }.fa-page-header { align-items:flex-start; }.fa-back { max-width:125px; text-align:right; }.fa-card, .fa-access-card { padding:21px; }.fa-mode-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fa-admin-shell { padding:0 15px 25px; margin:20px auto; }.fa-admin-header { display:block; }.fa-admin-header-links { justify-content:flex-start; max-width:none; }.fa-admin-header-links span { text-align:left; }.fa-admin-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:20px 0; }.fa-admin-stats article { padding:15px; }.fa-admin-stats strong { font-size:26px; }
  .fa-admin-nav #admin-refresh { margin-left:0; }.fa-code-form { gap:8px; }.fa-code-form .fa-primary { width:100%; margin:0 0 10px; }.fa-code-form label { margin-left:0; }.fa-code-form input { max-width:90px; }.fa-code-form .fa-secondary { flex:1; }
  .fa-search-form { flex-wrap:wrap; }.fa-search-form input { flex-basis:100%; }.fa-search-form select { flex:1; max-width:none; }.fa-search-form button { flex:1; }.fa-section-header { align-items:flex-start; gap:12px; }.fa-generated .fa-section-header { flex-direction:column; }.fa-share-summary { display:block; }.fa-share-summary .fa-secondary { width:100%; margin-top:18px; }
  .fa-dialog-panel { padding:28px 23px; }.fa-dialog-actions { gap:10px; }.fa-dialog-actions .fa-primary, .fa-dialog-actions .fa-secondary { padding:10px 11px; font-size:14px; }.fa-device-item { display:block; }.fa-device-item .fa-small-button { margin-top:13px; }
}
@media (max-height:500px) and (orientation:landscape) { .fa-gate-dialog .fa-dialog-panel { padding:22px 27px; }.fa-gate-icon { font-size:30px; margin:5px 0; }.fa-gate-dialog h2 { font-size:23px; }.fa-gate-dialog p { margin:6px 0; }.fa-gate-dialog .fa-dialog-actions { margin-top:16px; } }
.fa-admin-page .fa-home-display-summary { display:flex; gap:25px; justify-content:space-between; align-items:center; }
.fa-admin-page .fa-home-display-summary .fa-secondary { flex-shrink:0; min-height:44px; }
@media (max-width:700px) {
  .fa-admin-page .fa-home-display-summary { display:block; }
  .fa-admin-page .fa-home-display-summary .fa-secondary { width:100%; margin-top:18px; }
}
/* 20261015-family-admin-r25: keep the shared device specification beside its label. */
.fa-code-form .fa-code-spec, .fa-code-form .fa-code-quantity { display:flex; align-items:center; gap:8px; min-width:0; }
.fa-code-form .fa-code-spec { flex:0 0 auto; }
.fa-code-form .fa-code-quantity { flex:1 1 310px; flex-wrap:wrap; }
.fa-code-form .fa-code-spec label, .fa-code-form .fa-code-quantity label { margin-left:0; white-space:nowrap; }
.fa-code-form select { width:128px; max-width:100%; flex:0 0 128px; }
.fa-code-form .fa-primary { margin-right:0; }
@media (max-width:700px) {
  .fa-code-form .fa-code-spec, .fa-code-form .fa-code-quantity { flex-basis:100%; }
  .fa-code-form .fa-code-spec select { flex:0 0 128px; }
}