*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{outline:none}button:focus-visible{outline:2px solid #2d9d6f;outline-offset:2px}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;background:#f7faf8;color:#1a2e23}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#c2e5d3;border-radius:3px}#root{min-height:100vh;display:flex;flex-direction:column}@media (max-width: 768px){.work-area{grid-template-columns:1fr!important}.left-panel{max-height:none!important;padding-bottom:0!important}.right-panel{min-height:auto!important}.card-body{flex-direction:column!important}.card-right{flex-direction:row!important;width:100%!important}.proc-card{flex:1!important;width:auto!important}.input-row{flex-direction:column}.input-row button{width:100%}.header-inner{padding:8px 12px!important}.main-content{padding:12px!important}}@media (max-width: 480px){.proc-card{min-width:0!important}.mode-btns{flex-direction:column}.mode-btns button{width:100%}}