@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-secondary:#ecf0f1;--color-text:#334155;--color-text-light:#64748b;--color-bg:#f8fafc;--color-card-bg:#fff;--color-result-bg:#f1f5f9b3;--color-result-highlight:#e0e7ff;--color-border:#e2e8f0;--color-success:#10b981;--color-danger:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--glass-shadow:0 8px 32px 0 #1f268712;--glass-border:1px solid #ffffff2e;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out}body{color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,Noto Sans JP,sans-serif}h1,h2,h3,h4,h5,p{margin:0;line-height:1.5}.app-container{box-sizing:border-box;flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.max-w-md{width:100%;max-width:600px}.card{background:var(--color-card-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-sizing:border-box;width:100%;margin-bottom:24px;padding:32px;box-shadow:0 2px 4px #0000000a}.glass-panel{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:var(--glass-border);box-shadow:var(--glass-shadow);box-sizing:border-box;background:#ffffffb3;width:100%;margin-bottom:24px;padding:24px}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-bold{font-weight:700}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.form-group{margin-bottom:20px}.form-label{color:var(--color-text-light);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-input{width:100%;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#f8fafc;padding:12px 16px;font-family:Inter,Noto Sans JP,sans-serif;font-size:1rem}.form-input:focus{border-color:var(--color-primary);background-color:var(--color-card-bg);outline:none;box-shadow:0 0 0 3px #4f46e533}.btn{text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;box-sizing:border-box;border:1px solid #0000;padding:12px 24px;font-family:Inter,Noto Sans JP,sans-serif;font-size:1rem;font-weight:600;line-height:1.5;display:inline-block}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{color:#fff;background-color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-primary:not(:disabled):hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:not(:disabled):active{transform:translateY(0)}.btn-danger{color:#fff;background-color:var(--color-danger)}.btn-danger:not(:disabled):hover{background-color:#dc2626}.btn-outline{color:var(--color-text);border-color:var(--color-border);background-color:#0000}.btn-outline:not(:disabled):hover{background-color:#f1f5f9;border-color:#cbd5e1}.btn-block{width:100%;display:block}.result-box{background-color:var(--color-result-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:transform var(--transition-normal);margin-bottom:16px;padding:16px}.result-box:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.result-highlight{background-color:var(--color-result-highlight);border-left:4px solid var(--color-primary);border-radius:var(--radius-md)}.nav-section{background:var(--color-card-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:24px;padding:24px;box-shadow:0 2px 4px #0000000a}.nav-section-title{color:var(--color-text);border-bottom:2px solid var(--color-border);margin-bottom:16px;padding-bottom:8px;font-size:1.25rem;font-weight:700}.nav-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.nav-link{min-height:80px;color:var(--color-text);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-fast);border:1px solid var(--color-border);box-sizing:border-box;background-color:#f8fafc;justify-content:center;align-items:center;padding:16px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);background-color:#fff;transform:translateY(-2px)}.calculator{width:100%;max-width:500px;margin:0 auto}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.flex-grow-1{flex-grow:1}@media (width<=600px){.nav-grid{grid-template-columns:1fr}.card,.glass-panel{padding:20px}}body{background-color:#efeeeb}