@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--primary:#0075de;--primary-hover:#005bab;--primary-light:#f2f9ff;--primary-text:#097fe8;--bg:#fff;--bg-warm:#f6f5f4;--bg-hover:#0000000a;--card-bg:#fff;--text:#000000f2;--text-body:#000000f2;--text-muted:#615d59;--text-placeholder:#a39e98;--border:#0000001a;--border-medium:#00000026;--border-solid:#e8e7e5;--shadow-card:#0000000a 0px 4px 18px, #00000007 0px 2px 7.8px, #00000005 0px .8px 2.9px, #00000003 0px .175px 1px;--shadow-btn:0px 1px 2px #0000001a;--radius-btn:4px;--radius-card:8px;--radius-pill:9999px;--radius-sm:4px;--accent:#dd5b00;--success:#1aae39;--success-bg:#f0fdf4}body{background-color:var(--bg);color:var(--text-body);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic UI,Meiryo UI,sans-serif;line-height:1.5;overflow-x:hidden}.container{max-width:800px;margin:0 auto;padding:1rem}.header{text-align:center;margin-bottom:1.5rem;padding-top:.5rem}.title{color:var(--text);cursor:pointer;letter-spacing:-.625px;margin:0;font-size:1.75rem;font-weight:700;line-height:1.23}.subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.nav-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:.5rem .75rem;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;transition:color .15s,border-color .15s;display:flex}.nav-tab:hover{color:var(--text);background:var(--bg-hover);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.nav-tab.active{color:var(--text);border-bottom:2px solid var(--primary)}.nav-progress-badge{background:var(--primary);color:#fff;border-radius:var(--radius-pill);margin-left:2px;padding:1px 6px;font-size:.6rem;font-weight:700}.card{background:var(--card-bg);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow-card);margin-bottom:1rem;padding:1.25rem}.card-simulator{background:var(--card-bg);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow-card);margin-bottom:1.5rem;padding:1.25rem}.simulator-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-module{background:var(--card-bg);border-radius:var(--radius-card);cursor:pointer;border:1px solid var(--border);margin-bottom:.75rem;padding:1rem;transition:border-color .15s,box-shadow .15s}.card-module:hover{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.btn{background:var(--primary);color:#fff;border-radius:var(--radius-btn);cursor:pointer;width:100%;box-shadow:var(--shadow-btn);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;transition:background .15s,transform .1s;display:flex}.btn:hover{background:var(--primary-hover)}.btn:active{transform:scale(.98)}.btn-sm{border-radius:var(--radius-btn);cursor:pointer;color:var(--text);background:#0000000d;border:none;padding:5px 12px;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;transition:background .15s,transform .1s}.btn-sm:hover{background:#00000014}.btn-sm:active{transform:scale(.95)}.btn-sm.active{background:var(--primary);color:#fff}.btn-back{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:.25rem;margin-bottom:.75rem;padding:4px 6px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;display:flex}.btn-back:hover{background:var(--bg-hover);color:var(--text)}.stat-badge{border-radius:var(--radius-pill);letter-spacing:.125px;align-items:center;gap:4px;padding:2px 10px;font-size:.75rem;font-weight:600;display:flex}.badge-chapter{background:var(--primary-light);color:var(--primary-text);border-radius:var(--radius-pill);letter-spacing:.125px;padding:2px 8px;font-size:.6875rem;font-weight:600}.badge-level{border-radius:var(--radius-pill);letter-spacing:.125px;padding:2px 8px;font-size:.6875rem;font-weight:600}.badge-level.basic{background:var(--success-bg);color:#166534}.badge-level.intermediate{color:#92400e;background:#fffbeb}.badge-level.advanced{color:#991b1b;background:#fef2f2}.progress-badge{border-radius:var(--radius-pill);background:var(--bg-warm);color:var(--text-muted);border:1px solid var(--border);letter-spacing:.125px;padding:2px 8px;font-size:.6875rem;font-weight:600}.progress-badge.perfect{background:var(--success-bg);color:#166534;border-color:#bbf7d0}.progress-badge-small{border-radius:var(--radius-pill);background:var(--primary-light);color:var(--primary-text);letter-spacing:.125px;padding:2px 8px;font-size:.6875rem;font-weight:600}.content-h2{color:var(--text);letter-spacing:-.3px;border-bottom:1px solid var(--border);margin:2rem 0 1rem;padding-bottom:.5rem;font-size:1.375rem;font-weight:700}.content-h3{color:var(--text);letter-spacing:-.2px;border-left:3px solid var(--primary);margin:1.75rem 0 .75rem;padding-left:.75rem;font-size:1.125rem;font-weight:700}.content-h4{color:var(--text);margin:1.5rem 0 .5rem;font-size:1rem;font-weight:600}.content-p{color:var(--text-body);margin-bottom:1rem;line-height:1.7}.katex-display{padding-bottom:.25rem;overflow:auto hidden}.content-body{overflow-x:auto}.content-table-wrap{margin:1rem 0;overflow-x:auto}.content-table{border-collapse:collapse;width:100%;font-size:.9rem;line-height:1.5}.content-table th,.content-table td{border:1px solid var(--border);text-align:left;padding:.5rem .75rem}.content-table th{background:var(--bg-secondary,#f8fafc);color:var(--text);font-weight:600}.content-table tr:nth-child(2n) td{background:#fafafa}.content-hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.module-desc{color:var(--text-muted);margin-top:.25rem;font-size:.8125rem}.chapter-header{border-bottom:2px solid var(--primary);margin-bottom:.75rem;padding:1.25rem 0 .5rem}.search-container{margin:1rem 0}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-placeholder);position:absolute;left:.875rem}.search-input{border-radius:var(--radius-card);border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text-body);box-sizing:border-box;outline:none;padding:.625rem 1rem .625rem 2.5rem;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.search-input::placeholder{color:var(--text-placeholder)}.search-clear{cursor:pointer;width:20px;height:20px;color:var(--text-muted);background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;right:.75rem}.column-practical{border-radius:0 var(--radius-card) var(--radius-card) 0;background:#fffbf5;border-left:3px solid #dd5b00;margin:1.5rem 0;padding:1rem 1rem 1rem 1.25rem}.column-title{color:#92400e;align-items:center;gap:6px;margin-bottom:.5rem;font-size:.8125rem;font-weight:700;display:flex}.slider-container{margin-top:1rem}.slider-label{color:var(--text-body);justify-content:space-between;margin-bottom:4px;font-size:.8125rem;font-weight:500;display:flex}input[type=range]{width:100%;accent-color:var(--primary)}.clt-help{color:var(--primary-text);background:var(--primary-light);border-radius:var(--radius-sm);margin-top:8px;padding:8px 12px;font-size:.75rem;font-weight:500}.darts-container{gap:1rem;margin:1.5rem 0;display:flex}.dart-target{background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-card);text-align:center;flex:1;padding:1rem}.target-svg{margin-bottom:.5rem}.dart-label{color:var(--text);font-size:.8125rem;font-weight:700}.dart-desc{color:var(--text-muted);font-size:.75rem}.formula-wrapper{cursor:help;border-bottom:2px dotted var(--primary);display:inline-block;position:relative}.formula-translation{color:#fff;border-radius:var(--radius-card);visibility:hidden;opacity:0;z-index:100;background:#31302e;width:200px;margin-bottom:8px;padding:8px 12px;font-size:.75rem;transition:all .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.formula-wrapper:hover .formula-translation{visibility:visible;opacity:1}.glossary-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.card-glossary{background:var(--card-bg);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow-card);flex-direction:column;padding:1.25rem;transition:border-color .15s,box-shadow .15s;display:flex}.card-glossary:hover{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light), var(--shadow-card)}.glossary-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;display:flex}.glossary-header h4{color:var(--text);letter-spacing:-.1px;margin:0;font-size:1rem;font-weight:700;line-height:1.3}.glossary-explanation{color:var(--text-muted);flex-grow:1;font-size:.8125rem;line-height:1.6}.glossary-formula{border-top:1px dashed var(--border);margin-top:1rem;padding-top:.75rem;font-size:.9rem}.related-links{background:var(--bg-warm);border-radius:var(--radius-sm);margin-top:1rem;padding:.75rem}.label-related{color:var(--text-placeholder);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.6875rem;font-weight:600}.links-row{flex-wrap:wrap;gap:.5rem;display:flex}.btn-link{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-btn);cursor:pointer;color:var(--primary);align-items:center;gap:4px;padding:3px 10px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;transition:background .15s,border-color .15s;display:flex}.btn-link:hover{background:var(--primary-light);border-color:var(--primary)}.score-banner{background:linear-gradient(135deg, var(--primary-light), #dbeafe);border-radius:var(--radius-card);color:var(--primary-hover);text-align:center;border:1px solid #93c5fd;padding:.75rem 1.25rem;font-size:1rem;font-weight:700}.cs-module-card{border:1px solid var(--border);transition:border-color .15s}.cs-module-card:hover{border-color:var(--primary)}.cs-formulas{flex-direction:column;gap:.75rem;display:flex}.cs-formula-row{background:var(--bg-warm);border-radius:var(--radius-sm);padding:.6rem .75rem}.cs-label{color:var(--text-placeholder);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem;font-size:.6875rem;font-weight:600;display:block}.cs-formula{font-size:.95rem;overflow-x:auto}.rq-result-row{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.rq-result-row:last-child{border-bottom:none}.rq-result-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.rq-result-dot.ok{background:var(--success)}.rq-result-dot.ng{background:#ef4444}.quiz-options{flex-direction:column;gap:.5rem;display:flex}.quiz-options.compact{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.reg-card-container{gap:1rem;margin:1.5rem 0;display:flex}.reg-side{border-radius:var(--radius-card);border:1px solid var(--border);flex:1;padding:1rem}.reg-header{align-items:center;gap:8px;margin-bottom:.5rem;display:flex}.reg-metaphor{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.reg-list{margin:0;padding-left:1.25rem;font-size:.75rem}.reg-list li{margin-bottom:4px}.lasso{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.ridge{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.site-footer{border-top:1px solid var(--border);text-align:center;margin-top:3rem;padding:1.5rem 1rem}.footer-disclaimer{color:var(--text-muted);margin:0 0 .5rem;font-size:.75rem;line-height:1.5}.footer-links{justify-content:center;gap:1rem;margin-bottom:.5rem;display:flex}.footer-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:Inter,sans-serif;font-size:.75rem;text-decoration:underline;transition:color .15s}.footer-link:hover{color:var(--primary-hover)}.footer-copy{color:var(--text-placeholder);margin:0;font-size:.6875rem}.privacy-page{max-width:600px}.privacy-page h2{letter-spacing:-.3px;color:var(--text);margin:0 0 .25rem;font-size:1.375rem;font-weight:700}.privacy-updated{color:var(--text-muted);margin:0 0 2rem;font-size:.75rem}.privacy-page section{margin-bottom:2rem}.privacy-page h3{color:var(--primary);border-bottom:1px solid var(--border);margin:0 0 .75rem;padding-bottom:.4rem;font-size:1rem;font-weight:700}.privacy-page p{color:var(--text-body);margin:0 0 .75rem;font-size:.875rem;line-height:1.75}.privacy-page a{color:var(--primary);text-decoration:underline}.privacy-disclaimer{border-radius:var(--radius-sm);background:#fffbeb;border:1px solid #fde68a;color:#92400e!important;padding:.75rem 1rem!important;font-size:.8rem!important}.interactive-graph{background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-card);margin:1.5rem 0;padding:1rem}.slider-row{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-bottom:1rem;display:flex}.slider-row label{color:var(--text);white-space:nowrap;font-size:.875rem;font-weight:600}.slider-row input[type=range]{cursor:pointer;min-width:120px;accent-color:var(--primary);flex:1}@media (width<=640px){.container{max-width:100%}.glossary-grid,.quiz-options.compact{grid-template-columns:1fr}.reg-card-container{flex-direction:column}.nav-tab{padding:.4rem .6rem;font-size:.8125rem}.interactive-graph{padding:.75rem}.slider-row{flex-direction:column;align-items:flex-start;gap:.4rem}.slider-row input[type=range]{width:100%;min-height:32px}}