:root{--bg:#f4f6f9;--panel:#fff;--panel2:#f9fafb;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--accent:#1d4ed8;--accent-text:#fff;--accent-soft:#eff6ff;--danger:#b91c1c;--danger-soft:#fef2f2;--ok:#047857;--ok-soft:#ecfdf5;--warn:#b45309;--warn-soft:#fffbeb;--shadow:0 1px 3px #00000014,0 1px 2px #0000000a}[data-theme=dark]{--bg:#0f172a;--panel:#1e293b;--panel2:#172033;--text:#e2e8f0;--muted:#94a3b8;--border:#334155;--accent:#3b82f6;--accent-text:#fff;--accent-soft:#1e3a5f;--danger:#f87171;--danger-soft:#3f1d1d;--ok:#34d399;--ok-soft:#064e3b;--warn:#fbbf24;--warn-soft:#422006;--shadow:0 1px 3px #0006}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-family:Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,sans-serif;font-size:15px;line-height:1.7}a{color:var(--accent)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}button{font-family:inherit;font-size:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:8px 16px;font-weight:600;transition:all .15s}button:hover:not(:disabled){background:var(--panel2)}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.primary:hover:not(:disabled){filter:brightness(1.1);background:var(--accent)}button.danger{color:var(--danger);border-color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-soft)}button.sm{border-radius:6px;padding:4px 10px;font-size:13px}input[type=text],input[type=password],select{border:1px solid var(--border);background:var(--panel2);width:100%;color:var(--text);font-family:inherit;font-size:inherit;border-radius:8px;padding:9px 12px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}label{color:var(--muted);margin-bottom:5px;font-size:13px;font-weight:600;display:block}.field{margin-bottom:14px}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin-bottom:20px;padding:20px}.card h2{margin:0 0 4px;font-size:17px}.sub{color:var(--muted);margin:0 0 16px;font-size:13px}.muted{color:var(--muted)}.center{text-align:center}.badge{border:1px solid var(--border);background:var(--panel2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700;display:inline-block}.badge.ok{background:var(--ok-soft);color:var(--ok);border-color:#0000}.badge.warn{background:var(--warn-soft);color:var(--warn);border-color:#0000}.badge.accent{background:var(--accent-soft);color:var(--accent);border-color:#0000}.badge.danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.msg{border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13.5px;font-weight:600}.msg.error{background:var(--danger-soft);color:var(--danger)}.msg.ok{background:var(--ok-soft);color:var(--ok)}.note{background:var(--warn-soft);border:1px solid var(--warn);color:var(--warn);border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:13px}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-box{background:var(--panel);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:12px;padding:26px}.login-mark{letter-spacing:.08em;color:var(--accent);text-align:center;font-size:34px;font-weight:800;line-height:1.2}.login-sub{color:var(--muted);text-align:center;margin:2px 0 24px;font-size:13px}.theme-corner{position:fixed;top:16px;right:16px}header.app{background:var(--panel);border-bottom:1px solid var(--border);z-index:20;position:sticky;top:0}.header-inner{flex-wrap:wrap;align-items:center;gap:12px;max-width:1240px;margin:0 auto;padding:11px 20px;display:flex}.brand{letter-spacing:.06em;color:var(--accent);font-size:19px;font-weight:800;text-decoration:none}.spacer{flex:1}.whoami{color:var(--muted);text-align:right;font-size:13px;line-height:1.4}.whoami b{color:var(--text);font-size:14px;display:block}main{max-width:1240px;margin:0 auto;padding:24px 20px 60px}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:22px;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:10px 16px;font-size:14px;font-weight:700}.tab:hover{color:var(--text);background:0 0}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tiles{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.tile{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text);border-radius:14px;padding:22px;text-decoration:none;transition:all .15s;display:block}.tile:hover{border-color:var(--accent);transform:translateY(-2px)}.tile .icon{font-size:30px;line-height:1}.tile .name{margin-top:10px;font-size:17px;font-weight:800}.tile .desc{color:var(--muted);margin-top:4px;font-size:12.5px}.tile .url{color:var(--muted);margin-top:12px;font-family:monospace;font-size:11.5px}.tile{position:relative}.tile.has-badge{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger),var(--shadow)}.tile-badges{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:14px;right:14px}.tile-badge{background:var(--danger);color:#fff;white-space:nowrap;border-radius:999px;padding:2px 11px;font-size:12.5px;font-weight:800}.tile-badge.sub{background:var(--warn,#b45309)}.empty{background:var(--panel);border:1px dashed var(--border);text-align:center;color:var(--muted);border-radius:12px;padding:40px 20px}.table-wrap{border:1px solid var(--border);border-radius:10px;max-height:66vh;overflow:auto}table{border-collapse:separate;border-spacing:0;background:var(--panel);width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 12px}th{background:var(--panel2);color:var(--muted);z-index:2;font-size:12.5px;font-weight:700;position:sticky;top:0}tbody tr:hover td{background:var(--panel2)}td.cell{text-align:center;padding:5px}th.appcol{text-align:center}td.namecol,th.namecol{background:var(--panel);z-index:1;position:sticky;left:0}th.namecol{background:var(--panel2);z-index:3}tbody tr:hover td.namecol{background:var(--panel2)}input[type=checkbox]{cursor:pointer;width:19px;height:19px;accent-color:var(--accent)}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:14px;display:flex}.toolbar .grow{flex:1;min-width:190px}.toolbar .field{margin:0}.bulk{background:var(--accent-soft);border:1px solid var(--accent);border-radius:10px;margin-bottom:14px;padding:12px 16px;font-size:13.5px}.bulk-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.count-line{color:var(--muted);margin-top:12px;font-size:13px}.count-line b{color:var(--text);font-size:15px}.auto-mark{color:var(--ok);font-size:12px;font-weight:700}.na-mark{color:var(--muted);font-size:12px}.row3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.row-kin{grid-template-columns:1.4fr .8fr 1.2fr auto;align-items:end;gap:10px;margin-bottom:10px;display:grid}.row-fam{grid-template-columns:1.4fr .8fr 1fr auto;align-items:end;gap:10px;margin-bottom:10px;display:grid}.row-lic{grid-template-columns:1.8fr 1fr 1fr 1fr auto;align-items:end;gap:10px;margin-bottom:10px;display:grid}.progress{background:var(--panel2);border:1px solid var(--border);border-radius:999px;height:8px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .3s}.save-bar{background:var(--bg);border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;padding:14px 0;display:flex;position:sticky;bottom:0}dl.detail{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:14px;display:grid}dl.detail dt{color:var(--muted);white-space:nowrap;font-size:13px}dl.detail dd{margin:0}.section-title{color:var(--accent);border-bottom:1px solid var(--border);margin:16px 0 6px;padding-bottom:4px;font-size:13px;font-weight:700}@media (max-width:760px){.row3,.row-kin,.row-fam,.row-lic{grid-template-columns:1fr}}.board{margin-top:34px}.board-sep{border:none;border-top:1px solid var(--border);margin:0 0 18px}.board-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.board-head h2{align-items:center;gap:7px;margin:0;font-size:16px;display:flex}.notice{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin-bottom:10px;padding:16px 20px}.notice.kind-important{border-left-color:var(--danger)}.notice.kind-renraku{border-left-color:var(--accent)}.notice.kind-gyouji{border-left-color:var(--ok)}.notice.kind-seido{border-left-color:var(--warn)}.notice .top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.notice .ttl{font-size:16.5px;font-weight:800;line-height:1.5}.notice .bd{white-space:pre-wrap;margin-top:6px;font-size:14.5px}.notice .bd.clamp{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notice .by{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-size:12.5px;display:flex}.notice .more{color:var(--accent);background:0 0;border:none;padding:2px 0;font-size:13px}.notice .more:hover:not(:disabled){background:0 0;text-decoration:underline}.new-dot{background:var(--danger);border-radius:50%;width:7px;height:7px;display:inline-block}.board-empty{background:var(--panel);border:1px dashed var(--border);text-align:center;color:var(--muted);border-radius:12px;padding:22px;font-size:13.5px}.past-btn{background:var(--panel);border:1px solid var(--border);width:100%;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;display:flex}.past-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--panel)}.past{border:1px solid var(--border);background:var(--panel);border-radius:12px;margin-top:10px;overflow:hidden}.past-row{border-bottom:1px solid var(--border)}.past-row:last-child{border-bottom:none}.past-row>.hd{cursor:pointer;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex}.past-row>.hd:hover{background:var(--panel2)}.past-row .date{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}.past-row .t{flex:1;min-width:160px;font-size:14px;font-weight:700}.past-row .bd{white-space:pre-wrap;padding:0 16px 14px;font-size:14px}.past-row .bd .by{color:var(--muted);margin-top:10px;font-size:12.5px}.nb-overlay{padding:max(20px,env(safe-area-inset-top)) 16px 24px;z-index:50;background:#00000080;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.nb-modal{background:var(--panel);border-radius:14px;width:100%;max-width:620px;margin:auto;padding:24px;box-shadow:0 20px 40px #0000004d}.nb-modal h3{margin:0 0 16px;font-size:18px}@media (max-width:600px){.notice{padding:14px 16px}}textarea{border:1px solid var(--border);background:var(--panel2);width:100%;color:var(--text);font-family:inherit;font-size:inherit;resize:vertical;border-radius:8px;min-height:120px;padding:9px 12px;line-height:1.6}textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.page-head{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.page-head h1{margin:0 0 2px;font-size:22px}.page-head p{margin:0;font-size:13.5px}.stats{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-bottom:22px;display:grid}.stat{background:var(--panel);border:2px solid var(--border);text-align:left;cursor:pointer;border-radius:12px;padding:12px 14px;font-weight:400;line-height:1.3;transition:all .18s}.stat:hover{border-color:var(--accent);box-shadow:0 4px 14px #1d4ed81f}.stat.active{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.stat .n{color:var(--accent);font-size:26px;font-weight:900;line-height:1}.stat.active .n{color:var(--accent-text)}.stat .l{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:3px;font-size:11px;font-weight:700}.stat.active .l{color:#ffffffbf}.toolbar select{width:auto;min-width:130px}.toolbar .chk-line{cursor:pointer;margin:0;padding-bottom:8px}.sg-list{gap:8px;display:grid}.sg-item{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:14px 18px 14px 16px;transition:all .18s;display:grid}.sg-item:hover{border-color:var(--accent);border-left-color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 20px #0000001c}.sg-item.done{opacity:.68}.sg-item.unread{border-left-color:var(--danger)!important}.sg-item.st-review{border-left-color:var(--warn)}.sg-item.st-progress{border-left-color:var(--accent)}.sg-item.st-done{border-left-color:var(--ok)}.sg-item.st-rejected{border-left-color:var(--muted)}.sg-item .vote{background:var(--panel2);border:2px solid var(--border);border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;width:52px;padding:10px 6px;font-size:20px;line-height:1;transition:all .18s;display:flex}.sg-item .vote .vc{color:var(--text);font-size:14px;font-weight:900;line-height:1}.sg-item .vote small{color:var(--muted);letter-spacing:.02em;font-size:10px;font-weight:700}.sg-item .vote.on{border-color:var(--accent);background:var(--accent-soft)}.sg-item .vote.on .vc,.sg-item .vote.on small{color:var(--accent)}.sg-item .tags{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:1px;display:flex}.sg-item .title{margin:3px 0 2px;font-size:16px;font-weight:800;line-height:1.35}.sg-item .body{color:var(--muted);-webkit-line-clamp:2;white-space:pre-wrap;-webkit-box-orient:vertical;font-size:13.5px;display:-webkit-box;overflow:hidden}.sg-item .meta{color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:8px;font-size:12px;display:flex}.reply-peek{background:var(--accent-soft);border-left:3px solid var(--accent);white-space:pre-wrap;border-radius:0 8px 8px 0;margin-top:8px;padding:6px 10px;font-size:13px}.reply-peek b{color:var(--accent);margin-bottom:1px;font-size:12px;display:block}.sg-modal{max-width:640px}.sg-modal h3{font-size:18px}.radio-row{flex-wrap:wrap;gap:8px;display:flex}.radio-row label{cursor:pointer;border:2px solid var(--border);color:var(--text);background:var(--panel2);border-radius:8px;align-items:center;gap:6px;margin:0;padding:7px 12px;font-size:14px;font-weight:600;transition:all .12s;display:flex}.radio-row label:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.radio-row input{accent-color:var(--accent)}.detail-body{white-space:pre-wrap;background:var(--panel2);border:1px solid var(--border);border-radius:10px;margin:10px 0;padding:12px 14px;font-size:14.5px;line-height:1.75}.timeline{border-left:2px solid var(--border);margin:0 0 0 8px;padding:0;list-style:none}.timeline li{padding:2px 0 12px 18px;font-size:13.5px;position:relative}.timeline li:before{content:"";background:var(--panel2);border:2px solid var(--border);border-radius:50%;width:14px;height:14px;position:absolute;top:9px;left:-8px}.timeline li.reply:before{background:var(--accent);border-color:var(--accent)}.timeline li.comment:before{background:var(--ok);border-color:var(--ok)}.timeline li .when{color:var(--muted);margin-bottom:2px;font-size:12px}.timeline li .txt{white-space:pre-wrap;line-height:1.6}.comment-box{background:var(--panel2);border:1px solid var(--border);border-radius:12px;margin-top:16px;padding:14px}.comment-box label{margin-bottom:6px}.link-del{color:var(--danger);background:0 0;border:none;margin-left:6px;padding:0 6px;font-size:12px;font-weight:600}.link-del:hover:not(:disabled){background:0 0;text-decoration:underline}.admin-box{background:var(--accent-soft);border:2px solid var(--accent);border-radius:12px;margin-top:18px;padding:16px}.admin-box .section-title{border-color:var(--accent);margin-top:0}.thumbs{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.thumbs img{object-fit:cover;border:1px solid var(--border);background:var(--panel2);border-radius:8px;width:72px;height:72px}.thumbs.large img{width:140px;height:140px}.thumbs.large a{line-height:0;display:block}.thumbs.large a:hover img{border-color:var(--accent)}.thumbs.edit .thumb{width:96px;position:relative}.thumbs.edit .thumb img{width:96px;height:96px}.thumbs.edit .thumb button{background:var(--panel);padding:1px 7px;font-size:11px;position:absolute;bottom:4px;right:4px}.thumbs.edit .thumb.removed img{opacity:.3}.thumbs.edit .thumb.add{border:1px dashed var(--accent);width:96px;height:96px;color:var(--accent);cursor:pointer;text-align:center;background:var(--accent-soft);border-radius:8px;justify-content:center;align-items:center;margin:0;font-size:12.5px;font-weight:700;display:flex}.sg-notice{background:var(--danger-soft);border:1px solid var(--danger);border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:13.5px}.sg-notice .hd{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sg-notice ul{margin:8px 0 0;padding-left:20px}.sg-notice li{flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0;display:flex}.sg-notice a{font-weight:700}.sg-banner{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;padding:14px 18px;display:flex}.sg-banner .ic{font-size:28px;line-height:1}.sg-banner .tx{flex:1;min-width:220px;font-size:13.5px}.sg-banner .tx b{font-size:15px;display:block}@media (max-width:640px){.sg-item{grid-template-columns:auto 1fr}}.overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border-radius:14px;width:100%;max-width:470px;max-height:90vh;padding:24px;overflow:auto;box-shadow:0 20px 40px #0000004d}.modal h3{margin:0 0 18px;font-size:17px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.chk-line{align-items:center;gap:8px;margin-bottom:6px;font-size:14px;display:flex}.chk-line input{width:17px;height:17px}@media (max-width:600px){.row2{grid-template-columns:1fr}main{padding:18px 14px 50px}.header-inner{padding:10px 14px}}.sp-hint{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);border-radius:10px;margin-bottom:16px;padding:11px 15px;font-size:13px;line-height:1.75}.sp-hint a{color:inherit}.sp-toolbar{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin-bottom:16px;padding:14px 16px}.sp-trow{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.sp-q{flex:1;min-width:200px}.sp-sort{width:auto;min-width:150px}.sp-chips{flex-wrap:wrap;gap:6px;display:flex}.sp-chip{border:1px solid var(--border);background:var(--panel2);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.sp-chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.sp-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;display:grid}.sp-emp{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;text-align:center;border-radius:12px;width:100%;padding:0 0 12px;font-weight:400;transition:all .15s;display:block;overflow:hidden}.sp-emp:hover{border-color:var(--accent);background:var(--panel);transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.sp-ph{aspect-ratio:1;object-fit:cover;background:var(--panel2);width:100%;display:block}.sp-noph{aspect-ratio:1;background:var(--panel2);width:100%;color:var(--muted);justify-content:center;align-items:center;font-size:40px;font-weight:800;display:flex}.sp-emp .nm{color:var(--text);margin:10px 10px 0;font-size:15px;font-weight:700;line-height:1.4}.sp-emp .kn{color:var(--muted);margin:1px 10px 0;font-size:11.5px;line-height:1.4}.sp-emp .dp{color:var(--accent);margin:6px 10px 0;font-size:12px;font-weight:600}.sp-emp .co{color:var(--muted);margin:1px 10px 0;font-size:11.5px}.sp-emp .yr{color:var(--muted);margin-top:2px;font-size:11.5px}.sp-new{vertical-align:middle;margin-left:4px;font-size:10px}.sp-overlay{z-index:50;background:#0000008c;padding:20px;position:fixed;inset:0;overflow:auto}.sp-modal{background:var(--panel);border-radius:14px;width:100%;max-width:560px;margin:auto;overflow:hidden;box-shadow:0 20px 40px #0000004d}.sp-mhead{background:var(--panel2);border-bottom:1px solid var(--border);gap:16px;padding:20px;display:flex}.sp-ph2{object-fit:cover;background:var(--panel);border-radius:10px;flex:none;width:118px;height:118px}.sp-noph2{background:var(--panel);width:118px;height:118px;color:var(--muted);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:42px;font-weight:800;display:flex}.sp-mbody{padding:20px}.sp-intro{white-space:pre-wrap;background:var(--panel2);border:1px solid var(--border);border-radius:10px;min-height:60px;padding:12px 14px;font-size:14px}.sp-intro.empty{color:var(--muted)}.sp-mfoot{border-top:1px solid var(--border);background:var(--panel2);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}@media (max-width:760px){.sp-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.sp-mhead{text-align:center;flex-direction:column;align-items:center}}