:root{--bg:#f6f6f3;--panel:#fff;--sunken:#fafaf8;--ink:#16181d;--ink-2:#3a3f47;--sub:#6b7079;--faint:#9a9fa7;--line:#e8e8e3;--line-2:#dcdcd6;--accent:#2b3fa8;--accent-soft:#eef0fb;--lume:#f2a93b;--lume-soft:#fdf3e2;--ok:#1d7a4d;--ok-soft:#e6f4ec;--warn:#a15c07;--warn-soft:#fcf1df;--bad:#b42318;--bad-soft:#fdeceb;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px #16181d0a;--shadow:0 1px 2px #16181d0a, 0 2px 8px #16181d0a;--shadow-lg:0 12px 40px #16181d14, 0 2px 6px #16181d0a;--font:var(--font-latin), var(--font-jp), -apple-system, "Hiragino Sans", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.65 var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:"palt" 1}a{color:inherit;text-decoration:none}button{font:inherit}svg{flex-shrink:0}h1,h2,h3{letter-spacing:-.01em;margin:0}h1{font-size:22px;font-weight:700;line-height:1.35}h2{font-size:15px;font-weight:600}h3{font-size:13px;font-weight:600}p{margin:0}.num{font-variant-numeric:tabular-nums}.muted{color:var(--sub)}.faint{color:var(--faint)}.small{font-size:12.5px}code{font-family:var(--mono);background:var(--sunken);border:1px solid var(--line);color:var(--ink-2);border-radius:6px;padding:1px 6px;font-size:12px}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.brand .tag{letter-spacing:.08em;color:var(--warn);background:var(--lume-soft);border-radius:5px;padding:1px 6px;font-size:10px;font-weight:700}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.side{border-right:1px solid var(--line);background:var(--sunken);flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.side .brand{padding:4px 8px 20px}.nav{flex-direction:column;gap:2px;display:flex}.nav-label{color:var(--faint);letter-spacing:.06em;padding:14px 10px 6px;font-size:11px;font-weight:600}.nav a,.nav button{border-radius:var(--radius-sm);color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13.5px;display:flex}.nav a svg,.nav button svg{color:var(--faint)}.nav a:hover,.nav button:hover{background:#efefea}.nav a.on{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--line);font-weight:600}.nav a.on svg{color:var(--ink)}.side-foot{flex-direction:column;gap:2px;margin-top:auto;display:flex}.user{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:8px;padding:12px 10px 4px;display:flex}.user .who{min-width:0}.user .who div{font-size:13px;font-weight:600}.user .who>span{color:var(--sub);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.avatar{color:#fff;background:var(--ink-2);text-transform:uppercase;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.avatar.sm{width:24px;height:24px;font-size:11px}.main{width:100%;max-width:1280px;margin:0 auto;padding:36px 48px 80px}.main-narrow{max-width:720px;margin:0 auto}.page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-head .desc{color:var(--sub);margin-top:4px}.page-head .meta{color:var(--sub);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:8px;font-size:13px;display:flex}.page-head .meta>span{align-items:center;gap:6px;display:inline-flex}.crumb{color:var(--sub);align-items:center;gap:4px;margin-bottom:8px;font-size:13px;display:inline-flex}.crumb:hover{color:var(--ink)}.actions{flex-shrink:0;gap:8px;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.card-head p{color:var(--sub);margin-top:2px;font-size:12.5px}.card-body{padding:20px}.grid-2{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.grid-2>.card{margin-bottom:0}.stack{flex-direction:column;gap:20px;margin-bottom:20px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.stat .label{color:var(--sub);align-items:center;gap:6px;font-size:12.5px;display:flex}.stat .value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:26px;font-weight:700}.stat .value small{color:var(--sub);margin-left:4px;font-size:13px;font-weight:500}.kv{grid-template-columns:auto 1fr;gap:10px 20px;font-size:13px;display:grid}.kv dt{color:var(--sub)}.kv dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:500}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 20px}th{color:var(--sub);background:var(--sunken);white-space:nowrap;font-size:12px;font-weight:500}tbody tr{transition:background .12s}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#fbfbf9}tbody tr:last-child td{border-bottom:0}td.right,th.right{text-align:right}td.num,td .pill,td .badge{white-space:nowrap}.cell-title{align-items:center;gap:12px;display:flex}.cell-title .doc-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.cell-title strong{font-weight:600;display:block}.cell-title span{color:var(--sub);font-size:12px;display:block}.cell-person{align-items:center;gap:10px;display:flex}.row-link{color:var(--faint)}tbody tr.clickable:hover .row-link{color:var(--ink)}.btn{border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--panel);height:36px;color:var(--ink);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:500;transition:background .12s,border-color .12s,box-shadow .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--sunken);border-color:#cfcfc8}.btn:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn-primary:hover:not(:disabled){background:#2a2e36;border-color:#2a2e36}.btn-ghost{box-shadow:none;color:var(--sub);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--ink);background:#efefea;border-color:#0000}.btn-danger{color:var(--bad)}.btn-danger:hover:not(:disabled){background:var(--bad-soft);border-color:#f4c7c3}.btn-sm{gap:5px;height:30px;padding:0 10px;font-size:12.5px}.btn-block{width:100%;height:42px;font-size:14px}.btn[disabled]{opacity:.45;cursor:not-allowed}.icon-btn{width:36px;padding:0}.field{flex-direction:column;gap:6px;display:flex}.field+.field{margin-top:16px}label,.label{color:var(--ink-2);align-items:center;font-size:13px;font-weight:600;display:flex}.hint{color:var(--sub);font-size:12px}input[type=text],input[type=email],input[type=date],select{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--panel);width:100%;height:38px;color:var(--ink);font:inherit;box-shadow:var(--shadow-sm);padding:0 12px;transition:border-color .12s,box-shadow .12s}input:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2b3fa81f}input::placeholder{color:var(--faint)}.form-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.form-row .field{flex:1;min-width:160px}.form-row .field+.field{margin-top:0}.form-row .grow{flex:2.2}.drop{border:1.5px dashed var(--line-2);border-radius:var(--radius);background:var(--sunken);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:28px 20px;transition:border-color .12s,background .12s;display:flex}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft)}.drop .drop-icon{background:var(--panel);border:1px solid var(--line);width:40px;height:40px;color:var(--ink-2);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.drop strong{font-size:13.5px}.drop.compact{text-align:left;flex-direction:row;justify-content:flex-start;gap:12px;padding:14px 16px}.drop.compact .drop-icon{margin:0}.file-chip{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);align-items:center;gap:8px;padding:6px 10px;font-size:12.5px;font-weight:500;display:inline-flex}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:22px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge.active{background:var(--ok-soft);color:var(--ok)}.badge.expired{background:var(--warn-soft);color:var(--warn)}.badge.revoked{background:var(--bad-soft);color:var(--bad)}.pill{border:1px solid var(--line-2);background:var(--panel);height:20px;color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;padding:0 7px;font-size:11.5px;font-weight:600;display:inline-flex}.pill.current{background:var(--ink);color:#fff;border-color:#0000}.qchip{background:var(--lume-soft);color:#8a5300;letter-spacing:.02em;vertical-align:middle;border:1px solid #f6dcae;border-radius:5px;align-items:center;height:18px;margin-left:6px;padding:0 6px;font-size:10.5px;font-weight:700;display:inline-flex}.qchip:hover{background:#fbe6c2}.future{border:1px dashed var(--line-2);height:18px;color:var(--faint);vertical-align:middle;border-radius:5px;align-items:center;margin-left:6px;padding:0 6px;font-size:10.5px;font-weight:600;display:inline-flex}.path{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.path span{font-family:var(--mono);background:var(--sunken);border:1px solid var(--line);color:var(--ink-2);border-radius:5px;padding:1px 6px;font-size:11.5px}.path i{color:var(--faint);font-size:11px;font-style:normal}.tabs{border-bottom:1px solid var(--line);gap:24px;margin-bottom:24px;display:flex}.tabs button{color:var(--sub);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:10px 0 12px;font-size:13.5px;font-weight:500;display:inline-flex;position:relative}.tabs button:hover{color:var(--ink)}.tabs button.on{color:var(--ink);font-weight:600}.tabs button.on:after{content:"";background:var(--ink);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tabs .count{min-width:20px;height:18px;color:var(--sub);font-variant-numeric:tabular-nums;background:#ecece6;border-radius:999px;place-items:center;padding:0 6px;font-size:11px;font-weight:600;display:inline-grid}.tabs button.on .count{background:var(--ink);color:#fff}.notice{border-radius:var(--radius-sm);background:var(--sunken);border:1px solid var(--line);color:var(--ink-2);align-items:flex-start;gap:10px;padding:11px 14px;font-size:13px;line-height:1.6;display:flex}.notice svg{margin-top:2px}.notice.err{background:var(--bad-soft);color:var(--bad);border-color:#f6cfcb}.notice.ok{background:var(--ok-soft);color:var(--ok);border-color:#c7e6d4}.notice.lume{background:var(--lume-soft);color:#7a4a00;border-color:#f6dcae}.empty{text-align:center;color:var(--sub);flex-direction:column;align-items:center;gap:8px;padding:48px 20px;display:flex}.empty .empty-icon{background:var(--sunken);border:1px solid var(--line);width:44px;height:44px;color:var(--faint);border-radius:12px;place-items:center;display:grid}.empty strong{color:var(--ink);font-weight:600}.linkbox{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--sunken);align-items:center;gap:8px;padding:6px 6px 6px 14px;display:flex}.linkbox span{min-width:0;font-family:var(--mono);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;overflow:hidden}.points{flex-direction:column;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:flex}.points li{color:var(--ink-2);gap:10px;font-size:13px;display:flex}.points li svg{color:var(--faint);margin-top:3px}.opt{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.opt:last-child{border-bottom:0}.opt .opt-text{align-items:flex-start;gap:12px;display:flex}.opt .opt-text svg{color:var(--faint);margin-top:3px}.opt .opt-text div{font-size:13.5px;font-weight:500}.opt .opt-text p{color:var(--sub);font-size:12.5px}.switch{background:var(--line-2);opacity:.6;border-radius:999px;flex-shrink:0;width:34px;height:20px;position:relative}.switch:after{content:"";width:16px;height:16px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:left .15s;position:absolute;top:2px;left:2px}.switch.live{opacity:1;cursor:pointer;border:0;padding:0;transition:background .15s}.switch.live:hover{background:#cfcfc8}.switch.live.on{background:var(--ok)}.switch.live.on:hover{background:#17663f}.switch.on:after{left:16px}.timeline{margin:0;padding:8px 20px;list-style:none}.timeline li{border-bottom:1px solid var(--line);grid-template-columns:16px 1fr auto;gap:14px;padding:12px 0;display:grid}.timeline li:last-child{border-bottom:0}.timeline .dot{background:var(--line-2);width:8px;height:8px;box-shadow:0 0 0 3px var(--panel), 0 0 0 4px var(--line);border-radius:50%;margin:7px auto 0}.timeline strong{font-size:13.5px;font-weight:600}.timeline p{color:var(--sub);font-size:12.5px}.timeline time{color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.q-list{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.q-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;scroll-margin-top:24px}.q-card:target{border-color:var(--lume);box-shadow:0 0 0 3px var(--lume-soft)}.q-card .q-id{background:var(--lume-soft);color:#8a5300;border:1px solid #f6dcae;border-radius:6px;align-items:center;height:22px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.q-card h3{margin:10px 0 4px;font-size:15px}.q-card p{color:var(--ink-2);font-size:13px}.q-card .where{border-top:1px solid var(--line);color:var(--sub);align-items:center;gap:6px;margin-top:12px;padding-top:12px;font-size:12.5px;display:flex}.gate{background:radial-gradient(1200px 500px at 50% -10%, #fff7e8 0%, #fff7e800 60%), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:40px 20px;display:flex}.gate-card{background:var(--panel);border:1px solid var(--line);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border-radius:16px;padding:32px}.gate-icon{background:var(--sunken);border:1px solid var(--line);width:44px;height:44px;color:var(--ink-2);border-radius:12px;place-items:center;margin-bottom:18px;display:grid}.gate-icon.bad{background:var(--bad-soft);color:var(--bad);border-color:#f6cfcb}.gate-icon.warn{background:var(--warn-soft);color:var(--warn);border-color:#f3dcb2}.gate-card .overline{color:var(--sub);margin-bottom:4px;font-size:12px;font-weight:600}.gate-card h1{font-size:20px}.gate-card .lead{color:var(--sub);margin:8px 0 22px;font-size:13.5px}.gate-card form,.gate-card .form{flex-direction:column;gap:14px;display:flex}.gate-foot{color:var(--faint);text-align:center;max-width:420px;font-size:12px}.divider{color:var(--faint);align-items:center;gap:12px;margin:4px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.code-input{text-align:center;letter-spacing:.5em;height:52px!important;font-family:var(--mono)!important;padding-left:.5em!important;font-size:24px!important}.mail-preview{color:#6b4a12;background:#fffbf3;border:1px dashed #e2c48f;border-radius:14px;width:100%;max-width:420px;padding:16px 18px;font-size:13px}.mail-preview .mp-head{letter-spacing:.04em;color:#a0711f;align-items:center;gap:8px;margin-bottom:8px;font-size:11.5px;font-weight:700;display:flex}.mail-preview .mp-code{font-family:var(--mono);letter-spacing:.3em;color:var(--ink);margin:4px 0 6px;font-size:26px;font-weight:700}.g-mark{width:18px;height:18px}.viewer{background:#e9e9e4;flex-direction:column;height:100vh;display:flex}.vbar{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:52px;padding:0 16px 0 18px;display:flex}.vbar .doc{align-items:center;gap:12px;min-width:0;display:flex}.vbar .doc strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.vbar .sep{background:var(--line);width:1px;height:20px}.vbar .who{color:var(--sub);align-items:center;gap:14px;font-size:12.5px;display:flex}.vbar .who>span{align-items:center;gap:6px;display:inline-flex}.vbar .secure{color:var(--ok);font-weight:500}.vframe{flex:1;padding:12px;display:flex}.vframe iframe{box-shadow:var(--shadow-lg);background:#fff;border:0;border-radius:10px;flex:1}.vfoot{color:var(--sub);flex-wrap:wrap;align-items:center;gap:18px;padding:0 18px 10px;font-size:12px;display:flex}.vfoot>span{align-items:center;gap:6px;display:inline-flex}.meters{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.meter-head{color:var(--sub);justify-content:space-between;align-items:baseline;gap:8px;font-size:12.5px;display:flex}.meter-head strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px}.meter-head strong small{color:var(--sub);font-size:12px;font-weight:500}.meter-head strong.full{color:#8a5300}.meter-bar{background:#ecece6;border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.meter-bar span{background:var(--ink);border-radius:999px;height:100%;display:block}.meter-bar span.full{background:var(--lume)}.plans-head{justify-content:space-between;align-items:center;gap:16px;margin:32px 0 14px;display:flex}.seg{background:#ecece6;border-radius:10px;padding:3px;display:inline-flex}.seg button{height:30px;color:var(--sub);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.seg button.on{background:var(--panel);color:var(--ink);box-shadow:var(--shadow);font-weight:600}.seg .save{color:#8a5300;font-size:11px;font-weight:600}.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.plan{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:22px;display:flex}.plan.featured{border-color:var(--ink)}.plan-name{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.price{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.price small{color:var(--sub);letter-spacing:0;margin-left:6px;font-size:13px;font-weight:500}.plan-features{flex-direction:column;flex:1;gap:10px;margin:0;padding:0;list-style:none;display:flex}.plan-features li{color:var(--ink-2);align-items:center;gap:8px;font-size:13.5px;display:flex}.plan-features li svg{color:var(--ok);flex:none}.plan-features li.later{color:var(--sub)}.plan-features li.later svg{color:var(--faint)}@media (max-width:1080px){.meters,.plans{grid-template-columns:1fr}.shell{grid-template-columns:216px 1fr}.main{padding:28px 24px 64px}th,td{padding:11px 14px}.grid-2,.q-list{grid-template-columns:1fr}}