:root{--kp-primary: #129bb9;--kp-primary-dark: #0a5e73;--kp-bg-tint: #e9f6f9;--kp-bg: #ffffff;--kp-text: #16323a;--kp-text-muted: #6b8085;--kp-border: #e7ecea;--kp-danger: #c0392b;--kp-radius: 10px;--kp-font: "Noto Sans JP", sans-serif}*{box-sizing:border-box;margin:0}html{font-family:var(--kp-font);color:var(--kp-text)}body{background:var(--kp-bg-tint)}.kp-shell{max-width:520px;margin:0 auto;min-height:100vh;background:var(--kp-bg);display:flex;flex-direction:column}.kp-header{background:var(--kp-primary);color:#fff;padding:14px 16px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.kp-header small{font-weight:400;opacity:.85}.kp-main{flex:1;padding:16px}.kp-nav{display:flex;border-top:1px solid var(--kp-border)}.kp-nav button{flex:1;padding:12px 4px;border:0;background:var(--kp-bg);color:var(--kp-text-muted);font-family:inherit;font-size:12px;cursor:pointer}.kp-nav button.active{color:var(--kp-primary-dark);font-weight:700;border-top:2px solid var(--kp-primary);margin-top:-1px}.kp-card{border:1px solid var(--kp-border);border-radius:var(--kp-radius);padding:14px;margin-bottom:12px;background:var(--kp-bg)}.kp-card h3{font-size:14px;color:var(--kp-text-muted);margin-bottom:6px}.kp-kpi{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kp-kpi .num{font-size:26px;font-weight:700;color:var(--kp-primary-dark)}.kp-btn{display:block;width:100%;padding:13px;border:0;cursor:pointer;border-radius:var(--kp-radius);background:var(--kp-primary);color:#fff;font-family:inherit;font-size:16px;font-weight:700}.kp-btn:disabled{background:var(--kp-border);cursor:default}.kp-btn.secondary{background:var(--kp-bg);color:var(--kp-primary-dark);border:1px solid var(--kp-primary)}.kp-btn.danger{background:var(--kp-danger)}.kp-input{width:100%;padding:12px;font-size:16px;font-family:inherit;border:1px solid var(--kp-border);border-radius:var(--kp-radius)}.kp-field{margin-bottom:12px}.kp-field label{display:block;font-size:13px;color:var(--kp-text-muted);margin-bottom:4px}.kp-error{color:var(--kp-danger);font-size:14px;margin:8px 0}.kp-note{color:var(--kp-text-muted);font-size:13px;line-height:1.6}.kp-big{font-size:32px;font-weight:700;color:var(--kp-primary-dark);text-align:center}.kp-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;background:var(--kp-bg-tint);color:var(--kp-primary-dark);font-weight:700}.kp-list{list-style:none;padding:0}.kp-list li{border-bottom:1px solid var(--kp-border);font-size:15px}.kp-list button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:8px;padding:12px 4px;border:0;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer}.kp-list li.kp-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 4px}.kp-list li.kp-row-block{padding:12px 4px}.kp-row-block .kp-row-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.kp-check{display:flex;align-items:flex-start;gap:8px;margin:12px 0;font-size:14px;line-height:1.5}.kp-check input{margin-top:3px}