:root{color-scheme:light;--color-text: #1c1c1a;--color-muted: #5c5c57;--color-border: #d4d4d0;--color-border-strong: #a3a39e;--color-surface: #ffffff;--color-surface-muted: #f3f3f1;--color-action: #1d4ed8;--color-action-hover: #1e3a8a;--color-inverse: #1c1c1a;--color-on-inverse: #ffffff;--radius: 10px;--target-size: 44px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4;-webkit-text-size-adjust:100%;text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-surface);color:var(--color-text);-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}a{color:var(--color-action)}a:hover{color:var(--color-action-hover)}:focus-visible{outline:3px solid var(--color-action);outline-offset:2px}[tabindex="-1"]:focus{outline:none}#root{max-width:40rem;min-height:100vh;min-height:100dvh;margin:0 auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.screen{display:flex;flex-direction:column}.screen-header{padding:20px 16px 4px}.screen-title{margin:0;font-size:26px;line-height:1.2}.screen-body{display:flex;flex-direction:column;gap:20px;padding:16px}.muted{margin:0;color:var(--color-muted)}.top-bar{display:flex;align-items:center;gap:4px;padding:8px;border-bottom:1px solid var(--color-border)}.top-bar-title{display:flex;flex-direction:column;min-width:0}.top-bar-heading,.top-bar-label{margin:0;font-size:16px;font-weight:600;line-height:1.3}.top-bar-subtitle{margin:0;font-size:13px;color:var(--color-muted)}.icon-link{display:flex;flex:none;align-items:center;justify-content:center;width:var(--target-size);height:var(--target-size);border-radius:8px;color:var(--color-text)}.icon-link:hover{color:var(--color-text);background:var(--color-surface-muted)}.list-section{display:flex;flex-direction:column;gap:8px}.section-title{margin:0;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted)}.empty-state{margin:0;padding:16px 12px;border:1px dashed var(--color-border-strong);border-radius:var(--radius);color:var(--color-muted);font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--target-size);padding:0 16px;border:1px solid transparent;border-radius:var(--radius);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer}.button-primary{background:var(--color-action);color:var(--color-on-inverse)}.button-primary:hover{background:var(--color-action-hover);color:var(--color-on-inverse)}.button-secondary{border-color:var(--color-text);background:var(--color-surface);color:var(--color-text)}.button-secondary:hover{background:var(--color-surface-muted);color:var(--color-text)}.button-large{min-height:52px;font-size:17px}.screen-message{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.screen-message p{margin:0}.loading{margin:0;padding:16px;color:var(--color-muted);animation:reveal 0s linear .3s both}@keyframes reveal{0%{visibility:hidden}to{visibility:visible}}.update-region{position:fixed;right:0;bottom:0;left:0;z-index:10;max-width:40rem;margin:0 auto;padding:0 calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));pointer-events:none}.update-prompt{display:flex;align-items:center;gap:4px;padding:8px 8px 8px 14px;border-radius:var(--radius);background:var(--color-inverse);color:var(--color-on-inverse);pointer-events:auto}.update-prompt-text{flex:1;font-size:14px;line-height:1.35}.update-prompt-later,.update-prompt-reload{min-height:var(--target-size);border:none;font-size:14px;cursor:pointer}.update-prompt-later{padding:0 10px;background:transparent;color:var(--color-on-inverse);text-decoration:underline}.update-prompt-reload{padding:0 14px;border-radius:8px;background:var(--color-surface);color:var(--color-text);font-weight:600}.update-prompt :focus-visible{outline-color:var(--color-on-inverse)}