:root{--paper: #faf6f0;--paper-deep: #f3ece1;--card: #fffdf9;--ink: #3d4a5c;--ink-soft: #5c6b80;--ink-line: #b9c2cf;--brand: #f29b7d;--brand-dark: #c96f4e;--brand-soft: #fce8df;--outline: #ebe2d3;--divider: #f4ede2;--danger: #b4453c;--ok: #4f7a63;--sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif: "Fraunces", Georgia, "Times New Roman", serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--rule: 1px solid var(--outline);--hair: 1px solid var(--divider)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 1px 1px,rgba(61,74,92,.045) 1px,transparent 0);background-size:22px 22px}button,input,select{font:inherit;color:inherit}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100%}.rail{border-right:var(--rule);padding:28px 22px;display:flex;flex-direction:column;gap:32px;background:#fffdf999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.wordmark{font-family:var(--serif);font-optical-sizing:auto;font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1}.wordmark span{display:block;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--ink-soft);margin-top:6px}.nav{display:flex;flex-direction:column;gap:2px}.nav button{appearance:none;border:0;background:none;text-align:left;padding:9px 12px;border-radius:8px;cursor:pointer;color:var(--ink-soft);font-weight:600;font-size:14px;transition:color .15s,background .15s}.nav button:hover{color:var(--ink);background:var(--divider)}.nav button[aria-current=true]{color:var(--ink);background:var(--brand-soft)}.rail-foot{margin-top:auto;font-size:12px;color:var(--ink-soft);display:flex;flex-direction:column;gap:10px}.rail-foot .btn.quiet{align-self:flex-start}.rail-foot .who{font-family:var(--mono);font-size:11px;color:var(--ink);word-break:break-all}.main{padding:40px 44px 72px;max-width:1100px}.page-title{font-family:var(--serif);font-optical-sizing:auto;font-size:clamp(27px,3.2vw,38px);overflow-wrap:anywhere;font-weight:600;letter-spacing:-.025em;margin:0 0 4px;line-height:1.05}.page-note{margin:0 0 34px;color:var(--ink-soft);font-size:14px;max-width:60ch}.section-label{font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.01em;color:var(--ink);padding-bottom:8px;border-bottom:var(--rule);margin:40px 0 18px}.mono{font-family:var(--mono);font-size:12px}.figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));border-top:var(--rule);border-left:var(--rule)}.figure{border-right:var(--rule);border-bottom:var(--rule);padding:20px 22px 22px;background:var(--card)}.figure dt{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--ink-soft)}.figure dd{margin:10px 0 0;font-family:var(--serif);font-optical-sizing:auto;font-size:40px;font-weight:600;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.figure .sub{margin-top:8px;font-size:12px;color:var(--ink-soft)}.figure.accent dd{color:var(--brand-dark)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-family:var(--sans);font-size:12px;font-weight:600;color:var(--ink-soft);padding:0 14px 10px 0;border-bottom:var(--rule);white-space:nowrap}.table td{padding:13px 14px 13px 0;border-bottom:var(--hair);vertical-align:baseline}.table tbody tr{cursor:pointer;transition:background .12s}.table tbody tr:hover{background:var(--card)}.table td.num{font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.table .primary{font-weight:600}.tag{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid currentColor;line-height:1.4}.tag.on{color:var(--brand-dark);background:var(--brand-soft);border-color:transparent}.tag.off{color:var(--ink-soft)}.btn{appearance:none;border:var(--rule);background:var(--card);border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,transform .08s}.btn:hover:not(:disabled){border-color:var(--ink-soft)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn.primary:hover:not(:disabled){background:#33404f}.btn.quiet{background:none;border-color:transparent;color:var(--ink-soft);padding-left:0}.btn.quiet:hover:not(:disabled){color:var(--ink);border-color:transparent}.btn.danger{color:var(--danger);border-color:#e6cfcb}.input{border:var(--rule);background:var(--card);border-radius:8px;padding:10px 14px;width:100%;outline:none;transition:border-color .15s}.input:focus{border-color:var(--brand)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.notice{border-left:3px solid var(--brand);background:var(--card);padding:12px 16px;border-radius:0 8px 8px 0;font-size:14px;margin:18px 0}.notice.bad{border-left-color:var(--danger);color:var(--danger)}.empty{padding:40px 0;color:var(--ink-soft);font-size:14px}.facts{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0;font-size:14px}.facts dt{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--ink-soft);padding:11px 0;border-bottom:var(--hair)}.facts dd{margin:0;padding:11px 0;border-bottom:var(--hair);word-break:break-word}.family{border:var(--rule);border-radius:10px;padding:18px 20px;background:var(--card);margin-bottom:12px}.family h4{margin:0 0 12px;font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:-.015em}.child{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-top:var(--hair)}.child .meta{font-family:var(--mono);font-size:12px;color:var(--ink-soft)}.ribbon{margin-top:44px;border-top:2px solid var(--ink);padding-top:12px;font-family:var(--mono);font-size:11px;color:var(--ink-soft);display:flex;gap:10px;align-items:baseline}.ribbon strong{color:var(--ink);font-weight:500}.audit-line{display:grid;grid-template-columns:168px 132px minmax(0,1fr);gap:16px;padding:10px 0;border-bottom:var(--hair);font-family:var(--mono);font-size:12px;align-items:baseline}.audit-line .action{color:var(--brand-dark);font-weight:500}.audit-line .who{color:var(--ink-soft)}.audit-line .what{color:var(--ink);word-break:break-all}.gate{min-height:100%;display:grid;place-items:center;padding:32px}.gate-card{width:100%;max-width:380px}.gate-card .wordmark{font-size:42px;margin-bottom:22px}.gate-card p{color:var(--ink-soft);font-size:14px;margin:0 0 26px}.gate-card form{display:flex;flex-direction:column;gap:12px}.code-input{font-family:var(--mono);font-size:26px;letter-spacing:.42em;text-align:center;padding:14px 0 14px .42em}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rise{animation:rise .45s cubic-bezier(.22,1,.36,1) both}.rise-1{animation-delay:.04s}.rise-2{animation-delay:.1s}.rise-3{animation-delay:.16s}@media(prefers-reduced-motion:reduce){.rise{animation:none}}@media(max-width:860px){.shell{grid-template-columns:1fr}.rail{border-right:0;border-bottom:var(--rule)}.main{padding:28px 20px 56px}.facts{grid-template-columns:1fr;gap:0}.facts dt{border-bottom:0;padding-bottom:0}.audit-line{grid-template-columns:1fr;gap:2px}}.nav a{display:block;text-decoration:none;padding:9px 12px;border-radius:8px;color:var(--ink-soft);font-weight:600;font-size:14px;transition:color .15s,background .15s}.nav a:hover{color:var(--ink);background:var(--divider)}.nav a[aria-current=page]{color:var(--ink);background:var(--brand-soft)}.figure dd{font-variant-numeric:tabular-nums}.trend{margin-top:10px;font-size:13px;display:flex;align-items:baseline;gap:6px}.trend .arrow{font-weight:700}.trend.up .arrow{color:var(--ok)}.trend.down .arrow{color:var(--brand-dark)}.trend .vs{color:var(--ink-soft)}.figure.lead dd{font-size:52px}.figures.lead{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.table tbody tr:hover{background:var(--card);box-shadow:inset 3px 0 0 var(--brand)}.table tbody tr:focus-visible{outline:2px solid var(--brand-dark);outline-offset:-2px}.table .age{color:var(--ink-soft);font-size:13px}.search-row{display:flex;gap:12px;align-items:center}.search-hint{font-size:13px;color:var(--ink-soft);white-space:nowrap}kbd{font-family:var(--mono);font-size:11px;border:var(--rule);border-bottom-width:2px;border-radius:5px;padding:1px 5px;background:var(--card)}.record-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;border-bottom:2px solid var(--ink);padding-bottom:20px;margin-bottom:8px}.record-head .who h1{margin:0 0 6px}.record-head .id{font-family:var(--mono);font-size:12px;color:var(--ink-soft);word-break:break-all}.record-head .state{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap;font-size:14px;color:var(--ink-soft)}.record-head .actions{display:flex;flex-direction:column;gap:8px;min-width:210px}.skeleton{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--divider),var(--paper-deep),var(--divider));background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.skeleton-stack{display:flex;flex-direction:column;gap:12px;margin-top:24px}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}@media(max-width:860px){.record-head{grid-template-columns:1fr}.record-head .actions{min-width:0}}.range-tabs{display:flex;gap:4px;margin:20px 0 24px}.range-tabs button{font:inherit;font-size:13px;padding:6px 14px;border:var(--rule);border-radius:999px;background:var(--card);color:var(--ink-soft);cursor:pointer}.range-tabs button.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark);font-weight:600}.step-label{font-weight:600;margin-bottom:6px}.bar-track{height:6px;border-radius:999px;background:var(--paper-deep);overflow:hidden;max-width:420px}.bar-fill{height:100%;border-radius:999px;background:var(--brand);transition:width .24s ease-out}.table tbody tr.worst{background:var(--brand-soft)}.table tbody tr.worst .bar-fill{background:var(--brand-dark)}.spark{display:flex;align-items:flex-end;gap:2px;height:80px;padding:8px 0}.spark-bar{flex:1;min-width:2px;border-radius:2px 2px 0 0;background:var(--brand);opacity:.75}.spark-bar:hover{opacity:1}@media(prefers-reduced-motion:reduce){.bar-fill{transition:none}}.shell{grid-template-columns:236px minmax(0,1fr)}.content{min-width:0}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;padding:14px 44px;background:#faf6f0db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:var(--hair)}.jump{display:flex;align-items:center;gap:10px;flex:1;max-width:520px}.jump .input{padding:9px 14px}.topbar-right{margin-left:auto;display:flex;gap:8px}.nav-group{margin-bottom:14px}.nav-section{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-line);padding:0 12px 6px}.nav a{display:flex;align-items:center;justify-content:space-between}.badge{font-family:var(--mono);font-size:11px;min-width:22px;text-align:center;padding:1px 6px;border-radius:999px;background:var(--brand-dark);color:var(--paper)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.page-head .page-note{margin-bottom:0}.page-actions{flex:none;padding-top:6px}.attention{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:26px}.attention-item{display:flex;align-items:baseline;gap:10px;padding:14px 16px;border:var(--rule);border-radius:12px;background:var(--card);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .12s}a.attention-item:hover{border-color:var(--ink-soft);transform:translateY(-1px)}.attention-item strong{font-family:var(--serif);font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.attention-item span{font-size:13px;color:var(--ink-soft)}.attention-item.hot{background:var(--brand-soft);border-color:var(--brand)}.attention-item.hot strong{color:var(--brand-dark)}.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.toolbar .input{flex:1;min-width:260px}.range-tabs a{text-decoration:none}.range-tabs a,.range-tabs button{font:inherit;font-size:13px;padding:6px 14px;border:var(--rule);border-radius:999px;background:var(--card);color:var(--ink-soft);cursor:pointer}.range-tabs a.active,.range-tabs button.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark);font-weight:600}.tag.warn{color:var(--brand-dark);border-color:var(--brand);background:var(--brand-soft)}.tag.ok{color:var(--ok);border-color:#cfe0d6;background:#eef5f1}.dim{color:var(--ink-soft)}.table.static tbody tr{cursor:default}.table.static tbody tr:hover{background:none;box-shadow:none}.cards{display:flex;flex-direction:column;gap:12px}.card{border:var(--rule);border-radius:12px;background:var(--card);padding:16px 18px 14px}.card.open{border-left:3px solid var(--brand)}.card-head{cursor:pointer}.card-title{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:8px}.card-title .cat{font-weight:700}.card-message{margin:0;font-size:15px;line-height:1.55;white-space:pre-wrap}.card-message.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;margin:12px 0 10px}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.btn.compact{padding:6px 12px;font-size:13px}.input.compact{padding:6px 10px;width:auto;font-size:14px}select.input{appearance:auto}textarea.input{resize:vertical;line-height:1.5}.input.mono{font-family:var(--mono);letter-spacing:.1em}.confirm{display:inline-flex;gap:6px;align-items:center}.editable{appearance:none;border:0;background:none;padding:2px 6px;margin-left:-6px;border-radius:6px;cursor:text;font:inherit;color:inherit;text-align:left;display:inline-flex;align-items:baseline;gap:10px}.editable:hover{background:var(--divider)}.editable .pencil{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-line)}.editable:hover .pencil{color:var(--brand-dark)}.edit-row{display:inline-flex;gap:6px;align-items:center}.family-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.family-head .role{font-size:12px;color:var(--ink-soft);display:flex;flex-direction:column;gap:4px}.child-main{display:flex;align-items:center;gap:8px}.tabs{display:flex;gap:2px;border-bottom:var(--rule);margin:22px 0 6px}.tabs button{font:inherit;font-size:14px;font-weight:600;background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;margin-bottom:-1px;color:var(--ink-soft);cursor:pointer}.tabs button.active{color:var(--ink);border-bottom-color:var(--ink)}.sheet{border:var(--rule);border-left:3px solid var(--ink);border-radius:0 12px 12px 0;background:var(--card);padding:18px 20px;margin:18px 0;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px;position:relative}.field label{font-size:13px;font-weight:600;color:var(--ink-soft);display:flex;justify-content:space-between}.compose{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}.compose-form{display:flex;flex-direction:column;gap:18px}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 12px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-weight:600;font-size:14px}.chip-x{border:0;background:none;color:inherit;font-size:16px;cursor:pointer;padding:0 2px}.menu{position:absolute;top:100%;left:0;right:0;z-index:4;background:var(--card);border:var(--rule);border-radius:10px;box-shadow:0 16px 40px #3d4a5c1f;overflow:hidden}.menu button{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;border:0;background:none;padding:10px 14px;font:inherit;cursor:pointer}.menu button:hover{background:var(--divider)}.preview{position:sticky;top:84px}.preview-label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px}.lockscreen{border-radius:26px;padding:26px 14px;background:linear-gradient(160deg,#2b3242,#4a5670);box-shadow:inset 0 0 0 6px #1b1f26,0 24px 60px #3d4a5c40;margin-bottom:12px}.banner{display:flex;gap:10px;background:#ffffffeb;border-radius:18px;padding:10px 12px;color:#1b1f26}.banner-icon{flex:none;width:36px;height:36px;border-radius:9px;background:linear-gradient(160deg,#f8dfcd,#f29b7d)}.banner-app{font-size:11px;font-weight:700;letter-spacing:.04em;color:#4c5b70;display:flex;justify-content:space-between}.banner-app span{font-weight:400;letter-spacing:0}.banner-title{font-weight:700;font-size:14px;margin-top:2px}.banner-body{font-size:13px;line-height:1.35;color:#2a3342;white-space:pre-wrap;overflow-wrap:anywhere}.sparks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.spark-card{border:var(--rule);border-radius:12px;background:var(--card);padding:14px 16px 10px}.spark-card.accent .spark-bar{background:var(--brand-dark)}.spark-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px}.spark-label{font-weight:700;font-size:14px}.spark-total{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.spark-total .dim{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:0}.spark-axis{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;color:var(--ink-line);margin-top:4px}.toasts{position:fixed;left:24px;bottom:24px;z-index:20;display:flex;flex-direction:column;gap:8px}.toast{font-family:var(--mono);font-size:12px;padding:10px 14px;border-radius:8px;background:var(--ink);color:var(--paper);box-shadow:0 12px 30px #3d4a5c40;animation:rise .25s ease-out both}.toast.bad{background:var(--danger)}@media(max-width:860px){.topbar{padding:12px 20px}.compose{grid-template-columns:1fr}.preview{position:static}.page-head{flex-direction:column}}