@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans JP,sans-serif;background:linear-gradient(145deg,#0f0f1a,#1a1a2e 50%,#16213e);color:#e0e0e0;min-height:100vh}input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:hsla(0,0%,100%,.1);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#6366f1;cursor:pointer;border:3px solid #1a1a2e}input:focus,textarea:focus{outline:none;border-color:#6366f1!important;box-shadow:0 0 0 3px rgba(99,102,241,.15)}button:hover{filter:brightness(1.08)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}