.system-public{background:var(--background);min-height:100svh;color:var(--foreground);padding:clamp(16px,4vw,48px)}.system-public-header{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto 48px;display:flex}.system-state-panel{border:1px solid var(--line);background:var(--panel);width:100%;max-width:760px;color:var(--foreground);overflow-wrap:anywhere;border-radius:20px;margin:clamp(24px,7vh,72px) auto;padding:clamp(24px,5vw,56px)}.system-state-symbol{border:1px solid var(--line);width:64px;height:64px;color:var(--accent-strong);pointer-events:none;border-radius:50%;place-items:center;margin-bottom:24px;display:grid}.system-state-panel .system-state-kicker{letter-spacing:.08em;color:var(--muted);font-size:.75rem;font-weight:700}.system-state-panel h1{letter-spacing:-.04em;margin:12px 0 20px;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.15}.system-state-panel>p{max-width:56ch;color:var(--muted);font-size:.95rem;line-height:1.7}.system-state-panel .system-state-reference{font-size:.75rem}.system-state-reference code{overflow-wrap:anywhere}.system-state-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.system-state-actions>*{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.system-help-link{color:var(--muted);text-underline-offset:.2em;font-size:.8rem}.system-loading{padding:clamp(20px,3vw,36px)}.system-skeleton{pointer-events:none}.system-skeleton-title,.system-skeleton-toolbar span,.system-skeleton-body span{background:color-mix(in srgb, var(--muted) 15%, var(--panel));border-radius:10px;display:block}.system-skeleton-title{width:min(70%,320px);height:36px;margin-bottom:28px}.system-skeleton-toolbar{justify-content:space-between;gap:16px;margin-bottom:28px;display:flex}.system-skeleton-toolbar span{width:140px;height:44px}.system-skeleton-body{gap:16px;display:grid}.system-skeleton-body span{min-height:80px}.system-loading-calendar .system-skeleton-body{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.system-loading-calendar .system-skeleton-body span{min-height:280px}.system-auth-notice{border:1px solid var(--line);border-left:3px solid var(--accent-strong);background:var(--panel);color:var(--foreground);overflow-wrap:anywhere;border-radius:10px;padding:16px;font-size:.875rem;line-height:1.6}.system-auth-notice code{margin-top:8px;font-size:.75rem;display:block}@media (max-width:420px){.system-state-actions{flex-direction:column;align-items:stretch}.system-public-header{flex-wrap:wrap}.system-loading{padding:16px}.system-loading-calendar .system-skeleton-body span{min-height:180px}}@media (prefers-reduced-motion:reduce){.system-state-panel *,.system-loading *,.system-auth-notice{transition:none;animation:none}}@media (forced-colors:active){.system-state-panel,.system-auth-notice,.system-state-symbol{border-color:canvastext}.system-skeleton-body span,.system-skeleton-title,.system-skeleton-toolbar span{border:1px solid canvastext}.system-state-actions :focus-visible{outline-offset:3px;outline:2px solid highlight}}