@import url(https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,600;0,700;0,800;1,400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:EB Garamond,serif}.app{min-height:100vh;transition:background .3s,color .3s}.dark{background-color:#080808;background-image:radial-gradient(circle at 1px 1px,#7dd3fc2e 2px,#0000 0);color:#e8f4f8}.dark,.light{background-size:40px 40px}.light{background-color:#f0f6fa;background-image:radial-gradient(circle at 1px 1px,#38bdf833 2px,#0000 0);color:#1a2f3a}.navbar{align-items:center;display:flex;flex-wrap:wrap;gap:32px;padding:18px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dark .navbar{background:#080808f2;border-bottom:1px solid #0e2a38}.dark .navbar,.light .navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.light .navbar{background:#f0f6faf2;border-bottom:1px solid #bcd9e8}.logo{flex-shrink:0;font-size:1.1rem;font-weight:800;letter-spacing:3px;text-transform:uppercase}.dark .logo{color:#7dd3fc}.light .logo{color:#0369a1}.nav-links{display:flex;flex:1 1;flex-wrap:wrap;gap:2px}.nav-links button{background:#0000;border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:1rem;letter-spacing:.3px;padding:8px 14px;transition:all .15s}.dark .nav-links button{color:#4a8fa8}.dark .nav-links button.active,.dark .nav-links button:hover{background:#0a1f2a;color:#7dd3fc}.light .nav-links button{color:#4a8fa8}.light .nav-links button.active,.light .nav-links button:hover{background:#daeef7;color:#0369a1}.mode-toggle{align-items:center;background:#0000;border:1px solid;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;margin-left:auto;padding:8px 10px;transition:all .15s}.dark .mode-toggle{border-color:#0e2a38;color:#4a8fa8}.dark .mode-toggle:hover{border-color:#7dd3fc;color:#7dd3fc}.light .mode-toggle{border-color:#bcd9e8;color:#4a8fa8}.light .mode-toggle:hover{border-color:#0369a1;color:#0369a1}.content{margin:0 auto;max-width:860px;padding:60px 40px}.home h1{animation:slideUp .7s ease both;font-family:EB Garamond,serif;font-size:4.5rem;font-weight:700;letter-spacing:-1px;line-height:1.05;margin-bottom:16px}.dark .home h1{color:#e8f4f8}.light .home h1{color:#0c2333}.subtitle{animation:slideUp .7s ease .15s both;font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:56px}.dark .subtitle{color:#3a7a94}.light .subtitle{color:#4a8fa8}.card-grid{grid-gap:1px;animation:slideUp .7s ease .3s both;border-radius:12px;display:grid;gap:1px;grid-template-columns:repeat(4,1fr);overflow:hidden}.dark .card-grid{background:#0a1f2a;border:1px solid #0a1f2a}.light .card-grid{background:#bcd9e8;border:1px solid #bcd9e8}.card{cursor:pointer;padding:28px 24px;transition:transform .2s ease,background .15s}.dark .card{background:#080808}.dark .card:hover{background:#071520;border-left:2px solid #7dd3fc;transform:translateY(-4px)}.light .card{background:#f0f6fa}.light .card:hover{background:#e0f0f8;border-left:2px solid #0ea5e9;transform:translateY(-4px)}.card-icon{display:block;margin-bottom:36px;transform:scale(2);transform-origin:left center}.dark .card-icon{color:#7dd3fc}.light .card-icon{color:#0ea5e9}.card h3{font-size:1.4rem;font-weight:700;letter-spacing:.2px;margin-bottom:6px}.dark .card h3{color:#c8e8f5}.light .card h3{color:#0c2333}.card p{font-size:1.1rem;line-height:1.5}.dark .card p{color:#2a6070}.light .card p{color:#4a8fa8}.page{animation:fadeIn .2s ease}.page h2{font-size:2.8rem;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.dark .page h2{color:#e8f4f8}.light .page h2{color:#0c2333}.page-subtitle{font-size:1.1rem;font-weight:500;margin-bottom:40px}.dark .page-subtitle{color:#3a7a94}.light .page-subtitle{color:#4a8fa8}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.input-group{margin-bottom:20px}.input-group label{display:block;font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.dark .input-group label{color:#3a7a94}.light .input-group label{color:#4a8fa8}.input-group input,.input-group select{appearance:none;-webkit-appearance:none;border:1px solid;border-radius:8px;font-family:inherit;font-size:1.1rem;font-weight:500;max-width:500px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.dark .input-group input,.dark .input-group select{background:#050e14;border-color:#0e2a38}.dark .input-group input:focus,.dark .input-group select:focus{border-color:#7dd3fc}.light .input-group input,.light .input-group select{background:#fff;border-color:#bcd9e8}.light .input-group input:focus,.light .input-group select:focus{border-color:#0ea5e9}.input-group select option{font-family:inherit}.dark .input-group select option{background:#050e14;color:#e8f4f8}.light .input-group select option{background:#fff;color:#0c2333}.select-wrap{max-width:500px;position:relative}.select-wrap:after{content:"↓";font-size:1rem;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.dark .select-wrap:after{color:#3a7a94}.light .select-wrap:after{color:#4a8fa8}.select-wrap select{max-width:100%;width:100%}.result-box{border:1px solid;border-radius:12px;margin-top:32px;padding:28px}.dark .result-box{background:#050e14;border-color:#0e2a38}.light .result-box{background:#fff;border-color:#bcd9e8}.dark .input-group input,.dark .input-group select{background:#060f18;border-color:#0e3348;color:#e8f4f8}.light .input-group input,.light .input-group select{background:#f0fbff;border-color:#7dd3fc;color:#0c2333}.result-box.output{border-width:1.5px}.dark .result-box.output{background:#04110e!important;border-color:#0d3d2a!important}.light .result-box.output{background:#f0fdf6!important;border-color:#6ee7b7!important}.dark .result-box.output .result-value{color:#6ee7b7}.light .result-box.output .result-value{color:#059669}.dark .warning-box{color:#93c5fd}.light .warning-box{background:#fffbeb;border-color:#fcd34d;color:#92400e}.result-box.info{border-width:1.5px}.dark .result-box.info{background:#0a0814!important;border-color:#2d1f4a!important}.light .result-box.info{background:#faf5ff!important;border-color:#c4b5fd!important}.dark .result-box.info .result-value{color:#c4b5fd}.light .result-box.info .result-value{color:#7c3aed}.result-box h3{font-size:.95rem;letter-spacing:1.5px;margin-bottom:20px;text-transform:uppercase}.dark .result-box h3{color:#3a7a94}.light .result-box h3{color:#4a8fa8}.result-row{align-items:center;border-bottom:1px solid;display:flex;gap:24px;justify-content:flex-start;padding:13px 0}.dark .result-row{border-color:#0a1f2a}.light .result-row{border-color:#daeef7}.result-row:last-child{border-bottom:none}.result-label{font-size:1.1rem;font-weight:600}.dark .result-label{color:#3a7a94}.light .result-label{color:#4a8fa8}.result-value{font-size:1.2rem;font-weight:700;margin-left:auto}.dark .result-value{color:#7dd3fc}.light .result-value{color:#0369a1}.warning-box{border:1px solid;border-radius:10px;font-size:1rem;font-weight:500;line-height:1.6;margin-top:20px;padding:16px 20px}.dark .warning-box{background:#0a0e14;border-color:#1a3a5c;color:#7dd3fc}.light .warning-box{background:#e8f4fb;border-color:#bcd9e8;color:#0369a1}.btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-top:8px;padding:12px 28px;transition:opacity .15s}.dark .btn{background:#0e4a6a;border:1px solid #7dd3fc;color:#7dd3fc}.light .btn{background:#0369a1;color:#fff}.btn:hover{opacity:.8}.divider{border:none;border-top:1px solid;margin:40px 0}.dark .divider{border-color:#0e2a38}.light .divider{border-color:#bcd9e8}.prefilled{font-size:.75rem;font-style:italic;letter-spacing:0;margin-left:8px;text-transform:none}.dark .prefilled{color:#7dd3fc}.light .prefilled{color:#0ea5e9}.accordion{display:flex;flex-direction:column;gap:8px}.accordion-item{border:1px solid;border-radius:10px;overflow:hidden;transition:all .2s}.dark .accordion-item{background:#050e14;border-color:#0e2a38}.light .accordion-item{background:#fff;border-color:#bcd9e8}.dark .accordion-item.open{border-color:#7dd3fc}.light .accordion-item.open{border-color:#0ea5e9}.dark .accordion-item.mistake{border-color:#1a3a5c}.light .accordion-item.mistake{border-color:#fcd34d}.dark .accordion-item.mistake.open{border-color:#ff6b6b}.light .accordion-item.mistake.open{border-color:#ef4444}.accordion-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:inherit;font-size:1.05rem;font-weight:600;gap:16px;padding:16px 20px;text-align:left;transition:background .15s;width:100%}.dark .accordion-header{color:#c8e8f5}.light .accordion-header{color:#0c2333}.dark .accordion-header:hover{background:#0a1f2a}.light .accordion-header:hover{background:#f0f8ff}.step-num{border-radius:6px;flex-shrink:0;font-size:.75rem;font-weight:800;letter-spacing:1px;padding:4px 8px}.dark .step-num{background:#0e2a38;color:#7dd3fc}.light .step-num{background:#daeef7;color:#0369a1}.dark .step-num.warn{background:#1a0e0e;color:#ff6b6b}.light .step-num.warn{background:#fff5f5;color:#ef4444}.accordion-arrow{color:#4a8fa8;font-size:.9rem;margin-left:auto}.accordion-body{border-top:1px solid;font-size:1rem;line-height:1.7;padding:0 20px 20px}.dark .accordion-body{border-color:#0e2a38;color:#7dd3fc}.light .accordion-body{border-color:#daeef7;color:#0c2333}.protocol-grid{display:flex;flex-direction:column;gap:12px}.protocol-card{align-items:flex-start;border:1px solid;border-radius:12px;display:flex;gap:20px;padding:20px 24px;transition:all .2s}.dark .protocol-card{background:#050e14;border-color:#0e2a38}.light .protocol-card{background:#fff;border-color:#bcd9e8}.dark .protocol-card:hover{background:#071520;border-color:#7dd3fc}.light .protocol-card:hover{background:#f0f8ff;border-color:#0ea5e9}.protocol-icon{flex-shrink:0;margin-top:4px}.dark .protocol-icon{color:#7dd3fc}.light .protocol-icon{color:#0ea5e9}.protocol-num{font-size:.7rem;font-weight:800;letter-spacing:2px;margin-bottom:4px}.dark .protocol-num{color:#3a7a94}.light .protocol-num{color:#4a8fa8}.protocol-title{font-size:1.1rem;font-weight:700;margin-bottom:6px}.dark .protocol-title{color:#c8e8f5}.light .protocol-title{color:#0c2333}.protocol-body{font-size:.95rem;line-height:1.6}.dark .protocol-body{color:#3a7a94}.light .protocol-body{color:#4a8fa8}.mistake-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.mistake-card{align-items:flex-start;border:1px solid;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s}.dark .mistake-card{background:#0a0814;border-color:#1a3a5c}.light .mistake-card{background:#fffbeb;border-color:#fcd34d}.dark .mistake-card:hover{border-color:#ff6b6b}.light .mistake-card:hover{border-color:#ef4444}.mistake-icon{flex-shrink:0;margin-top:4px}.dark .mistake-icon{color:#ff6b6b}.light .mistake-icon{color:#ef4444}.mistake-title{font-size:1rem;font-weight:700;margin-bottom:8px}.dark .mistake-title{color:#fca5a5}.light .mistake-title{color:#991b1b}.mistake-cause,.mistake-fix{font-size:.9rem;line-height:1.5;margin-bottom:4px}.dark .mistake-cause,.dark .mistake-fix{color:#3a7a94}.light .mistake-cause,.light .mistake-fix{color:#4a8fa8}.hamburger{display:none}@media (max-width:768px){.tool-inner{padding:70px 12px 40px}.home{border-radius:8px!important;padding:40px 16px!important}.navbar{gap:12px;padding:14px 16px}.nav-links{display:none}.content{padding:16px 8px}.home h1{font-size:2.8rem}.card-grid{grid-template-columns:repeat(2,1fr)}.card{padding:18px 14px}.card-icon{margin-bottom:24px;transform:scale(1.3)}.page h2{font-size:1.8rem}.result-row{align-items:flex-start;flex-direction:column;gap:4px}.result-value{margin-left:0}.protocol-card{flex-direction:column}.mistake-grid{grid-template-columns:1fr}.input-group input,.input-group select,.select-wrap,svg{max-width:100%}svg{height:auto}}.hamburger{background:#0000;border:1px solid;border-radius:8px;cursor:pointer;display:flex;padding:8px}.dark .hamburger{border-color:#0e2a38;color:#7dd3fc}.light .hamburger{border-color:#bcd9e8;color:#0369a1}.mobile-menu{display:flex;flex-direction:column;gap:4px;padding:8px 16px 16px;position:-webkit-sticky;position:sticky;top:57px;z-index:99}.dark .mobile-menu{background:#080808;border-bottom:1px solid #0e2a38}.light .mobile-menu{background:#f0f6fa;border-bottom:1px solid #bcd9e8}.mobile-menu button{background:#0000;border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1.1rem;padding:12px 16px;text-align:left;transition:background .15s}.dark .mobile-menu button{color:#7dd3fc}.dark .mobile-menu button.active{background:#0a1f2a;color:#fff}.light .mobile-menu button{color:#0369a1}.light .mobile-menu button.active{background:#daeef7;color:#111}.tool-overlay{animation:slideUp .25s ease;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:200}.tool-inner{margin:0 auto;max-width:860px;padding:100px 40px 60px}.dark .tool-overlay{background:#080808f7}.dark .tool-overlay,.light .tool-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.light .tool-overlay{background:#f0f6faf7}.back-btn{background:#0000;border:1px solid;border-radius:8px;display:inline-block;font-size:1rem;font-weight:600;margin-bottom:32px;padding:8px 18px}.back-btn,.next-btn{cursor:pointer;font-family:inherit;transition:all .15s}.next-btn{border:1px solid;border-radius:10px;display:none;font-size:1.1rem;font-weight:700;margin-top:32px;padding:16px;text-align:center;width:100%}.dark .next-btn{background:#0e4a6a;border-color:#7dd3fc;color:#7dd3fc}.light .next-btn{background:#0369a1;border-color:#0369a1;color:#fff}.next-btn:hover{opacity:.8}@media (max-width:768px){.next-btn{display:block}}.dark .back-btn{border-color:#0e2a38;color:#7dd3fc}.dark .back-btn:hover{background:#0a1f2a}.light .back-btn{border-color:#bcd9e8;color:#0369a1}.light .back-btn:hover{background:#daeef7}.export-btn{background:#0000;border:1px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;display:inline-block;font-family:inherit;font-size:1rem;font-weight:600;padding:8px 18px;transition:all .15s}.export-btn:hover{background:#ef4444;color:#fff}
/*# sourceMappingURL=main.a8db9a7b.css.map*/