:root{--ink:#1c1a17;--muted:#6b7280;--faint:#9ca3af;--line:#e5e7eb;--bg:#f8fafc;--surface:#fff;--accent:#0f172a;--mist:#f1f5f9}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.6}a{color:inherit}.wrap{max-width:880px;margin:0 auto;padding:0 20px}.site{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;position:sticky;top:0}.site .row{justify-content:space-between;align-items:center;max-width:880px;margin:0 auto;padding:12px 20px;display:flex}.brand{letter-spacing:1px;font-weight:800;text-decoration:none}.brand .dim{color:var(--faint);font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{opacity:.92}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:#fff}.btn.sm{padding:5px 12px;font-size:12px}input,textarea,select{font:inherit;width:100%;color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 11px}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}label{color:#374151;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.muted{color:var(--muted)}.faint{color:var(--faint)}.meter{background:var(--mist);border-radius:999px;height:8px;overflow:hidden}.meter>span{background:#10b981;height:100%;display:block}.tag{background:var(--mist);color:#475569;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}h1{margin:0;font-size:24px}h2{margin:0;font-size:15px}.pj-rail{border-right:1px solid var(--line);background:var(--surface);z-index:15;width:210px;padding:14px 10px;position:fixed;top:53px;bottom:0;left:0;overflow:auto}.pj-rail nav{gap:2px;display:grid}.pj-rail a{color:var(--ink);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.pj-rail a.active{background:var(--accent);color:#fff}.pj-rail a:not(.active):hover{background:var(--mist)}.pj-main-padded{padding-left:230px!important}.pj-fab{z-index:30;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 16px #0000002e}@media (max-width:760px){.pj-rail{display:none}.pj-main-padded{padding-left:20px!important}}.menu-item:hover{background:var(--surface,#f3f4f6)}