:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f0f2f5;--border:#dde1e7;--text:#1c2430;--text-2:#5b6575;--accent:#1f6feb;--accent-soft:#e3edfd;--ok:#1a7f4b;--ok-soft:#e1f3e9;--warn:#9a6700;--warn-soft:#fff4d6;--err:#c0362c;--err-soft:#fde7e5;--heat-0:#eef0f3;--heat-1:#cfe0fb;--heat-2:#8fb8f5;--heat-3:#3d82ea;--radius:10px;--shadow:0 1px 2px #0000000f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;line-height:1.6}@media (prefers-color-scheme:dark){:root{--bg:#12161c;--surface:#1a1f27;--surface-2:#222833;--border:#2e3644;--text:#e4e8ee;--text-2:#9aa4b2;--accent:#5b9cff;--accent-soft:#1d2d47;--ok:#4cc38a;--ok-soft:#173326;--warn:#e0b341;--warn-soft:#3a3016;--err:#ff7b72;--err-soft:#3d1d1b;--heat-0:#232a35;--heat-1:#1f3a63;--heat-2:#2c5ea8;--heat-3:#4f8ff0;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}h1,h2,h3{margin:0 0 .5rem;line-height:1.3}h1{font-size:1.25rem}h2{font-size:1.05rem}h3{font-size:.95rem}p{margin:0 0 .5rem}a{color:var(--accent)}small,.muted{color:var(--text-2)}.muted{font-size:.85rem}.app{max-width:960px;padding:0 16px calc(84px + env(safe-area-inset-bottom));margin:0 auto}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin:0 -16px 12px;padding:10px 16px;display:flex;position:sticky;top:0}.topbar .title{flex:1;font-weight:700}.badge{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);white-space:nowrap;border-radius:99px;padding:1px 8px;font-size:.72rem;display:inline-block}.badge.secure{background:var(--warn-soft);color:var(--warn);border-color:#0000}.badge.ok{background:var(--ok-soft);color:var(--ok);border-color:#0000}.badge.accent{background:var(--accent-soft);color:var(--accent);border-color:#0000}.badge.err{background:var(--err-soft);color:var(--err);border-color:#0000}.bottomnav{z-index:20;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav nav{width:100%;max-width:960px;display:flex}.bottomnav a{color:var(--text-2);flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0 6px;font-size:.7rem;text-decoration:none;display:flex}.bottomnav a.active{color:var(--accent);font-weight:600}.bottomnav svg{width:22px;height:22px}.fab{right:max(16px,50% - 464px);bottom:calc(76px + env(safe-area-inset-bottom));z-index:21;border-radius:99px;padding:12px 18px;font-weight:700;position:fixed;box-shadow:0 4px 14px #0003}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:14px}.card>h2:first-child{margin-bottom:.75rem}.grid{gap:12px;display:grid}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=520px){.stats{gap:8px}}.stat .num{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.stat .num small{font-size:.85rem;font-weight:500}.stat .label{color:var(--text-2);font-size:.78rem}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.stack>*+*{margin-top:10px}.bar{background:var(--surface-2);border-radius:99px;height:8px;overflow:hidden}.bar>span{background:var(--accent);border-radius:99px;height:100%;transition:width .3s;display:block}.bar.done>span{background:var(--ok)}table.areas{border-collapse:collapse;width:100%;font-size:.85rem}table.areas th,table.areas td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:7px 4px}table.areas th{color:var(--text-2);font-size:.75rem;font-weight:600}table.areas td.num{font-variant-numeric:tabular-nums;white-space:nowrap}table.areas .ok{color:var(--ok);font-weight:600}label.field{margin-bottom:12px;display:block}label.field>span{color:var(--text-2);margin-bottom:4px;font-size:.8rem;font-weight:600;display:block}input[type=text],input[type=number],input[type=search],input[type=password],input[type=date],select,textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:9px 10px;font-size:16px}textarea{resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}.two{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.three{grid-template-columns:repeat(3,1fr);gap:0 12px;display:grid}.check{align-items:center;gap:8px;margin:6px 0;font-size:.92rem;display:flex}.check input{width:18px;height:18px}.seg{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{background:var(--surface);color:var(--text-2);border:0;border-radius:0;padding:7px 12px;font-size:.85rem}.seg button+button{border-left:1px solid var(--border)}.seg button.on{background:var(--accent);color:#fff}button,.btn{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;text-decoration:none;display:inline-flex}button:hover,.btn:hover{background:var(--surface-2)}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover,.btn.primary:hover{filter:brightness(1.08)}button.danger{color:var(--err);border-color:var(--err)}button.small,.btn.small{padding:4px 10px;font-size:.8rem}button:disabled{opacity:.5;cursor:not-allowed}button.link{color:var(--accent);background:0 0;border:0;padding:0}.secure-box{border:1px dashed var(--warn);background:var(--warn-soft);border-radius:var(--radius);margin-bottom:12px;padding:12px 12px 2px}.secure-box h3{color:var(--warn)}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--border)}.list li:last-child{border-bottom:0}.list a.item{color:inherit;padding:10px 2px;text-decoration:none;display:block}.list a.item:hover{background:var(--surface-2)}.item .t{font-weight:600}.item .s{color:var(--text-2);font-size:.8rem}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:99px;padding:4px 10px;font-size:.8rem;text-decoration:none}.chip:hover{border-color:var(--accent)}.picker-results{border:1px solid var(--border);background:var(--surface);border-radius:8px;max-height:280px;margin-top:4px;overflow:auto}.picker-results button{text-align:left;border:0;border-bottom:1px solid var(--border);border-radius:0;width:100%;padding:8px 10px;display:block}.picker-results button:last-child{border-bottom:0}.areablock{margin-bottom:14px}.areablock h3{justify-content:space-between;display:flex}.cells{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.cell{border:1px solid var(--border);min-height:62px;color:var(--text);border-radius:8px;flex-direction:column;justify-content:space-between;padding:8px;font-size:.78rem;line-height:1.35;text-decoration:none;display:flex}.cell .n{font-size:.9rem;font-weight:700}.cell.h0{background:var(--heat-0)}.cell.h1{background:var(--heat-1)}.cell.h2{background:var(--heat-2)}.cell.h3{background:var(--heat-3);color:#fff}[id^=hb-]{scroll-margin-top:64px}.hb-group{border-bottom:1px solid var(--border)}.hb-group:last-child{border-bottom:0}.hb-group summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;font-size:.9rem;list-style:none;display:flex}.hb-group summary::-webkit-details-marker{display:none}.hb-group summary:before{content:"▸";color:var(--text-2);margin-right:-2px;transition:transform .15s}.hb-group[open] summary:before{transform:rotate(90deg)}.hb-group summary .t{flex:1;font-weight:600}.hb-group[open]{padding-bottom:8px}.chip.static{cursor:default}.chip.static:hover{border-color:var(--border)}.chip.hit{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:600}.legend{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:10px;font-size:.75rem;display:flex}.legend i{vertical-align:middle;border:1px solid var(--border);border-radius:3px;width:14px;height:14px;margin-right:3px;display:inline-block}.slots{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.slot{border:1px solid var(--border);color:inherit;background:var(--surface);border-radius:8px;padding:10px;text-decoration:none;display:block}.slot:hover{border-color:var(--accent)}.slot.flag{border-color:var(--err)}.slot .no{color:var(--text-2);font-size:.72rem}.slot .dx{min-height:1.3em;margin:2px 0 4px;font-size:.88rem;font-weight:600}.issue{border-radius:8px;margin-bottom:6px;padding:8px 10px;font-size:.85rem}.issue.error{background:var(--err-soft);color:var(--err)}.issue.warn{background:var(--warn-soft);color:var(--warn)}.counter{color:var(--text-2);text-align:right;margin-top:-8px;margin-bottom:8px;font-size:.72rem}.overlay{z-index:50;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=700px){.overlay{align-items:center}}.dialog{background:var(--surface);width:100%;max-width:720px;max-height:92dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;overflow:auto}@media (width>=700px){.dialog{border-radius:14px}}pre.preview{white-space:pre-wrap;word-break:break-word;font:inherit;background:var(--surface-2);border-radius:8px;max-height:40dvh;margin:0 0 10px;padding:10px;font-size:.82rem;overflow:auto}.notice{background:var(--accent-soft);border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:.82rem}.notice.warn{background:var(--warn-soft);color:var(--warn)}.empty{text-align:center;color:var(--text-2);padding:24px 0;font-size:.9rem}.recovery-code{letter-spacing:.05em;word-break:break-all;background:var(--surface-2);border:1px dashed var(--border);border-radius:8px;margin:10px 0;padding:12px;font-family:ui-monospace,Consolas,monospace;font-size:1.15rem}.pairing{text-align:center}.pairing .qr{background:#fff;border-radius:8px;width:min(260px,70vw);margin:0 auto 10px;padding:8px}.pairing .qr svg{width:100%;height:auto;display:block}.pair-code{letter-spacing:.04em;word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:1.05rem}video.scanner{object-fit:cover;background:#000;border-radius:8px;width:100%;max-height:50dvh}@media print{body.printing-sheet *{visibility:hidden}body.printing-sheet .print-sheet,body.printing-sheet .print-sheet *{visibility:visible;color:#000}body.printing-sheet .print-sheet{width:100%;padding:24px;position:absolute;top:0;left:0}.no-print{display:none!important}}