:root{--primary-color: #0052CC;--primary-hover: #0065FF;--background-color: #FAFBFC;--text-color: #172B4D;--border-color: #DFE1E6;--sidebar-bg: #FFFFFF;--card-bg: #FFFFFF;--shadow: 0 4px 8px rgba(9, 30, 66, .25), 0 0 1px rgba(9, 30, 66, .31)}*{box-sizing:border-box;margin:0;padding:0}button,input,select{font-family:inherit}body{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6}header{background-color:var(--primary-color);color:#fff;padding:1rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000001a}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin:0 auto}h1{font-size:1.25rem;font-weight:700}.hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;width:30px;height:25px;padding:0}.hamburger .bar{width:100%;height:3px;background-color:#fff;border-radius:2px;transition:all .3s ease}.sidebar{position:fixed;top:0;left:0;width:250px;height:100%;background-color:var(--sidebar-bg);box-shadow:2px 0 5px #0000001a;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:200;display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);background-color:var(--background-color)}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-color)}.sidebar ul{list-style:none;padding:0}.sidebar li a{display:block;padding:1rem;text-decoration:none;color:var(--text-color);border-bottom:1px solid var(--border-color);transition:background-color .2s}.sidebar li a:hover{background-color:#ebecf0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#091e428a;display:none;z-index:150}.overlay.show{display:block}.container{max-width:800px;margin:2rem auto;padding:0 1rem}.card{background-color:var(--card-bg);border-radius:3px;box-shadow:var(--shadow);padding:2rem;margin-bottom:2rem}h2{margin-bottom:1rem;color:var(--primary-color)}.description{margin-bottom:1.5rem;color:#5e6c84}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:600}input[type=number],input[type=date],select{width:100%;padding:.5rem;border:2px solid var(--border-color);border-radius:3px;font-size:1rem;transition:border-color .2s}input:focus,select:focus{border-color:var(--primary-color);outline:none}.primary-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:3px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s;width:100%}.primary-btn:hover{background-color:var(--primary-hover)}.result-area{margin-top:2rem;padding:1rem;background-color:#e3fcef;border:1px solid #ABF5D1;border-radius:3px;color:#064;display:none}.result-area.visible{display:block}.result-item{margin-bottom:.5rem}.result-value{font-weight:700;font-size:1.2rem}.hidden-section{display:none}.active-section{display:block;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.primary-btn{width:auto}}