*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background-color:#fefbf6;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif;color:#333;overflow-x:hidden}.container{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:5% 10%;box-sizing:border-box}.hero-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.btn-primary{width:100%;max-width:400px;margin:0 auto;padding:15px 0;background:linear-gradient(135deg,#ff6b6b,orange);border:none;border-radius:50px;color:#fff;font-size:clamp(1rem,2vw,1.2rem);cursor:pointer;box-shadow:0 4px 20px #ffa5004d;transition:all .3s ease;font-weight:700}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ffa50066}.card{background:#fff;box-shadow:0 4px 20px #0000000d;border-radius:20px;padding:32px;border:none}.score-input{display:flex;align-items:center;justify-content:center;line-height:normal}.score-input::placeholder{color:#888;opacity:1;font-size:clamp(1rem,2.8vw,1.4rem);text-align:center;line-height:normal;vertical-align:middle}.score-input::-webkit-input-placeholder{color:#888;font-size:clamp(1rem,2.8vw,1.4rem);text-align:center;line-height:normal;vertical-align:middle}.score-input::-moz-placeholder{color:#888;opacity:1;font-size:clamp(1rem,2.8vw,1.4rem);text-align:center;line-height:normal;vertical-align:middle}.score-input::-ms-input-placeholder{color:#888;font-size:clamp(1rem,2.8vw,1.4rem);text-align:center;line-height:normal;vertical-align:middle}.score-input::-webkit-outer-spin-button,.score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.score-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.score-input-container{box-shadow:0 4px 20px #0000000d,0 0 0 2px #ff6b6b1a;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0);position:relative}.score-input-container:focus-within{box-shadow:0 8px 30px #0000001f,0 0 0 3px #ff6b6b4d,0 0 25px #ffa50026;transform:translateY(-3px)}.score-input-container:focus-within:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:22px;background:linear-gradient(135deg,#ff6b6b26,#ffa50026);z-index:-1;animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 768px){button,a,select,input[type=radio],input[type=checkbox]{min-height:44px}button,a{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}input,select,textarea{font-size:16px!important}body{padding-bottom:env(safe-area-inset-bottom)}}@media print{html,body,#root{width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;background:#fff!important;margin:0!important;padding:0!important}.no-print,header,[data-no-print]{display:none!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}table,figure,img{page-break-inside:avoid}h2,h3{page-break-after:avoid}@page{margin:15mm;size:A4}}