*{box-sizing:border-box}:root{--primary-color: #ff6348;--primary-hover: #ff4757;--primary-hover-dark: #d84315;--primary-light: #ff8c42;--primary-gradient: linear-gradient(135deg, #ff6348 0%, #ff4757 100%);--primary-gradient-light: linear-gradient(135deg, #ff6348 0%, #ff8c42 100%);--primary-shadow: rgba(255, 99, 72, .3);--primary-shadow-light: rgba(255, 99, 72, .1);--background-light: #f8f9fa;--white: #ffffff;--text-dark: #333333;--text-medium: #666666;--text-light: #999999;--border-light: #e1e5e9;--border-medium: #dee2e6;--success-color: #27ae60;--warning-color: #f39c12;--error-color: #e74c3c}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--background-light);color:var(--text-dark);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh}button{font-family:inherit}.btn-primary{background:var(--primary-gradient);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:none;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;border:1px solid var(--primary-color);box-shadow:none}.btn-primary:hover{background:var(--primary-hover-dark);border-color:var(--primary-hover-dark);transform:none;box-shadow:none}.btn-secondary{background:var(--white);color:#334155;border:1px solid #cbd5e1;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .16s ease,border-color .16s ease,color .16s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;box-shadow:none}.btn-secondary:hover:not(:disabled){background:#f8fafc;color:#1f2937;border-color:#94a3b8;transform:none;box-shadow:none}:where(.modal-cancel-button,.modal-footer .cancel-button,.form-actions .cancel-button,button.cancel-button,button.cancel-btn){background:var(--white)!important;color:#334155!important;border:1px solid #cbd5e1!important;padding:.75rem 1rem!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;font-weight:700!important;box-shadow:none!important;transform:none!important;filter:none!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease!important}:where(.modal-cancel-button,.modal-footer .cancel-button,.form-actions .cancel-button,button.cancel-button,button.cancel-btn):hover:not(:disabled){background:linear-gradient(135deg,#ff6348,#ff4757)!important;color:#fff!important;border-color:#ff6348!important;transform:none!important;box-shadow:none!important;filter:none!important}:where(.auth-button:not(.secondary),.create-button,.retry-button,.save-button,.upload-button,.view-profile-button,.change-cover-button,.read-button,.plan-button,.primary-button,.submit-button,.select-button,.action-button.primary){box-shadow:none!important;transition:none!important}:where(.auth-button:not(.secondary),.create-button,.retry-button,.save-button,.upload-button,.view-profile-button,.change-cover-button,.read-button,.plan-button,.primary-button,.submit-button,.select-button,.action-button.primary):hover:not(:disabled){background:var(--primary-hover-dark)!important;border-color:var(--primary-hover-dark)!important;color:var(--white)!important;transform:none!important;box-shadow:none!important;filter:none!important}:where(.auth-button:not(.secondary),.create-button,.retry-button,.save-button,.upload-button,.view-profile-button,.change-cover-button,.read-button,.plan-button,.primary-button,.submit-button,.select-button,.action-button.primary):active:not(:disabled){background:var(--primary-hover-dark)!important;border-color:var(--primary-hover-dark)!important;transform:none!important;box-shadow:none!important;filter:none!important}.form-input-primary{padding:.75rem;border:2px solid var(--border-light);border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fafbfc}.form-input-primary:focus{outline:none;border-color:var(--primary-color);background:var(--white);box-shadow:0 0 0 3px var(--primary-shadow-light)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.spinner-primary{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.link-primary{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .2s ease}.link-primary:hover{color:var(--primary-hover);text-decoration:underline}.badge-primary{background:var(--primary-gradient);color:var(--white);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.badge-secondary{background:var(--background-light);color:var(--text-medium);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-8px);box-shadow:0 12px 25px var(--primary-shadow)}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.modal-open{overflow:hidden}.page:has(app-openai-image-modal .modal-backdrop) .page-add-panel-rail,.page:has(app-openai-image-library-modal .modal-backdrop) .page-add-panel-rail{opacity:0;pointer-events:none;z-index:-1}.sidebar{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}body.advanced-editor-open .sidebar{transform:translate(-100%);pointer-events:none}body:not(.advanced-editor-open) .sidebar{transform:translate(0);pointer-events:auto}.navbar{transition:opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1)}body.advanced-editor-open .navbar{opacity:0;transform:translateY(-100%);pointer-events:none}body:not(.advanced-editor-open) .navbar{opacity:1;transform:translateY(0);pointer-events:auto}.modal-close-btn{background:#fff3;border:none;color:#fff;cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .2s ease;line-height:1;display:flex;align-items:center;justify-content:center;font-size:.9rem;min-width:34px;min-height:34px;box-sizing:border-box}.modal-close-btn fa-icon{display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;line-height:1}.modal-close-btn fa-icon svg{display:block}.modal-close-btn:hover:not(:disabled){background:#ffffff4d}.modal-close-btn fa-icon{transition:transform .18s ease}.modal-close-btn:hover fa-icon{transform:scale(1.12)}.modal-close-btn:active:not(:disabled){transform:scale(.92)}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.image-modal-close{width:44px;height:44px;padding:0;font-size:1.15rem}.image-modal-close fa-icon{font-size:1.25rem}.premium-gold-badge,.premium-crown,.crown-icon,.page-premium-badge{position:relative!important;overflow:hidden!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;flex:0 0 auto!important;border-radius:50%!important;background:linear-gradient(135deg,gold,#ffb347 45%,#ff8c42)!important;color:#3b1d00!important;box-shadow:0 8px 18px #ff8c4238!important;border:none!important;vertical-align:middle!important;margin:0 4px!important;z-index:1!important}.premium-crown.profile-badge{width:44px!important;height:44px!important;font-size:1.6rem!important;margin-left:12px!important;box-shadow:0 10px 22px #ff8c4247!important}.page-premium-badge{width:auto!important;height:auto!important;padding:2px 10px!important;border-radius:999px!important;font-size:.75rem!important}.premium-gold-badge:before,.premium-crown:before,.crown-icon:before,.page-premium-badge:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.58) 45%,transparent 68%)!important;transform:translate(-130%);animation:premiumSheen 3.2s ease-in-out infinite!important;pointer-events:none!important;z-index:1!important}@keyframes premiumSheen{0%{transform:translate(-130%)}42%,to{transform:translate(130%)}}.premium-gold-badge fa-icon,.premium-crown fa-icon,.crown-icon fa-icon,.page-premium-badge fa-icon{position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#3b1d00!important}