:root{--sol-primary: #4f6df5;--sol-primary-dark: #3a55d6;--sol-accent: #f5a623;--sol-surface: #fbf7f0;--sol-surface-white: #ffffff;--sol-ink: #1c2433;--sol-muted: #6b7689;--sol-success: #1faa6c;--sol-danger: #d9534f;--sol-hairline: #e7ebf3;--sol-primary-tint: rgba(79, 109, 245, .1);--sol-accent-tint: rgba(245, 166, 35, .14);--sol-success-tint: rgba(31, 170, 108, .12);--sol-danger-tint: rgba(217, 83, 79, .12);--sol-radius-sm: 8px;--sol-radius-md: 12px;--sol-radius-card: 16px;--sol-radius-pill: 999px;--sol-space-xs: 4px;--sol-space-sm: 8px;--sol-space-md: 16px;--sol-space-lg: 24px;--sol-space-xl: 32px;--sol-space-2xl: 48px;--sol-shadow-card: 0 2px 8px rgba(28, 36, 51, .06);--sol-shadow-raised: 0 8px 24px rgba(28, 36, 51, .1);--sol-shadow-floating: 0 16px 40px rgba(28, 36, 51, .16);--sol-font-ui: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sol-font-display: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--sol-wordmark-tracking: -.02em;--sol-weight-regular: 400;--sol-weight-medium: 500;--sol-weight-semibold: 600;--sol-weight-bold: 700}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--sol-surface);color:var(--sol-ink);font-family:var(--sol-font-ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:var(--sol-weight-bold);letter-spacing:-.01em;line-height:1.25}p{margin:0}a{color:var(--sol-primary);text-decoration:none}a:hover{text-decoration:underline}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--sol-primary);outline-offset:2px;border-radius:var(--sol-radius-sm)}.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}.skip-link{position:absolute;left:var(--sol-space-md);top:-48px;z-index:100;background:var(--sol-surface-white);color:var(--sol-ink);padding:var(--sol-space-sm) var(--sol-space-md);border-radius:var(--sol-radius-md);box-shadow:var(--sol-shadow-raised);transition:top .15s ease}.skip-link:focus{top:var(--sol-space-md)}.app-shell{display:flex;flex-direction:column;min-height:100%}.container{width:100%;max-width:960px;margin:0 auto;padding:0 var(--sol-space-md)}.page{flex:1;padding:var(--sol-space-lg) 0 var(--sol-space-2xl)}.stack{display:flex;flex-direction:column;gap:var(--sol-space-md)}.stack-sm{display:flex;flex-direction:column;gap:var(--sol-space-sm)}.row{display:flex;align-items:center;gap:var(--sol-space-sm)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sol-space-sm)}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.card{background:var(--sol-surface-white);border:1px solid var(--sol-hairline);border-radius:var(--sol-radius-card);box-shadow:var(--sol-shadow-card);padding:var(--sol-space-lg)}.card-tight{padding:var(--sol-space-md)}.topbar{position:sticky;top:0;z-index:20;background:var(--sol-surface-white);border-bottom:1px solid var(--sol-hairline);padding-top:env(safe-area-inset-top)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sol-space-md);height:60px}.wordmark{display:inline-flex;align-items:center;gap:var(--sol-space-sm);font-family:var(--sol-font-display);font-weight:var(--sol-weight-bold);letter-spacing:var(--sol-wordmark-tracking);color:var(--sol-ink);font-size:1.25rem}.wordmark:hover{text-decoration:none}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--sol-radius-pill);background:var(--sol-primary-tint);color:var(--sol-primary-dark);font-weight:var(--sol-weight-semibold);font-size:.85rem;flex:none}.user-menu{position:relative}.user-button{display:inline-flex;align-items:center;gap:var(--sol-space-sm);background:transparent;border:1px solid transparent;border-radius:var(--sol-radius-pill);padding:4px;cursor:pointer;color:var(--sol-ink);font:inherit}.user-button:hover{background:var(--sol-surface)}.user-name{font-weight:var(--sol-weight-medium);font-size:.9rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-popover{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:var(--sol-surface-white);border:1px solid var(--sol-hairline);border-radius:var(--sol-radius-md);box-shadow:var(--sol-shadow-floating);padding:var(--sol-space-sm);z-index:30}.menu-item{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:var(--sol-radius-sm);padding:var(--sol-space-sm) var(--sol-space-sm);font:inherit;color:var(--sol-ink);cursor:pointer}.menu-item:hover{background:var(--sol-surface)}.menu-meta{padding:var(--sol-space-sm);color:var(--sol-muted);font-size:.8rem;border-bottom:1px solid var(--sol-hairline);margin-bottom:var(--sol-space-xs)}.pills{display:flex;gap:var(--sol-space-sm);overflow-x:auto;padding:var(--sol-space-sm) 0;scrollbar-width:thin}.pill{display:inline-flex;align-items:center;gap:var(--sol-space-xs);flex:none;background:var(--sol-surface-white);border:1px solid var(--sol-hairline);border-radius:var(--sol-radius-pill);padding:6px 14px;font:inherit;font-size:.9rem;color:var(--sol-ink);cursor:pointer;white-space:nowrap}.pill:hover{border-color:var(--sol-primary)}.pill[aria-pressed=true],.pill.active{background:var(--sol-primary);border-color:var(--sol-primary);color:#fff}.pill-emoji{font-size:1.1rem;line-height:1}.tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--sol-hairline);scrollbar-width:thin}.tab{flex:none;background:transparent;border:0;border-bottom:3px solid transparent;padding:var(--sol-space-sm) var(--sol-space-md);font:inherit;font-weight:var(--sol-weight-medium);color:var(--sol-muted);cursor:pointer;white-space:nowrap}.tab:hover{color:var(--sol-ink)}.tab.active{color:var(--sol-primary-dark);border-bottom-color:var(--sol-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sol-space-xs);border-radius:var(--sol-radius-md);border:1px solid transparent;padding:10px 16px;font:inherit;font-weight:var(--sol-weight-semibold);font-size:.95rem;cursor:pointer;transition:background .12s ease,border-color .12s ease;min-height:44px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--sol-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--sol-primary-dark)}.btn-ghost{background:var(--sol-surface-white);border-color:var(--sol-hairline);color:var(--sol-ink)}.btn-ghost:hover:not(:disabled){border-color:var(--sol-primary)}.btn-danger{background:transparent;border-color:var(--sol-danger);color:var(--sol-danger)}.btn-danger:hover:not(:disabled){background:var(--sol-danger-tint)}.btn-sm{min-height:36px;padding:6px 12px;font-size:.85rem}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.85rem;font-weight:var(--sol-weight-medium);color:var(--sol-ink)}.field-hint{font-size:.78rem;color:var(--sol-muted)}.field-error{font-size:.78rem;color:var(--sol-danger)}.input,.select,.textarea{width:100%;font:inherit;color:var(--sol-ink);background:var(--sol-surface-white);border:1px solid var(--sol-hairline);border-radius:var(--sol-radius-md);padding:10px 12px;min-height:44px}.input:focus,.select:focus,.textarea:focus{border-color:var(--sol-primary);outline:none;box-shadow:0 0 0 3px var(--sol-primary-tint)}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--sol-danger)}.textarea{min-height:96px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--sol-space-md)}@media (min-width: 640px){.form-grid-2{grid-template-columns:1fr 1fr}}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:var(--sol-weight-semibold);border-radius:var(--sol-radius-pill);padding:2px 10px;background:var(--sol-surface);color:var(--sol-muted);border:1px solid var(--sol-hairline)}.badge-primary{background:var(--sol-primary-tint);color:var(--sol-primary-dark);border-color:transparent}.badge-accent{background:var(--sol-accent-tint);color:#9a6406;border-color:transparent}.badge-success{background:var(--sol-success-tint);color:var(--sol-success);border-color:transparent}.badge-danger{background:var(--sol-danger-tint);color:var(--sol-danger);border-color:transparent}.muted{color:var(--sol-muted)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.section-title{font-size:1.15rem}.lead{color:var(--sol-muted);font-size:.95rem}.empty{text-align:center;padding:var(--sol-space-2xl) var(--sol-space-md);color:var(--sol-muted)}.empty-emoji{font-size:2.5rem;display:block;margin-bottom:var(--sol-space-sm)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--sol-hairline);border-top-color:var(--sol-primary);animation:spin .8s linear infinite;margin:var(--sol-space-2xl) auto}@keyframes spin{to{transform:rotate(360deg)}}.list{display:flex;flex-direction:column;gap:var(--sol-space-sm)}.list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sol-space-md);padding:var(--sol-space-md);border:1px solid var(--sol-hairline);border-radius:var(--sol-radius-md);background:var(--sol-surface-white)}.dialog-backdrop{position:fixed;inset:0;background:#1c243366;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0}@media (min-width: 640px){.dialog-backdrop{align-items:center;padding:var(--sol-space-md)}}.dialog{background:var(--sol-surface-white);width:100%;max-width:520px;max-height:92vh;overflow-y:auto;border-radius:var(--sol-radius-card) var(--sol-radius-card) 0 0;box-shadow:var(--sol-shadow-floating);padding:var(--sol-space-lg)}@media (min-width: 640px){.dialog{border-radius:var(--sol-radius-card)}}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sol-space-md)}.icon-button{background:transparent;border:0;border-radius:var(--sol-radius-pill);width:36px;height:36px;cursor:pointer;color:var(--sol-muted);font-size:1.2rem;line-height:1}.icon-button:hover{background:var(--sol-surface);color:var(--sol-ink)}.banner{display:flex;align-items:flex-start;gap:var(--sol-space-sm);padding:var(--sol-space-md);border-radius:var(--sol-radius-md);font-size:.9rem}.banner-info{background:var(--sol-primary-tint);color:var(--sol-primary-dark)}.banner-danger{background:var(--sol-danger-tint);color:var(--sol-danger)}.banner-accent{background:var(--sol-accent-tint);color:#9a6406}.auth-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--sol-space-lg);background:radial-gradient(1200px 500px at 50% -10%,rgba(245,166,35,.12),transparent),var(--sol-surface)}.auth-card{width:100%;max-width:420px;text-align:center}.auth-sun{margin:0 auto var(--sol-space-md)}.message{padding:var(--sol-space-md);border:1px solid var(--sol-hairline);border-radius:var(--sol-radius-md);background:var(--sol-surface-white)}.message.is-newest{border-color:var(--sol-primary);box-shadow:0 0 0 3px var(--sol-primary-tint)}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--sol-space-sm);margin-bottom:6px}.message-author{font-weight:var(--sol-weight-semibold);font-size:.9rem}.message-body{white-space:pre-wrap;word-break:break-word}.custody-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.custody-day{border-radius:var(--sol-radius-sm);padding:var(--sol-space-sm) 4px;text-align:center;font-size:.78rem;border:1px solid var(--sol-hairline)}.custody-day .dow{display:block;color:var(--sol-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.custody-day .num{font-weight:var(--sol-weight-semibold);font-size:.95rem}.custody-day.parent-a{background:var(--sol-primary-tint);border-color:transparent}.custody-day.parent-b{background:var(--sol-accent-tint);border-color:transparent}.custody-day.is-today{outline:2px solid var(--sol-ink);outline-offset:-2px}.custody-legend{display:flex;gap:var(--sol-space-md);flex-wrap:wrap;font-size:.82rem}.legend-swatch{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;margin-right:6px}.scope-list{display:grid;grid-template-columns:1fr;gap:var(--sol-space-sm)}@media (min-width: 480px){.scope-list{grid-template-columns:1fr 1fr}}.scope-toggle{display:flex;align-items:center;gap:var(--sol-space-sm);border:1px solid var(--sol-hairline);border-radius:var(--sol-radius-md);padding:var(--sol-space-sm) var(--sol-space-md);cursor:pointer}.scope-toggle input{width:18px;height:18px;accent-color:var(--sol-primary)}.scope-toggle.sensitive{border-color:var(--sol-accent)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}