:root{--bg-primary:#ffffff;--bg-secondary:#f5f5f5;--text-primary:#333333;--text-secondary:#666666;--border-color:#e0e0e0;--card-bg:#ffffff;--button-bg:#007bff;--button-hover:#0056b3;--success-bg:#d4edda;--success-text:#155724;--error-bg:#f8d7da;--error-text:#721c24;--shadow:0 2px 10px rgba(0,0,0,0.1)}.dark-theme{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--text-primary:#ffffff;--text-secondary:#cccccc;--border-color:#444444;--card-bg:#2d2d2d;--button-bg:#007bff;--button-hover:#0056b3;--success-bg:#1e3a2e;--success-text:#a3d8a3;--error-bg:#3a2226;--error-text:#f8a8a8;--shadow:0 2px 10px rgba(0,0,0,0.3)}*{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:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color 0.3s ease,color 0.3s ease}.container{max-width:800px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:2rem;padding:1rem;position:relative}h1{font-size:2.5rem;margin-bottom:0.5rem;color:var(--text-primary)}.theme-toggle{background:var(--button-bg);color:white;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;margin:0 auto 1rem}@media (min-width:769px){.theme-toggle:hover{background:var(--button-hover);transform:scale(1.1)}}@media (max-width:768px){.theme-toggle:active{background:var(--button-hover);transform:scale(0.96);transition:transform 0.05s}}.query-section{background:var(--card-bg);padding:2rem;border-radius:10px;box-shadow:var(--shadow);border:1px solid var(--border-color);margin-bottom:2rem}.input-group{margin-bottom:1.5rem}label{display:block;margin-bottom:0.5rem;font-weight:600;color:var(--text-primary)}input[type="text"]{width:100%;padding:0.75rem;border:2px solid var(--border-color);border-radius:5px;font-size:1rem;background:var(--bg-primary);color:var(--text-primary);transition:border-color 0.3s ease}input[type="text"]:focus{outline:none;border-color:var(--button-bg);box-shadow:0 0 0 3px rgba(0,123,255,0.2)}.btn-group{display:flex;gap:1rem;flex-wrap:wrap}button{padding:0.75rem 1.5rem;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:600;transition:all 0.3s ease;min-width:120px}.btn-primary{background:var(--button-bg);color:white}@media (min-width:769px){.btn-primary:hover{background:var(--button-hover);transform:translateY(-2px)}.btn-secondary:hover{background:#e0e0e0;transform:translateY(-2px)}.dark-theme .btn-secondary:hover{background:#444444}}@media (max-width:768px){.btn-primary:active,.btn-secondary:active{transform:scale(0.97);transition:transform 0.05s}}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.result-section{background:var(--card-bg);padding:2rem;border-radius:10px;box-shadow:var(--shadow);border:1px solid var(--border-color);margin-bottom:2rem}.result-card{background:var(--success-bg);border-left:4px solid #28a745;padding:1rem;border-radius:5px;margin-bottom:1rem;word-break:break-word}.result-card.error{background:var(--error-bg);border-left:4px solid #dc3545}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.result-item{background:var(--bg-secondary);padding:1rem;border-radius:5px;border:1px solid var(--border-color);word-break:break-word;overflow-wrap:break-word}.result-label{font-size:0.875rem;color:var(--text-secondary);margin-bottom:0.25rem}.result-value{font-weight:600;color:var(--text-primary);word-break:break-word}.history-section{background:var(--card-bg);padding:2rem;border-radius:10px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.history-title{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary)}.history-list{list-style:none}.history-item{background:var(--bg-secondary);padding:1rem;margin-bottom:0.5rem;border-radius:5px;border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.5rem}@media (min-width:769px){.history-item:hover{background:var(--bg-primary);transform:translateX(3px);transition:all 0.2s}}@media (max-width:768px){.history-item:active{background:var(--bg-primary);transform:scale(0.99);transition:transform 0.05s}}.history-ip{font-weight:600;color:var(--text-primary);word-break:break-word}.history-location{font-size:0.875rem;color:var(--text-secondary);margin-top:0.25rem;word-break:break-word}.loading{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid var(--button-bg);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}footer{text-align:center;margin-top:3rem;padding:1rem;color:var(--text-secondary);font-size:0.875rem}footer a{color:var(--button-bg);text-decoration:none}footer a:hover{text-decoration:underline}.error-message{color:var(--error-text);font-size:0.875rem;margin-top:0.25rem}.success-message{color:var(--success-text);font-size:0.875rem;margin-top:0.25rem}.hidden{display:none}.flex-center{display:flex;align-items:center;gap:0.5rem}@media (max-width:768px){.container{padding:12px}header{margin-bottom:1.2rem;padding:0.5rem}h1{font-size:1.8rem}.query-section,.result-section,.history-section{padding:1.2rem;margin-bottom:1.2rem}.input-group{margin-bottom:1rem}label{font-size:0.9rem;margin-bottom:0.4rem}input[type="text"]{padding:0.7rem;font-size:16px}.btn-group{flex-direction:column;gap:0.75rem}button{width:100%;padding:0.7rem 1rem;font-size:0.95rem;min-width:auto}.result-grid{grid-template-columns:1fr;gap:0.75rem}.result-item{padding:0.75rem}.result-label{font-size:0.75rem}.result-value{font-size:0.9rem}.history-title{font-size:1.1rem;margin-bottom:0.75rem}.history-item{padding:0.75rem;flex-direction:column;align-items:flex-start;gap:0.3rem}.history-ip{font-size:0.9rem}.history-location{font-size:0.75rem}footer{margin-top:1.5rem;padding:0.8rem;font-size:0.75rem}}@media (max-width:550px){.container{padding:8px}h1{font-size:1.5rem}.theme-toggle{width:36px;height:36px;font-size:1rem}.query-section,.result-section,.history-section{padding:1rem;border-radius:8px}label{font-size:0.85rem}input[type="text"]{padding:0.6rem;font-size:16px}.btn-group{gap:0.6rem}button{padding:0.6rem 0.8rem;font-size:0.85rem}.result-card{padding:0.75rem}.result-item{padding:0.6rem}.result-label{font-size:0.7rem}.result-value{font-size:0.85rem}.history-item{padding:0.6rem}.history-ip{font-size:0.85rem}.error-message,.success-message{font-size:0.75rem}}@media (max-width:380px){h1{font-size:1.3rem}.query-section,.result-section,.history-section{padding:0.8rem}.result-item{padding:0.5rem}.history-item{padding:0.5rem}}@media (max-width:768px) and (orientation:landscape){.container{max-width:90%}.btn-group{flex-direction:row}.btn-group button{flex:1}.result-grid{grid-template-columns:repeat(2,1fr)}.history-item{flex-direction:row;justify-content:space-between}}@media (hover:none) and (pointer:coarse){.theme-toggle,button,.history-item{cursor:pointer;-webkit-tap-highlight-color:transparent}button:active{transform:scale(0.97)}.history-item:active{background:var(--bg-primary)}}