.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,button.primary{display:flex;align-items:center;gap:var(--spacing-sm);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),button.primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.lookup-btn:disabled,button.primary: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)}.loading-state{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);text-align:left}.loading-state .loading-text h3{margin:0 0 var(--spacing-xs) 0;color:var(--color-primary)}.loading-state .loading-text p{margin:0;color:var(--color-text-secondary)}.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)}.input-flex-container{display:flex;align-items:center;gap:var(--spacing-md)}.input-flex-container input{flex:1;margin:0}.input-flex-container input.flex-grow{flex:1}.input-flex-container input.port-input{width:80px;flex-shrink:0}.input-flex-container button{margin:0;flex-shrink:0}@media (max-width: 640px){.input-flex-container{flex-direction:column}.input-flex-container input,.input-flex-container button{width:100%}.input-flex-container:has(.port-input){flex-wrap:wrap;flex-direction:row}.input-flex-container:has(.port-input) input.flex-grow{flex:1 1 calc(100% - 90px);min-width:0}.input-flex-container:has(.port-input) input.port-input{flex:0 0 80px;width:80px}.input-flex-container:has(.port-input) button{flex:1 1 100%;margin-top:var(--spacing-sm)}}.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)}.summary-grid,.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-item,.stat-card{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm)}.summary-item{justify-content:space-between;align-items:center}.summary-item .label{color:var(--color-text-secondary)}.summary-item .value{font-weight:600}.summary-item .value.valid{color:var(--color-success)}.summary-item .value.error{color:var(--color-error)}.stat-card{flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--bg-tertiary)}.stat-card.double-width{grid-column:span 2}.stat-card .stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:var(--font-size-xs);font-weight:700;margin-bottom:var(--spacing-xs)}.stat-card .stat-value{font-size:var(--font-size-lg);font-weight:700}.stat-card .stat-value.warning{color:var(--color-warning)}.stat-card .stat-value.error{color:var(--color-error)}.stat-card .stat-value.success{color:var(--color-success)}.stat-card .stat-value.info{color:var(--color-info)}.stat-card .stat-warning{margin-top:var(--spacing-xs);color:var(--color-warning);font-size:var(--font-size-xs);font-weight:600}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.details-grid .detail-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.details-grid .detail-card.full-width{grid-column:1/-1}.details-grid .detail-card.double-width{grid-column:span 2}.details-grid .detail-card .detail-label{display:block;color:var(--text-secondary);text-transform:uppercase;font-size:var(--font-size-xs);font-weight:700;margin-bottom:var(--spacing-xs)}.details-grid .detail-card .detail-value{display:block;font-weight:600}.details-grid .detail-card .detail-value.mono{font-family:var(--font-mono);font-size:var(--font-size-sm);word-break:break-all}.details-grid .detail-card .detail-value.status-good,.details-grid .detail-card .detail-value.status-valid{color:var(--color-success)}.details-grid .detail-card .detail-value.status-revoked{color:var(--color-error)}.details-grid .detail-card .detail-value.status-unknown{color:var(--color-warning)}.issues-section,.warnings-section,.recommendations-section{margin-top:var(--spacing-lg)}.issues-section h3,.issues-section h4,.warnings-section h3,.warnings-section h4,.recommendations-section h3,.recommendations-section h4{margin-bottom:var(--spacing-md)}.issues-section .issues-list,.issues-section .warnings-list,.issues-section .recommendations-list,.warnings-section .issues-list,.warnings-section .warnings-list,.warnings-section .recommendations-list,.recommendations-section .issues-list,.recommendations-section .warnings-list,.recommendations-section .recommendations-list{list-style:none;padding:0;margin:0}.issues-section .issue-item,.issues-section .warning-item,.issues-section .recommendation-item,.warnings-section .issue-item,.warnings-section .warning-item,.warnings-section .recommendation-item,.recommendations-section .issue-item,.recommendations-section .warning-item,.recommendations-section .recommendation-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);border-radius:var(--radius-md)}.issues-section .issue-item :global(svg),.issues-section .warning-item :global(svg),.issues-section .recommendation-item :global(svg),.warnings-section .issue-item :global(svg),.warnings-section .warning-item :global(svg),.warnings-section .recommendation-item :global(svg),.recommendations-section .issue-item :global(svg),.recommendations-section .warning-item :global(svg),.recommendations-section .recommendation-item :global(svg){width:1rem;height:1rem;flex-shrink:0}.issues-section .issue-item,.warnings-section .issue-item,.recommendations-section .issue-item{background:color-mix(in srgb,var(--color-error),transparent 95%);border-left:3px solid var(--color-error);color:var(--color-error)}.issues-section .warning-item,.warnings-section .warning-item,.recommendations-section .warning-item{background:color-mix(in srgb,var(--color-warning),transparent 95%);border-left:3px solid var(--color-warning);color:var(--color-warning)}.issues-section .recommendation-item,.warnings-section .recommendation-item,.recommendations-section .recommendation-item{background:color-mix(in srgb,var(--color-info),transparent 95%);border-left:3px solid var(--color-info)}.mono{font-family:var(--font-mono)}.quick-tips{background:linear-gradient(135deg,color-mix(in srgb,var(--color-info),transparent 90%),color-mix(in srgb,var(--color-info),transparent 95%));border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-info)}