body{font-family:Arial,sans-serif;margin:0;padding:5vh 2vw;display:flex;flex-direction:column;align-items:center;background:var(--bg-color);transition:background .3s ease}h1{font-size:2.5rem;font-weight:300;text-align:center;margin-bottom:30px;animation:textColorChange 5s infinite linear}@keyframes textColorChange{0%{color:#ff6f61}25%{color:#6b5b95}50%{color:#88b04b}75%{color:#f7cac9}to{color:#ff6f61}}#searchBox{width:80%;max-width:600px;padding:12px 20px;font-size:1rem;border-radius:25px;margin-bottom:40px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;background:var(--card-bg);color:var(--text-color);border:1px solid var(--input-border)}#searchBox:focus{outline:none;border-color:#007bff;box-shadow:0 4px 10px #007bff33}.card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;width:90%;max-width:1200px}.card{padding:25px;border-radius:12px;text-align:center;font-weight:400;font-size:1rem;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;animation:cardTextColorChange 6s infinite linear;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--card-bg);color:var(--text-color)}.card-name{font-weight:700;font-size:1rem;margin:auto}.card-clicks{position:absolute;top:5px;right:10px;font-size:.75rem;font-weight:300;color:#999;transition:color .3s ease}@keyframes cardTextColorChange{0%{color:#555}25%{color:#007bff}50%{color:#28a745}75%{color:#fd7e14}to{color:#555}}.card:hover{background:#007bff;color:#fff;transform:translateY(-5px);box-shadow:0 6px 15px #00000026;animation:none}footer{position:fixed;bottom:0;left:0;width:100%}.footer-box{position:relative;text-align:center;margin-top:15px;padding-top:5px;border-top:1px solid #4444}.settings{position:absolute;right:20px;top:65%;transform:translateY(-50%)}.gear{cursor:pointer;font-size:20px;transition:transform .3s ease}.settings:hover .gear{transform:rotate(90deg)}.menu{position:absolute;bottom:25px;right:0;display:flex;flex-direction:row;gap:12px;opacity:0;pointer-events:none;transform:translate(10px);transition:all .3s ease}.settings:hover .menu{opacity:1;pointer-events:auto;transform:translate(0)}:root{--primary-color: #007aff;--primary-hover: #0056b3;--bg-card: rgba(255, 255, 255, .95);--text-main: #1d1d1f;--text-sub: #86868b;--border-color: #d2d2d7}.modal{position:fixed;inset:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:1000;transition:all .3s ease}.modal-box{background:var(--modal-bg);color:var(--modal-text);padding:32px;border-radius:20px;width:90%;max-width:400px;box-shadow:0 20px 40px #0000001a;transform:scale(.9);animation:modalShow .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes modalShow{to{transform:scale(1);opacity:1}}.modal-box h3{margin:0 0 24px;font-size:22px;font-weight:600;text-align:center}.input-group{margin-bottom:20px}.input-group label{display:block;font-size:14px;color:var(--text-sub);margin-bottom:8px;margin-left:4px}.modal-box input{width:100%;box-sizing:border-box;padding:12px 16px;border:1.5px solid var(--border-color);border-radius:12px;font-size:16px;background:var(--bg-color);color:var(--text-color);transition:all .2s ease}.modal-box input:focus{border-color:var(--primary-color);background:var(--modal-bg);outline:none;box-shadow:0 0 0 4px #007aff1a}.modal-footer{display:flex;gap:12px;margin-top:32px}.btn{flex:1;padding:12px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:transform .1s;border:none}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:#e8e8ed;color:#424245}.btn-secondary:hover{background:#d2d2d7}.btn:active{transform:scale(.97)}.submit-btn{width:50%;padding:10px 12px;background:#007aff;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:background .2s;display:block;margin:0 auto}.submit-btn:hover{background:#0066d8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popup{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.contact-link{font-size:13px;color:#666;text-decoration:none;font-weight:400;border-bottom:1px solid #e0e0e0;transition:color .2s,border-color .2s}.contact-link:hover{color:#444;border-color:#bbb}:root{--bg-color: #f0f2f5;--card-bg: #ffffff;--text-color: #555;--input-border: #ddd;--modal-bg: rgba(255, 255, 255, .95);--modal-text: #1d1d1f}[data-theme=dark]{--bg-color: #1a1a1a;--card-bg: #2d2d2d;--text-color: #e0e0e0;--input-border: #444;--modal-bg: #2d2d2d;--modal-text: #f0f2f5}.setting-item{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:22px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#007aff}input:checked+.slider:before{transform:translate(22px)}