.card{margin:0 auto;border-radius:var(--radius-md)}.card.input-card,.card.results-card{background:var(--bg-tertiary);margin-bottom:var(--spacing-lg)}.card.examples-card{margin-bottom:var(--spacing-md);background:var(--bg-tertiary);padding:0}.card.info-card{flex-direction:column;align-items:normal;background:var(--bg-tertiary)}.card.warning-card{border:1px solid var(--color-warning);background:color-mix(in srgb,var(--color-warning),transparent 90%);padding:var(--spacing-md)}.card.warning-card .icon{color:var(--color-warning);height:2rem}.card.error-card{border:1px solid var(--color-error);background:color-mix(in srgb,var(--color-error),transparent 90%);margin-bottom:var(--spacing-lg)}.card .warning-content,.card .error-content{display:flex;align-items:flex-start;gap:var(--spacing-md);align-items:center}.card .warning-content div strong,.card .error-content div strong{display:block;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.card .warning-content div p,.card .error-content div p{line-height:1.5;color:var(--text-primary)}.card .warning-content div p:last-child,.card .error-content div p:last-child{margin-bottom:0}.card-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.card-header.row{flex-direction:row}.card-header h3{margin:0;color:var(--text-primary)}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group input.invalid,.form-group select.invalid,.form-group textarea.invalid{border-color:var(--color-error)}.form-group input[type=checkbox],.form-group select[type=checkbox],.form-group textarea[type=checkbox]{width:auto;height:18px;width:18px;margin:0;accent-color:var(--color-primary);cursor:pointer}.form-group input[type=checkbox]:focus,.form-group select[type=checkbox]:focus,.form-group textarea[type=checkbox]:focus{outline:2px solid var(--color-primary);outline-offset:2px}.checkbox-group{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;margin-top:var(--spacing-sm)}.checkbox-group label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox-group:hover{color:var(--color-primary)}.checkbox-group input[type=checkbox]{cursor:pointer}.lookup-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.lookup-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.lookup-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.copy-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--color-primary)}.status-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.status-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:500;border:1px solid}.status-item.success{background:color-mix(in srgb,var(--color-success),transparent 90%);color:var(--color-success);border-color:var(--color-success)}.status-item.warning{background:color-mix(in srgb,var(--color-warning),transparent 90%);color:var(--color-warning);border-color:var(--color-warning)}.status-item.error{background:color-mix(in srgb,var(--color-error),transparent 90%);color:var(--color-error);border-color:var(--color-error)}.records-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.record-section{margin:var(--spacing-md) 0}.record-section h4{margin:0 0 var(--spacing-md) 0;color:var(--color-primary)}.record-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}@media (max-width: 768px){.record-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.record-data{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all}.examples-details{border:none;background:none}.examples-details svg{transition:transform var(--transition-fast)}.examples-details[open] .examples-summary svg{transform:rotate(90deg)}.examples-details .examples-summary{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);cursor:pointer;list-style:none}.examples-details .examples-summary::-webkit-details-marker{display:none}.examples-details .examples-summary svg{transition:transform var(--transition-fast);color:var(--text-secondary)}.examples-details .examples-summary h4{margin:0;color:var(--text-primary);font-size:var(--font-size-md)}.examples-details .examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-sm);padding:0 var(--spacing-md) var(--spacing-md)}.examples-details .examples-grid .example-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.examples-details .examples-grid .example-card:hover,.examples-details .examples-grid .example-card.selected{background:var(--bg-primary);border-color:var(--color-primary)}.examples-details .examples-grid .example-card h5{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm)}.examples-details .examples-grid .example-card p{margin:0;color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.4}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--spacing-md)}.info-grid .info-section{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.info-grid .info-section h4{color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.info-grid .info-section p{color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-sm) 0}.info-grid .info-section ul,.info-grid .info-section ol{color:var(--text-secondary);margin:0;padding-left:var(--spacing-md)}.info-grid .info-section ul li,.info-grid .info-section ol li{margin-bottom:var(--spacing-xs)}.info-grid .info-section ul li strong,.info-grid .info-section ol li strong{color:var(--text-primary)}.info-grid .info-section ul li code,.info-grid .info-section ol li code{background:var(--bg-tertiary);padding:2px 4px;border-radius:var(--radius-xs);font-family:var(--font-mono)}.mono{font-family:var(--font-mono)}.help-text{font-size:var(--font-size-xs);color:var(--text-secondary);font-style:italic;margin:0}.error-text{color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.text-green-500{color:var(--color-success)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-row{margin-bottom:var(--spacing-md)}.form-row.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media (max-width: 768px){.form-row.two-columns{grid-template-columns:1fr}}.example-card.selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary),transparent 95%)}.action-section{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.lookup-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500}.info-value{color:var(--text-primary);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.result-section{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.result-section.full-width{grid-column:1/-1}.result-section h4{margin:0 0 var(--spacing-md) 0;color:var(--color-primary);font-size:var(--font-size-md);font-weight:600}.definition-list{display:grid;gap:var(--spacing-sm);margin:0}.definition-list dt{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500;margin:0}.definition-list dd{color:var(--text-primary);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm)}.definition-list dd code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--font-size-xs)}.status-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.status-badge{background:var(--color-info);color:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:500}.ip-version,.asn-number{background:var(--color-primary);color:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;font-family:var(--font-mono)}.asn-number{padding:4px 8px;font-size:var(--font-size-sm);font-weight:600}.country-code{background:var(--color-success);color:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase}.contacts-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact-card{background:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-secondary)}.contact-card h5{margin:0 0 var(--spacing-sm) 0;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600}.contact-card p{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm)}.contact-card p small{color:var(--text-secondary);font-size:var(--font-size-xs)}.roles-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.role-badge{background:var(--bg-primary);color:var(--text-secondary);padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);border:1px solid var(--border-secondary);text-transform:capitalize}.nameserver-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--spacing-xs)}.nameserver-list li{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.nameserver-list li code{font-family:var(--font-mono);font-size:var(--font-size-sm)}.expires-soon .warning-badge{background:var(--color-warning);color:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);margin-left:var(--spacing-sm);text-transform:uppercase;font-weight:600}.troubleshooting{margin-top:var(--spacing-sm)}.troubleshooting ul{margin-top:var(--spacing-xs);padding-left:var(--spacing-md)}.troubleshooting ul li{margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}
