:root{--bg:#f6f7f9;--panel:#fff;--text:#1d2330;--muted:#5b6475;--line:#d9dde5;--accent:#1f6feb;--warn-bg:#fff4e0;--warn:#8a5300;--bad-bg:#fde8e8;--bad:#a61b1b;--ok-bg:#e7f6ec;--ok:#1b6b34;--info-bg:#e8f0fe;--topbar-h:0px;--accent-dark:#1858c4;--send:#1f6feb}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--topbar-h) + 12px)}body{background:var(--bg);color:var(--text);margin:0;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;font-size:15px;line-height:1.6}button{font:inherit;border:1px solid var(--line);background:var(--panel);min-height:36px;color:var(--text);cursor:pointer;border-radius:6px;padding:6px 14px;line-height:1.4}button:hover:not(:disabled){background:#f2f4f7;border-color:#aab2c0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px;outline:3px solid #9cc2ff}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}button.danger{background:var(--bad);color:#fff;border-color:var(--bad)}button.danger:hover:not(:disabled){background:#8a1515;border-color:#8a1515}button.quiet{color:var(--muted);background:0 0;border-color:#0000}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font:inherit;border:1px solid var(--line);background:var(--panel);width:100%;min-height:36px;color:var(--text);border-radius:6px;padding:6px 8px}textarea{resize:vertical;min-height:64px}label{margin:8px 0;display:block}label>span{color:var(--muted);font-size:13px;display:block}label.inline{align-items:center;gap:8px;display:flex}label.inline input,input[type=checkbox],input[type=radio]{width:auto;min-height:0}.topbar{z-index:5;background:var(--panel);border-bottom:1px solid var(--line);padding:8px 16px 0;position:sticky;top:0;box-shadow:0 1px 3px #141e320d}.topbar-main{flex-wrap:wrap;align-items:center;gap:6px 16px;display:flex}.topbar h1{margin:0;font-size:17px}.topbar h1 button.home{min-height:0;font:inherit;color:var(--text);background:0 0;border:none;padding:0;font-weight:700}.status{color:var(--muted);flex-wrap:wrap;flex:320px;gap:2px 14px;min-width:0;font-size:13px;display:flex}.status>span{white-space:nowrap}.status strong{color:var(--text)}.status .bad,.status-alerts .bad{color:var(--bad)}.status strong.pending{color:var(--accent)}.status .busy{color:var(--accent);font-weight:600}.status .small{font-size:12px}.top-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.help-button{border-color:var(--accent);color:var(--accent)}.help-button.current{background:var(--info-bg)}.status-alerts{flex-wrap:wrap;gap:4px 16px;margin-top:6px;font-size:13px;display:flex}.backup-alert{background:var(--bad-bg);color:var(--bad);border:1px solid var(--bad);border-radius:6px;margin-bottom:6px;padding:6px 12px;font-weight:700}.tabs{scrollbar-width:thin;align-items:flex-end;gap:4px;margin-top:8px;display:flex;overflow-x:auto}.tabs button.tab{color:var(--muted);background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;flex:none;padding:6px 12px 7px}.tabs button.tab:hover{background:var(--bg);color:var(--text)}.tabs button.tab.current{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.tabs button.tab.alert{color:var(--bad);font-weight:700}.tabs button.tab.send{color:#fff;background:var(--send);border-radius:6px 6px 0 0;font-weight:700}.tabs button.tab.send:hover{background:var(--accent-dark);color:#fff}.tabs button.tab.send.current{border-bottom-color:#0b3d91}.tabs .whoami{color:var(--muted);white-space:nowrap;flex:none;margin-left:auto;padding:0 4px 8px;font-size:12px}.actions{flex-wrap:wrap;gap:8px;display:flex}.layout{grid-template-columns:240px minmax(0,1fr);gap:16px;max-width:1360px;margin:0 auto;padding:16px;display:grid}.main-column{min-width:0}.children{background:var(--panel);border:1px solid var(--line);top:calc(var(--topbar-h) + 16px);max-height:calc(100vh - var(--topbar-h) - 32px);border-radius:8px;align-self:start;padding:8px;position:sticky;overflow-y:auto}.children-title{color:var(--muted);margin:4px 8px 6px;font-size:13px}.children-list{flex-direction:column;gap:2px;display:flex}.children-list button{text-align:left;border:none;border-left:3px solid #0000;border-radius:6px;flex-direction:column;align-items:flex-start;width:100%;min-height:40px;padding:6px 10px;display:flex}.children-list button.selected{background:var(--info-bg);border-left-color:var(--accent);font-weight:600}.children-list button.ended .child-name{color:var(--muted)}.children-list button.has-conflict{border-left-color:var(--bad)}.children-list button.has-dirty:not(.selected){border-left-color:#9cc2ff}.children .sub{color:var(--muted);font-size:12px;font-weight:400}.children-list .child-name{overflow-wrap:anywhere;word-break:break-all;max-width:100%;display:block}.children-list button.ended .child-name{font-size:13px}.ended-group{border-top:1px solid var(--line);margin-top:8px;padding-top:6px}.ended-group>summary{padding:4px 8px;font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0;padding:16px 20px}.panel h2{flex-wrap:wrap;align-items:center;gap:8px;margin-top:0;font-size:19px;display:flex}.child-head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px;display:flex}.child-head h2{margin:0 auto 0 0}.toc{background:var(--bg);border-radius:8px;flex-direction:column;gap:6px;margin:8px 0 4px;padding:10px 12px;font-size:14px;display:flex}.toc-group{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.toc-group .area-tag{text-align:center;min-width:9.5em}.toc a{color:var(--accent);white-space:nowrap;text-decoration:none}.toc a:hover{text-decoration:underline}nav.toc:not(:has(.toc-group)){flex-flow:wrap;gap:4px 16px}section.kind{scroll-margin-top:calc(var(--topbar-h) + 12px);margin:24px 0}section.kind h3{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 8px;padding-bottom:6px;font-size:16px;display:flex}section.kind h3 .section-title{margin-right:2px}h3.plain{margin:20px 0 8px;font-size:16px}.area-tag{border:1px solid var(--line);white-space:nowrap;border-radius:10px;padding:1px 10px;font-size:12px;font-weight:600}.area-tag.view{color:#4a5263;background:#eef0f3}.area-tag.local{color:#5b3d8a;background:#f3ecfb;border-color:#d9c8f0}.area-tag.send{background:var(--info-bg);color:#164fa8;border-color:#b9d0fa}button.help-link{width:24px;height:24px;min-height:0;color:var(--accent);background:var(--panel);border-color:#b9d0fa;border-radius:50%;flex:none;padding:0;font-size:13px;line-height:22px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 12px;display:grid}.search-row{align-items:flex-start}.search-row>input{flex:260px;width:auto;min-width:0}.search-row>button{flex:none}.search-row .filters{flex-wrap:wrap;flex:100%;gap:8px;display:flex}.search-row .filters select{flex:150px;width:auto;min-width:0}.search-row .filters button{flex:none}ol.flow{counter-reset:flow;gap:8px;margin:8px 0 16px;padding:0;list-style:none;display:grid}ol.flow li{counter-increment:flow;border:1px solid var(--line);border-radius:8px;grid-template-rows:auto auto;grid-template-columns:32px 1fr;column-gap:10px;padding:10px 12px;display:grid}ol.flow li:before{content:counter(flow);background:var(--accent);color:#fff;border-radius:50%;grid-row:span 2;place-items:center;width:28px;height:28px;font-weight:700;display:grid}ol.flow li span{color:var(--muted);font-size:14px}.help-topic{scroll-margin-top:calc(var(--topbar-h) + 12px);border-top:1px solid var(--line);margin-top:16px;padding-top:4px}.help-topic h3{font-size:17px}.help-topic ul{padding-left:20px}.help-topic li{margin:4px 0}.notice .bad,li.bad{color:var(--bad)}.card{border:1px solid var(--line);border-radius:8px;margin:10px 0;padding:10px 12px}.card.dirty{border-color:var(--accent)}.card.conflict{border-color:var(--bad);background:var(--bad-bg)}.card header{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.card header .title{margin-right:6px;font-weight:600}.badge{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:1px 8px;font-size:12px}.badge.dirty{background:var(--info-bg);border-color:var(--accent)}.badge.conflict{background:var(--bad-bg);color:var(--bad);border-color:var(--bad)}.badge.readonly{background:#eee}.badge.saved{background:var(--ok-bg);color:var(--ok)}.badge.review{background:var(--warn-bg);color:var(--warn);border-color:var(--warn)}.note{color:var(--muted);font-size:13px}.notice{border-radius:6px;margin:8px 0;padding:8px 12px}.notice.warn{background:var(--warn-bg);color:var(--warn)}.notice.bad{background:var(--bad-bg);color:var(--bad)}.notice.ok{background:var(--ok-bg);color:var(--ok)}.notice ul{margin:4px 0 0;padding-left:20px}dl.value{grid-template-columns:minmax(90px,max-content) 1fr;gap:2px 12px;margin:0;display:grid}dl.value dt{color:var(--muted);font-size:13px}dl.value dd{white-space:pre-wrap;word-break:break-word;margin:0}.compare{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=760px){.compare{grid-template-columns:1fr}}.compare>div{border:1px solid var(--line);background:var(--panel);border-radius:6px;min-width:0;padding:8px}.compare h4{margin:0 0 6px;font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.login{background:var(--panel);border:1px solid var(--line);border-radius:8px;max-width:360px;margin:64px auto;padding:24px}.login h1{margin-top:0;font-size:18px}table.summary{border-collapse:collapse;max-width:100%;margin:8px 0;display:block;overflow-x:auto}table.summary td,table.summary th{border:1px solid var(--line);text-align:left;vertical-align:top;padding:6px 10px}table.summary.stackable tr:first-child th{background:var(--bg);white-space:nowrap;font-size:13px}table.summary td>button:not(.link){white-space:nowrap;width:100%;margin:4px 0;display:block}table.summary td>button:not(.link):first-child{margin-top:0}details>summary{cursor:pointer;color:var(--muted)}.evidence-box{border-top:1px dashed var(--line);margin-top:8px;padding-top:6px}.evidence-box h4{color:var(--muted);margin:0 0 4px;font-size:13px}.evidence-box ul{margin:4px 0;padding-left:18px}button.link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.row select,.row input[type=search]{width:auto}.login ol.enroll-steps{padding-left:20px}.login ol.enroll-steps li{margin:10px 0}.qr{background:#fff;margin-top:6px;padding:4px;display:inline-block}.secret-key{letter-spacing:.08em;border:1px solid var(--line);-webkit-user-select:all;user-select:all;word-break:break-all;border-radius:6px;padding:6px 8px;font-size:18px;display:inline-block}a.button{border:1px solid var(--accent);border-radius:6px;padding:6px 14px;text-decoration:none;display:inline-block}a.button.primary{background:var(--accent);color:#fff}.recovery-codes code{letter-spacing:.06em;font-size:16px}.login{max-width:520px}.to-top{z-index:6;border-radius:20px;display:none;position:fixed;bottom:16px;right:16px;box-shadow:0 2px 8px #141e322e}.to-top.shown{display:block}@media (width<=900px){table.summary.stackable{border:none;display:block;overflow:visible}table.summary.stackable tbody,table.summary.stackable tr,table.summary.stackable td{display:block}table.summary.stackable tr:first-child{display:none}table.summary.stackable tr{border:1px solid var(--line);border-radius:8px;margin:8px 0;padding:6px 10px}table.summary.stackable td{border:none;padding:3px 0}table.summary.stackable td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:12px;display:block}table.summary.stackable td:last-child>button{width:auto;margin:4px 6px 0 0;display:inline-block}}@media (width<=760px){body{font-size:15px}button,input,select{min-height:42px}.topbar{padding:8px 12px 0;position:static}.topbar-main{gap:4px 10px}.topbar h1{flex:auto}.status{flex-basis:100%;order:3;gap:0 12px;font-size:12px}.top-actions{order:2}.top-actions button{padding:6px 10px}.tabs .whoami{display:none}.layout{grid-template-columns:minmax(0,1fr);gap:10px;padding:10px}.children,.ended-group,.children-list{min-width:0;max-width:100%}.children{max-height:none;padding:6px;position:static;overflow:visible}.children-title{margin:2px 4px 4px}.children-list{scrollbar-width:thin;flex-direction:row;gap:6px;padding-bottom:4px;overflow-x:auto}.children-list button{border:1px solid var(--line);border-left-width:1px;flex:none;width:auto;max-width:70vw}.children-list button.ended .child-name{text-overflow:ellipsis;white-space:nowrap;word-break:normal;max-width:40vw;overflow:hidden}.children-list button.selected{border-color:var(--accent)}.children-list button.has-conflict{border-color:var(--bad)}.panel{padding:12px}.toc-group .area-tag{min-width:0}.card-grid{grid-template-columns:1fr}dl.value{grid-template-columns:1fr;gap:0}dl.value dd{margin-bottom:6px}.login{margin:24px 12px;padding:18px}}.panel h2,.panel h3,.card header .title,table.summary td,table.summary th,dl.value dd,.panel li,.panel p,.notice{overflow-wrap:anywhere}