:root{--primary: #5546ff;--primary-dark: #3d2fd1;--secondary: #6c757d;--success: #28a745;--danger: #dc3545;--warning: #ffc107;--light: #f8f9fa;--dark: #212529;@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}}:root --border: #de *{margin:0;padding:0;box-sizing:borde-box}:root body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-fon-smoting:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}:root .App{max-width:800px;margin:0 auto;padding:20px min-height: 100vh display: flex;flex-direction:column}:root header{text-align:center;color:#fff;margin-bottom:30px;padding:20px}:root header h1{font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}:root .contract-id{font-size:.9rem;opacity:.9;font-family:Courier New,monospace;word-break:break-all}:root main{flex:1;background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #0003;position:relative;z-index:1}:root .connect-section{text-align:center;padding:60px 20px}:root .hint{margin-top:15px;color:var(--secondary);font-size:.95rem}:root .wallet-info{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:var(--light);border-radius:10px;margin-bottom:30px}:root .wallet-info p{margin:0;font-family:Courier New,monospace;font-size:.9rem}:root .counter-display{text-align:center;margin:40px 0;position:relative}:root .counter-value{font-size:6rem;font-weight:700;color:var(--primary);text-shadow:2px 2px 4px rgba(0,0,0,.1);animation:pulse 2s ease-in-out infinite}:root .paused-badge{display:inline-block;background:var(--warning);color:var(--dark);padding:8px 20px;border-radius:20px;font-weight:700;margin-top:15px;animation:blink 1.5s ease-in-out infinite}:root .status-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:30px 0;padding:20px;background:var(--light);border-radius:10px}:root .status-item{display:flex;flex-direction:column;gap:5px}:root .status-item .label{font-size:.85rem;color:var(--secondary);text-transform:uppercase;letter-spacing:.5px}:root .status-item .value{font-family:Courier New,monospace;font-weight:700;font-size:.95rem}:root .status-item .value.active{color:var(--success)}:root .status-item .value.paused{color:var(--danger)}:root .owner-badge{grid-column:1 / -1;text-align:center;background:linear-gradient(135deg,gold,#ffed4e);padding:15px;border-radius:10px;font-weight:700;color:var(--dark)}:root .actions{margin-top:30px}:root .actions h2{margin-bottom:20px;color:var(--dark)}:root .action-group{margin-bottom:30px;padding:20px;border:2px solid var(--border);border-radius:10px}:root .action-group h3{margin-bottom:15px;color:var(--secondary);font-size:1rem}:root .button-group{display:flex;gap:15px;flex-wrap:wrap}:root .input-group{display:flex;gap:10px;margin-bottom:15px}:root .input-group input{flex:1;padding:12px 15px;border:2px solid var(--border);border-radius:8px;font-size:1rem}:root .input-group input:focus{outline:none;border-color:var(--primary)}:root button{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}:root button:disabled{opacity:.5;cursor:not-allowed}:root .btn-primary{background:var(--primary);color:#fff;padding:15px 40px;font-size:1.1rem;position:relative;z-index:10}:root .btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 5px 15px #5546ff66}:root .btn-primary:active:not(:disabled){transform:translateY(0)}:root .btn-secondary{background:var(--secondary);color:#fff}:root .btn-secondary:hover:not(:disabled){background:#5a6268}:root .btn-action{flex:1;min-width:150px;background:var(--primary);color:#fff}:root .btn-action:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px)}:root .btn-pause{width:100%;background:var(--warning);color:var(--dark)}:root .btn-pause:hover:not(:disabled){background:#e0a800}:root .loading-overlay{position:absolute;inset:0;background:#fffffff2;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px;z-index:1000}:root .spinner{width:50px;height:50px;border:5px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}:root .loading-overlay p{margin-top:20px;color:var(--secondary);font-weight:600}:root footer{text-align:center;padding:20px;color:#fff;margin-top:20px}:root footer a{color:#fff;text-decoration:underline}:root footer a:hover{opacity:.8}@media(max-width:768px){:root header h1{font-size:2rem}:root .counter-value{font-size:4rem}:root main{padding:20px}:root .button-group{flex-direction:column}:root .btn-action{width:100%}:root .wallet-info{flex-direction:column;gap:10px}:root .status-info{grid-template-columns:1fr}}