:root{--primary-color:#2563eb;--primary-dark:#1d4ed8;--secondary-color:#64748b;--success-color:#22c55e;--danger-color:#ef4444;--warning-color:#f59e0b;--text-color:#1f2937;--bg-color:#fff;--bg-secondary:#f3f4f6;--border-color:#e5e7eb;--font-main:system-ui,-apple-system,sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius:.375rem}.shortlink-container{width:100%;margin:0 auto;padding:var(--spacing-md)}.preview-card{background:var(--bg-color);border-radius:var(--border-radius);box-shadow:0 4px 6px rgba(0,0,0,.1);width:100%;padding:var(--spacing-xl);overflow:hidden}.preview-header{text-align:center;margin:calc(var(--spacing-xl) * -1) calc(var(--spacing-xl) * -1) var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--border-radius) var(--border-radius) 0 0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);background-color:var(--primary-color)}.preview-header h1{color:#fff;margin:0;font-size:2.5rem}.preview-icon{width:48px;height:48px;margin-bottom:var(--spacing-md)}.preview-content{padding:var(--spacing-lg)}.preview-card--error .preview-header{background:var(--danger-color)}.preview-card--warning .preview-header{background:var(--danger-color)}.preview-card--warning{border:1px solid rgba(239,68,68,.2);box-shadow:0 4px 6px rgba(239,68,68,.1)}.error-icon,.warning-icon{color:#fff;margin-bottom:var(--spacing-md)}.error-title,.warning-title{text-align:center;color:var(--text-color);font-size:1.1rem;margin:0 0 var(--spacing-xl);font-weight:500}.warning-title{color:var(--danger-color)}.error-details,.warning-details{margin-bottom:var(--spacing-xl)}.error-details h2,.warning-details h2{color:var(--text-color);font-size:1rem;margin-bottom:var(--spacing-md)}.error-list,.risk-list{list-style:none;padding:0;margin:0}.error-list li,.risk-list li{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.error-list li{color:var(--secondary-color)}.risk-list li{color:var(--danger-color)}.error-list li svg,.risk-list li svg{color:var(--danger-color);flex-shrink:0}.target-url{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);word-break:break-all}.target-url--warning{background-color:#fef2f2;border:1px solid rgba(239,68,68,.2)}.url-label{display:block;font-weight:700;margin-bottom:var(--spacing-xs)}.unsafe-url{display:block;word-break:break-all;color:var(--danger-color);font-family:monospace;margin-top:var(--spacing-xs)}.error-actions,.preview-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-xl)}.preview-actions .btn{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:background-color .2s;text-decoration:none;font-size:1.1rem}.btn--primary{background-color:var(--primary-color);color:#fff}.btn--primary:hover{background-color:var(--primary-dark)}.btn--secondary{background-color:var(--secondary-color);color:#fff}.btn--warning{background-color:var(--warning-color);color:#fff;width:100%;text-align:center}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-color)}.form-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(37,99,235,.2)}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container .form-input{padding-right:calc(32px + var(--spacing-sm));width:100%}.password-form{max-width:400px;margin:0 auto}.preview-description{text-align:center;color:var(--secondary-color);margin:0 0 var(--spacing-xl)}.error-message{color:var(--danger-color);font-size:.875rem;margin-top:var(--spacing-xs)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:center}.preview-warning{text-align:center;font-size:1.1rem;margin-bottom:var(--spacing-md)}.security-note{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius);font-size:.9rem}.report-section{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.report-link{color:var(--primary-color);text-decoration:none;font-weight:500}.report-link:hover{text-decoration:underline}.preview-meta{text-align:center;margin-top:var(--spacing-md);font-size:.875rem;color:var(--secondary-color)}.link-preview{margin:var(--spacing-lg) 0;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;background:#fff;transition:box-shadow .2s;position:relative}.link-preview:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.link-preview__image{position:relative;width:100%;height:200px;background-color:var(--bg-secondary);overflow:hidden}.link-preview__image img{width:100%;height:100%;object-fit:cover}.link-preview__image--fallback{display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);color:var(--secondary-color)}.link-preview__image--fallback:after{content:'🖼️ Kein Vorschaubild verfügbar';font-size:.9rem}.link-preview__content{padding:var(--spacing-md);border-top:1px solid var(--border-color)}.link-preview__meta{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.link-preview__favicon{width:16px;height:16px}.link-preview__domain{font-size:.875rem;color:var(--secondary-color)}.link-preview__title{font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-color);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview__description{font-size:.9rem;color:var(--secondary-color);margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}@media (max-width:480px){.preview-card{padding:var(--spacing-lg)}.preview-header{margin:calc(var(--spacing-lg) * -1) calc(var(--spacing-lg) * -1) var(--spacing-lg);padding:var(--spacing-lg)}.preview-content{padding:var(--spacing-md)}.error-actions,.preview-actions,.form-actions{flex-direction:column}.btn{width:100%}.link-preview__image{height:150px}.link-preview__content{padding:var(--spacing-sm)}.link-preview__title{font-size:1rem}.link-preview__description{-webkit-line-clamp:2;line-clamp:2}}.cookie-notice{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius);font-size:.8rem;margin-top:var(--spacing-xl);color:var(--secondary-color)}