:root{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:#1b1b1b;background:#f7f6f3;--accent-blue: #1d4f8f;--accent-blue-dark: #163d70;--accent-yellow: #f2c94c;--accent-yellow-soft: #fff4d1;--accent-yellow-border: #f1d49a}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{max-width:920px;margin:0 auto;padding:32px 20px 64px}.top-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.top-nav-link{text-decoration:none;color:var(--accent-blue);font-weight:600;background:#e9f2f1;padding:8px 14px;border-radius:999px}.tab-switcher{display:flex;gap:10px;margin:0 0 16px;flex-wrap:wrap}.app-header{margin-bottom:24px}.app-title{font-size:24px;margin:0 0 8px;letter-spacing:.02em}.app-subtitle{margin:0;color:#555;font-size:14px}.stepper{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:24px 0 16px}.stepper-item{padding:10px 12px;border-radius:10px;background:#ece9e0;font-size:12px;text-align:center;color:#444}.stepper-item.active{background:var(--accent-blue);color:#fff}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 20px #0000000f}.section-title{margin:0 0 16px;font-size:18px}.form-grid{display:grid;gap:16px}.form-row{display:grid;gap:8px}label{font-size:14px;font-weight:600}input[type=text],input[type=date],select,textarea{padding:10px 12px;border-radius:10px;border:1px solid #cfcac0;font-size:14px;width:100%}textarea{min-height:90px;resize:vertical}.helper{font-size:12px;color:#666}.checkbox-row{display:flex;align-items:center;gap:8px}.checkbox-group{display:grid;gap:12px;margin-top:8px}.inline-checks{grid-template-columns:repeat(auto-fit,minmax(120px,max-content))}.chart-actions{display:flex;gap:8px;margin-top:8px}.phone-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:6px;align-items:center}.pair-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}.phone-sep{font-weight:700;color:#555}.error{color:#b3261e;font-size:12px}.actions{margin-top:24px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}button{border:none;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer}button.primary{background:var(--accent-blue);color:#fff}button.secondary{background:#e0ded6;color:#222}button.ghost{background:transparent;border:1px solid #cfcac0}button.active{outline:2px solid var(--accent-blue)}button:disabled{opacity:.55;cursor:not-allowed}button.primary:focus-visible,button.secondary:focus-visible,button.ghost:focus-visible{outline:3px solid var(--accent-yellow);outline-offset:2px}.summary-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.summary-item{background:#f5f3ed;padding:12px 14px;border-radius:12px}.summary-label{font-size:12px;color:#666;margin-bottom:4px}.summary-value{font-size:14px}.notice{background:var(--accent-yellow-soft);border:1px solid var(--accent-yellow-border);padding:12px 14px;border-radius:12px;font-size:13px;color:#6b4e12}.table-wrap{overflow-x:auto}.matrix-table{width:100%;border-collapse:collapse;min-width:680px;background:#fff}.matrix-table th,.matrix-table td{border:1px solid #d8d2c6;padding:8px;text-align:center}.matrix-table th{background:#f3efe4;font-size:13px}.matrix-table td input{min-width:90px;text-align:center}.plain-value{font-weight:700;font-size:24px;line-height:1.2}.readonly-value{display:block;width:100%;min-height:42px;padding:10px 12px;border:1px solid #8e8e8e;border-radius:6px;background:#fff;text-align:center;font-weight:600;line-height:1.2}.curve-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.chart-svg{width:100%;border:1px solid #d8d2c6;border-radius:8px;background:#fff}.chart-clickable{cursor:crosshair}.progress-panel{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 20px #0000000f;margin-bottom:24px}.progress-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.progress-grid{display:grid;gap:8px;margin:12px 0}.progress-item{padding:10px 12px;border-radius:10px;background:#f5f3ed;font-size:13px;display:flex;align-items:center;gap:8px}.progress-item.done{background:#e9f2f1;border:1px solid var(--accent-blue)}.debug-page{max-width:1200px;margin:0 auto;padding-bottom:80px}.debug-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.debug-panel{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 20px #0000000f;margin-bottom:24px}.debug-controls{display:grid;gap:12px;margin-bottom:12px}.debug-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.debug-label{font-size:12px;font-weight:600;color:#555;min-width:72px}.debug-meta{display:grid;gap:6px;font-size:13px;color:#333;margin-bottom:12px}.debug-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.debug-alert-unpositioned{margin-bottom:12px;padding:12px 14px;border-radius:12px;border:2px solid #d32f2f;background:#fff1f1;color:#7f1d1d;font-weight:700;animation:debugPulse 1.1s ease-in-out infinite alternate}.debug-alert-positioned{margin-bottom:12px;padding:10px 12px;border-radius:12px;border:1px solid #bcd7c6;background:#eef8f1;color:#1f5130;font-size:13px}@keyframes debugPulse{0%{box-shadow:0 0 #d32f2f26}to{box-shadow:0 0 0 6px #d32f2f1a}}.debug-instructions{margin:0;padding-left:20px;color:#444;font-size:13px}.debug-canvas-wrapper{position:relative;width:100%;overflow:auto;background:#2b2b2b;padding:16px;border-radius:16px}.debug-workbar{background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 20px #0000000f;margin-bottom:16px}.debug-add-panel{margin-top:10px;border-top:1px solid #e4dfd3;padding-top:10px}.debug-canvas,.debug-overlay{display:block}.debug-overlay{position:absolute;left:16px;top:16px;pointer-events:auto}@media (max-width: 640px){.stepper{grid-template-columns:repeat(2,1fr)}.actions{flex-direction:column}button{width:100%}}