@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--sidebar-bg:#131720;--sidebar-border:#ffffff1a;--sidebar-text:#eef2f8;--sidebar-text-muted:#97a3bb;--sidebar-active-bg:#6366f12e;--sidebar-active-text:#c7d2fe;--sidebar-hover-bg:#ffffff0f;--content-bg:#f4f3ef;--card-bg:#fff;--card-shadow:0 1px 2px #0f172a0a, 0 4px 12px #0f172a0d, 0 12px 32px -8px #0f172a0f;--card-shadow-hover:0 2px 4px #0f172a0d, 0 8px 20px #0f172a12, 0 20px 48px -12px #0f172a1a;--card-radius:14px;--text-primary:#0f172a;--text-secondary:#4b5563;--text-muted:#6b7280;--accent:#6366f1;--accent-light:#6366f11a;--accent-hover:#4f46e5;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #818cf8 100%);--accent-gradient-hover:linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);--border:#0f172a14;--border-strong:#0f172a24;--input-bg:#f9f8f6;--success:#10b981;--success-light:#10b9811a;--danger:#ef4444;--danger-light:#ef44441a;--warning:#f59e0b;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a0a;--shadow-md:0 2px 4px #0f172a0f, 0 4px 10px #0f172a14;--shadow-lg:0 4px 8px #0f172a0f, 0 12px 28px #0f172a1f;--shadow-accent:0 1px 2px #4f46e533, 0 6px 16px -4px #6366f166;--shadow-accent-hover:0 2px 4px #4f46e540, 0 10px 24px -4px #6366f180;--shadow-danger:0 1px 2px #ef444426, 0 6px 16px -4px #ef44444d}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:var(--content-bg);font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}.btn{letter-spacing:.01em;cursor:pointer;will-change:transform;border:1px solid #0000;border-radius:9px;outline:none;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .12s,box-shadow .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:0 0 0 3px #6366f147, var(--shadow-sm)}.btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff2e}.btn-primary:hover:not(:disabled){background:var(--accent-gradient-hover);box-shadow:var(--shadow-accent-hover), inset 0 1px 0 #ffffff38;transform:translateY(-1px)}.btn-secondary{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-md);background:#fdfdfb;border-color:#0f172a38;transform:translateY(-1px)}.btn-danger{color:var(--danger);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #ef44444d}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:var(--shadow-danger);transform:translateY(-1px)}.card{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:1px solid #0f172a0a;transition:box-shadow .2s,transform .2s;overflow:hidden}.card-hover:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.input{border:1px solid var(--border-strong);width:100%;color:var(--text-primary);background:var(--input-bg);box-sizing:border-box;border-radius:9px;outline:none;padding:10px 13px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:inset 0 1px 2px #0f172a0a}.input::placeholder{color:#9aa3b2}.input:hover{border-color:#0f172a38}.input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #6366f12e,inset 0 1px 2px #0f172a08}.label{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:5px;font-size:12px;font-weight:500;display:block}.select{border:1px solid var(--border-strong);background-color:var(--card-bg);appearance:none;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border-radius:9px;outline:none;padding:9px 32px 9px 13px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s}.select:hover{border-color:#0f172a38}.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f12e, var(--shadow-sm)}.ProseMirror{outline:none;min-height:280px;font-size:15px;line-height:1.75}.ProseMirror p{margin:.5em 0}.ProseMirror h2{margin:1em 0 .5em;font-size:1.4em;font-weight:600}.ProseMirror h3{margin:.8em 0 .4em;font-size:1.2em;font-weight:600}.ProseMirror img{border-radius:8px;max-width:100%}.ProseMirror ul,.ProseMirror ol{padding-left:1.5em}.badge{letter-spacing:.03em;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 0 2px #fff6}.badge-published{background:var(--success-light);color:#047857;border-color:#10b98140}.badge-draft{color:#374151;background:#0f172a0d;border-color:#0f172a1a}.table-th{text-align:left;color:#4b5563;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border);background:#fafaf8;padding:10px 16px;font-size:11px;font-weight:700}.table-td{border-bottom:1px solid #0000000a;padding:12px 16px;font-size:13px}.page-title{letter-spacing:-.4px;color:var(--text-primary);background:linear-gradient(#0f172a 0%,#1f2937 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0f172a24 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#0f172a38 padding-box padding-box;border:2px solid #0000}