:root{--color-bg-page: #f7f8fa;--color-bg-surface: #ffffff;--color-bg-subtle: #eef1f5;--color-bg-brand: #183b66;--color-bg-brand-hover: #102c4d;--color-bg-danger-subtle: #fff1f0;--color-bg-warning-subtle: #fff7df;--color-bg-danger: #9b1c1c;--color-bg-danger-hover: #711414;--color-bg-backdrop: #17212b99;--color-text-primary: #17212b;--color-text-secondary: #4c5a67;--color-text-on-brand: #ffffff;--color-text-link: #075ca8;--color-text-danger: #9b1c1c;--color-text-warning: #694b00;--color-text-success: #176b3a;--color-border-default: #c7cfd8;--color-border-strong: #687684;--color-border-brand: #183b66;--color-border-danger: #9b1c1c;--color-focus: #b54708;--color-shadow: #17212b2e}*{box-sizing:border-box}html{font-family:Inter,Noto Sans JP,system-ui,sans-serif;color:var(--color-text-primary);background:var(--color-bg-page);line-height:1.6}body{margin:0}button,a{font:inherit}a{color:var(--color-text-link);text-underline-offset:.2em}a:hover{text-decoration-thickness:.15em}:focus-visible{outline:.2rem solid var(--color-focus);outline-offset:.2rem}.skip-link{position:fixed;z-index:10;left:1rem;top:1rem;transform:translateY(-200%);padding:.6rem 1rem;background:var(--color-bg-surface)}.skip-link:focus{transform:none}.shell{min-height:100vh}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-default)}.brand{font-weight:800;color:var(--color-text-primary);text-decoration:none}.nav{display:flex;gap:1rem;align-items:center}.container{width:min(68rem,100% - 2rem);margin-inline:auto;padding:clamp(2rem,7vw,5rem) 0}.narrow{width:min(32rem,100% - 2rem)}.eyebrow{font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.15;margin:.4rem 0 1rem}h2{line-height:1.25}.lead{font-size:1.1rem;color:var(--color-text-secondary)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:1rem;padding:clamp(1.25rem,4vw,2rem);box-shadow:0 .5rem 1.6rem var(--color-shadow)}.auth-card{margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:2.75rem;padding:.65rem 1rem;border-radius:.5rem;border:2px solid var(--color-border-brand);font-weight:700;cursor:pointer;text-decoration:none}.button-primary{background:var(--color-bg-brand);color:var(--color-text-on-brand)}.button-primary:hover{background:var(--color-bg-brand-hover)}.button-google{width:100%;background:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border-strong)}.google-mark{font-size:1.35rem;font-weight:800}.status{padding:.75rem 1rem;border-radius:.5rem;margin:1rem 0}.status-error{background:var(--color-bg-danger-subtle);color:var(--color-text-danger);border-left:.3rem solid var(--color-text-danger)}.status-warning{background:var(--color-bg-warning-subtle);color:var(--color-text-warning);border-left:.3rem solid var(--color-text-warning)}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem}.empty{margin-top:2rem;text-align:center;padding:clamp(2rem,8vw,5rem)}.empty-icon{font-size:2.5rem;margin:0}.muted{color:var(--color-text-secondary)}.loading{padding:4rem;text-align:center}.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}@media(max-width:40rem){.site-header,.dashboard-head{align-items:flex-start;flex-direction:column}.nav{width:100%;justify-content:space-between}.dashboard-head .button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.button-secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border-strong)}.button-secondary:hover{background:var(--color-bg-subtle)}.button-danger{background:var(--color-bg-danger);color:var(--color-text-on-brand);border-color:var(--color-border-danger)}.button-danger:hover{background:var(--color-bg-danger-hover)}.button:disabled{cursor:not-allowed;opacity:.55}.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem}.connection-card{display:flex;flex-direction:column;gap:1.25rem}.connection-card h2{margin:.1rem 0 0}.connection-card-head{display:flex;align-items:center;gap:1rem}.connection-card-head .eyebrow{margin:0}.platform-mark{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.75rem;background:var(--color-bg-subtle);font-weight:800}.connection-status{font-weight:700;margin:0}.status-active{color:var(--color-text-success)}.connection-warning{margin:0}.connection-warning p{margin:.25rem 0 0}.account{display:flex;align-items:center;gap:.8rem;padding:1rem;background:var(--color-bg-subtle);border-radius:.75rem}.account-avatar{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;object-fit:cover;background:var(--color-bg-surface);border:1px solid var(--color-border-default)}.account-avatar-fallback{font-size:.8rem;font-weight:800}.account-label{display:block;font-size:.8rem;color:var(--color-text-secondary)}.connection-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto}.confirm-dialog{width:min(31rem,calc(100% - 2rem));padding:0;border:1px solid var(--color-border-default);border-radius:1rem;background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:0 1rem 3rem var(--color-shadow)}.confirm-dialog::backdrop{background:var(--color-bg-backdrop)}.confirm-dialog form{padding:1.5rem}.confirm-dialog h2{margin-top:0}.dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}@media(max-width:40rem){.connection-grid{grid-template-columns:1fr}.connection-actions .button{width:100%}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}}