@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f1f3f5;--surface:#fff;--border:#dee2e6;--border-light:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--text-muted:#adb5bd;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#dbeafe;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--toolbar-h:52px;--statusbar-h:32px}html,body{background:var(--bg);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-size:13px}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr;display:grid}.toolbar-row{height:var(--toolbar-h);border-bottom:1px solid var(--border-light);align-items:center;gap:8px;padding:0 12px;display:flex}.toolbar-row:last-child{border-bottom:none}.toolbar-left{flex:1;align-items:center;gap:8px;display:flex}.toolbar-secondary,.toolbar-right{align-items:center;gap:8px;display:flex}.app-logo{align-items:center;gap:8px;margin-right:4px;display:flex}.logo-mark{background:var(--accent);color:#fff;letter-spacing:-.5px;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.logo-text{color:var(--text-primary);font-size:15px;font-weight:600}.divider{background:var(--border);width:1px;height:24px;margin:0 4px}.btn{border:1px solid var(--border);background:var(--surface);height:30px;color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:500;transition:background .1s,border-color .1s;display:inline-flex}.btn:hover{background:var(--bg);border-color:#c8ccd0}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg);border-color:var(--border)}.btn-save{color:#fff;background:#5bb88a;border-color:#5bb88a;height:32px;padding:0 16px;font-weight:600}.btn-save:hover{background:#3d9068;border-color:#3d9068}.btn-save.disabled{cursor:not-allowed;background:#a8d8bc;border-color:#a8d8bc}.dirty-badge{height:30px;color:var(--warning);background:#fffbeb;border:1px solid #fcd34d;border-radius:5px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:flex}.dirty-dot{background:var(--warning);border-radius:50%;flex-shrink:0;width:7px;height:7px}.btn-discard{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 2px;font-family:inherit;font-size:11px;text-decoration:underline}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-bar{height:var(--statusbar-h);background:var(--surface);border-top:1px solid var(--border);color:var(--text-secondary);flex-shrink:0;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex}.status-item strong{color:var(--text-primary)}.status-sep{color:var(--border)}.text-green{color:var(--success)!important}.text-gray{color:var(--text-secondary)!important}.text-red{color:var(--danger)!important}.status-right{color:var(--text-muted);gap:12px;margin-left:auto;display:flex}kbd{background:var(--bg);border:1px solid var(--border);height:17px;color:var(--text-secondary);border-radius:3px;padding:0 5px;font-family:inherit;font-size:11px;line-height:17px;display:inline-block}.app-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.grid-wrapper{flex:1;min-height:0;position:relative;overflow:hidden}.sheet-tabs{border-top:1px solid var(--border);background:#e5e7eb;flex-shrink:0;align-items:flex-end;gap:3px;height:46px;padding-left:8px;display:flex}.sheet-tab{height:36px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#d1d5db;border:1px solid #0000;border-bottom:none;border-radius:5px 5px 0 0;align-items:center;padding:0 24px;font-family:inherit;font-size:13px;font-weight:500;transition:background .1s;display:flex}.sheet-tab:hover{color:var(--text-primary);background:#e9ecef}.sheet-tab.active{background:var(--surface);color:#2a6b4e;border-color:#5bb88a #a8d8bc #a8d8bc;border-top-style:solid;border-top-width:3px;height:40px;font-size:14px;font-weight:700}.blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px 28px;transition:box-shadow .15s}.blog-card:hover{box-shadow:0 4px 16px #00000014}.prose{color:#334155;font-size:15px;line-height:1.8}.prose h2{color:#1e293b;font-size:20px;font-weight:700}.prose h3{color:#1e293b;font-size:16px;font-weight:700}.prose p{margin:0 0 20px}.prose ul,.prose ol{margin:0 0 20px;padding-left:24px}.prose li{margin-bottom:6px}.prose strong{color:#1e293b;font-weight:700}.prose a{color:#5bb88a;text-decoration:underline}.prose a:hover{opacity:.8}.prose code{background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:13px}.prose pre{color:#e2e8f0;background:#1e293b;border-radius:8px;margin:0 0 20px;padding:20px;font-size:13px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote,.prose blockquote p{margin:0}.prose hr{border:none;border-top:1px solid #e2e8f0;margin:32px 0}.footer-heading{color:#fff;letter-spacing:.05em;text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:700}.footer-link{color:#ffffff80;font-size:13px;text-decoration:none;transition:color .2s}.footer-link:hover{color:#a8d8bc}.footer-link-truncate{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.footer-link-more{margin-top:4px;color:#a8d8bc!important}.footer-grid{grid-template-columns:1.6fr 1fr 1.3fr 1fr 1fr;gap:32px;margin-bottom:40px;display:grid}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.footer-grid{grid-template-columns:1fr;gap:32px}}.pagination-btn{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 12px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.pagination-btn:hover{color:#5bb88a;background:#f0fdf4;border-color:#5bb88a}.pagination-btn-active{font-weight:700;color:#fff!important;background:#5bb88a!important;border-color:#5bb88a!important}.dvn-scroller::-webkit-scrollbar{width:10px;height:10px}.dvn-scroller::-webkit-scrollbar-track{background:#f1f5f9}.dvn-scroller::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}.dvn-scroller::-webkit-scrollbar-thumb:hover{background:#94a3b8}