.page-container[data-astro-cid-dhfotatx]{max-width:800px;margin:0 auto;padding:0 var(--spacing-md)}.hero[data-astro-cid-dhfotatx]{text-align:center;margin-bottom:var(--spacing-3xl)}.hero-title[data-astro-cid-dhfotatx]{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md)}.hero-subtitle[data-astro-cid-dhfotatx]{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.form-section[data-astro-cid-dhfotatx]{margin-bottom:var(--spacing-3xl)}.auth-notice[data-astro-cid-dhfotatx]{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-xl);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-link[data-astro-cid-dhfotatx]{color:var(--color-primary);text-decoration:none;font-weight:600}.auth-link[data-astro-cid-dhfotatx]:hover{text-decoration:underline}.form-container[data-astro-cid-dhfotatx]{display:flex;flex-direction:column;gap:var(--spacing-md)}.input-wrapper[data-astro-cid-dhfotatx]{position:relative}.url-input[data-astro-cid-dhfotatx]{width:100%;height:56px;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-sans);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base)}.url-input[data-astro-cid-dhfotatx]:focus{outline:none;border-color:var(--color-border-focus)}.url-input[data-astro-cid-dhfotatx].valid{border-color:var(--color-border-success)}.url-input[data-astro-cid-dhfotatx].invalid{border-color:var(--color-border-error)}.char-counter[data-astro-cid-dhfotatx]{position:absolute;bottom:-20px;right:0;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.char-counter[data-astro-cid-dhfotatx].warning{color:var(--color-warning)}.char-counter[data-astro-cid-dhfotatx].error{color:var(--color-error)}.alias-container[data-astro-cid-dhfotatx]{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-background-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.alias-label[data-astro-cid-dhfotatx]{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.alias-input[data-astro-cid-dhfotatx]{width:100%;height:48px;padding:var(--spacing-md);font-size:var(--font-size-base);border:2px solid var(--color-border);border-radius:var(--radius-md)}.alias-input[data-astro-cid-dhfotatx]:focus{outline:none;border-color:var(--color-border-focus)}.alias-hint[data-astro-cid-dhfotatx]{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.expiration-container[data-astro-cid-dhfotatx]{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-background-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.expiration-label[data-astro-cid-dhfotatx]{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.expiration-input[data-astro-cid-dhfotatx]{width:100%;height:48px;padding:var(--spacing-md);font-size:var(--font-size-base);border:2px solid var(--color-border);border-radius:var(--radius-md)}.expiration-input[data-astro-cid-dhfotatx]:focus{outline:none;border-color:var(--color-border-focus)}.expiration-hint[data-astro-cid-dhfotatx]{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.expiration-error[data-astro-cid-dhfotatx]{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--spacing-xs)}.error-container[data-astro-cid-dhfotatx]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-error-background);border-left:4px solid var(--color-error);border-radius:var(--radius-md);animation:fadeIn var(--transition-base)}.error-icon[data-astro-cid-dhfotatx]{font-size:var(--font-size-lg)}.error-message[data-astro-cid-dhfotatx]{color:var(--color-error);font-size:var(--font-size-sm);line-height:1.5}.submit-btn[data-astro-cid-dhfotatx]{width:100%;height:56px;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-sans);color:var(--color-text-inverse);background:var(--color-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.submit-btn[data-astro-cid-dhfotatx]:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.submit-btn[data-astro-cid-dhfotatx]:disabled{opacity:.5;cursor:not-allowed;background:var(--color-text-tertiary)}.loading-container[data-astro-cid-dhfotatx]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);animation:fadeIn var(--transition-base)}.spinner[data-astro-cid-dhfotatx]{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text[data-astro-cid-dhfotatx]{color:var(--color-text-secondary);font-size:var(--font-size-base)}.result-container[data-astro-cid-dhfotatx]{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;animation:slideDown var(--transition-slow)}.result-icon[data-astro-cid-dhfotatx]{width:48px;height:48px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;background:var(--color-success);color:#fff;font-size:var(--font-size-2xl);border-radius:50%}.result-label[data-astro-cid-dhfotatx]{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-lg)}.url-info[data-astro-cid-dhfotatx]{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.url-label[data-astro-cid-dhfotatx]{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.original-url[data-astro-cid-dhfotatx]{font-size:var(--font-size-sm);color:var(--color-text-tertiary);word-break:break-all}.short-url-display[data-astro-cid-dhfotatx]{margin-bottom:var(--spacing-lg)}.short-url[data-astro-cid-dhfotatx]{font-family:var(--font-mono);font-size:var(--font-size-2xl);color:var(--color-primary);background:var(--color-background);padding:var(--spacing-md);border-radius:var(--radius-md);display:inline-block;user-select:all}.action-buttons[data-astro-cid-dhfotatx]{display:flex;flex-direction:column;gap:var(--spacing-md)}.copy-btn[data-astro-cid-dhfotatx]{width:100%;height:48px;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-sans);color:var(--color-text-inverse);background:var(--color-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.copy-btn[data-astro-cid-dhfotatx]:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.copy-btn[data-astro-cid-dhfotatx].success{background:var(--color-success)}.new-shorten-btn[data-astro-cid-dhfotatx]{width:100%;height:48px;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:500;font-family:var(--font-sans);color:var(--color-text-secondary);background:transparent;border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.new-shorten-btn[data-astro-cid-dhfotatx]:hover{background:var(--color-background-hover);border-color:var(--color-primary);color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.hero-title[data-astro-cid-dhfotatx]{font-size:var(--font-size-3xl)}.hero-subtitle[data-astro-cid-dhfotatx]{font-size:var(--font-size-base)}.short-url[data-astro-cid-dhfotatx]{font-size:var(--font-size-lg)}}@media (min-width: 769px){.action-buttons[data-astro-cid-dhfotatx]{flex-direction:row}.copy-btn[data-astro-cid-dhfotatx],.new-shorten-btn[data-astro-cid-dhfotatx]{flex:1}.submit-btn[data-astro-cid-dhfotatx]{width:auto;min-width:200px;align-self:center}}