*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#1a1a2e;color:#fff;min-height:100vh;-webkit-font-smoothing:antialiased}.app{padding:16px;min-height:100vh}.header{text-align:center;margin-bottom:24px}.header h1{font-size:24px;margin-bottom:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:100}.modal{border-radius:16px 16px 0 0;padding:24px;width:100%;max-height:80vh;overflow-y:auto}.modal-title{font-size:20px;font-weight:600;margin-bottom:16px;text-align:center}.spinner{width:40px;height:40px;border:4px solid #2d3748;border-top:4px solid #0088cc;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#2d3748 25%,#3a4a5e,#2d3748 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.touch-btn{transition:opacity .15s,transform .1s;-webkit-tap-highlight-color:transparent}.touch-btn:active{opacity:.7;transform:scale(.98)}.touch-btn:disabled{pointer-events:none}input:focus{outline:none;border-color:#08c!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}