*{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);--feedback-card-shadow: 0 18px 38px rgba(15, 23, 42, .1);--feedback-pill-shadow: 0 12px 28px rgba(15, 23, 42, .12);--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}html,body{overflow-x:hidden;max-width:100%}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}@keyframes feedback-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes feedback-orb{0%,to{opacity:.68;transform:translateZ(0)}50%{opacity:.95;transform:translate3d(-12px,10px,0)}}body :is(.success-message,.error-message,.alert,.notice,.current-email-notice,.flag-warning-box,.content-warning-banner,.flagged-notice,.content-notice,.confirmed-email-notice,.profile-restricted-notice,.danger-zone-warning,.performance-warning,.resend-current-message,.resend-message){--feedback-accent: var(--primary-color);--feedback-border: rgba(255, 99, 72, .22);--feedback-ink: #7c2d12;--feedback-glow: rgba(255, 99, 72, .12);--feedback-surface: linear-gradient( 135deg, rgba(255, 248, 243, .98) 0%, rgba(255, 238, 228, .94) 56%, rgba(255, 229, 218, .9) 100% );position:relative!important;overflow:hidden!important;isolation:isolate!important;border:1px solid var(--feedback-border)!important;border-radius:16px!important;background:var(--feedback-surface)!important;color:var(--feedback-ink)!important;box-shadow:var(--feedback-card-shadow),inset 0 1px #ffffffbd!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);line-height:1.45;animation:feedback-enter .22s ease-out}body :is(.success-message,.error-message,.alert,.notice,.current-email-notice,.flag-warning-box,.content-warning-banner,.flagged-notice,.content-notice,.confirmed-email-notice,.profile-restricted-notice,.danger-zone-warning,.performance-warning){padding:clamp(.85rem,1vw,1rem)!important}body :is(.resend-current-message,.resend-message){padding:.7rem .9rem!important;border-radius:14px!important}body :is(.success-message,.error-message,.alert,.notice,.current-email-notice,.flag-warning-box,.content-warning-banner,.flagged-notice,.content-notice,.confirmed-email-notice,.profile-restricted-notice,.danger-zone-warning,.performance-warning,.resend-current-message,.resend-message):after{content:"";position:absolute;top:-46px;right:-30px;width:118px;height:118px;border-radius:999px;background:radial-gradient(circle,#ffffffc7,#fff0 72%);pointer-events:none;z-index:0;animation:feedback-orb 6.4s ease-in-out infinite}body :is(.success-message,.error-message,.alert,.notice,.current-email-notice,.flag-warning-box,.content-warning-banner,.flagged-notice,.content-notice,.confirmed-email-notice,.profile-restricted-notice,.danger-zone-warning,.performance-warning,.resend-current-message,.resend-message)>*{position:relative;z-index:1}body :is(.success-message,.error-message,.alert,.notice,.current-email-notice,.flag-warning-box,.content-warning-banner,.flagged-notice,.content-notice,.confirmed-email-notice,.profile-restricted-notice,.danger-zone-warning,.performance-warning,.resend-current-message,.resend-message,.deactivated-author-warning,.footer-premium-message,.content-warning-chip) :is(p,h1,h2,h3,h4,h5,h6,small,strong,span,label){color:inherit!important}body :is(.success-message,.error-message,.alert,.notice,.current-email-notice,.flag-warning-box,.content-warning-banner,.flagged-notice,.content-notice,.confirmed-email-notice,.profile-restricted-notice,.danger-zone-warning,.performance-warning,.resend-current-message,.resend-message) :is(h1,h2,h3,h4,h5,h6,p){margin-top:0!important;margin-bottom:0!important}body :is(.success-message,.error-message,.alert,.notice,.current-email-notice,.flag-warning-box,.content-warning-banner,.flagged-notice,.content-notice,.confirmed-email-notice,.profile-restricted-notice,.danger-zone-warning,.performance-warning,.resend-current-message,.resend-message) p+p{margin-top:.45rem!important}body :is(.success-message,.error-message,.alert,.notice,.current-email-notice,.flag-warning-box,.content-warning-banner,.flagged-notice,.content-notice,.confirmed-email-notice,.profile-restricted-notice,.danger-zone-warning,.performance-warning,.resend-current-message,.resend-message,.deactivated-author-warning,.footer-premium-message,.content-warning-chip) :is(fa-icon,.warning-icon,.warn-icon,.chip-icon,.footer-crown){color:var(--feedback-accent)!important}body :is(.success-message,.alert-success,.confirmed-email-notice,.resend-current-message.success,.resend-message.success){--feedback-accent: #22c55e;--feedback-border: rgba(34, 197, 94, .28);--feedback-ink: #166534;--feedback-glow: rgba(34, 197, 94, .14);--feedback-surface: linear-gradient( 135deg, rgba(240, 253, 244, .98) 0%, rgba(220, 252, 231, .94) 56%, rgba(187, 247, 208, .9) 100% )}body :is(.error-message,.alert-error,.notice.error,.resend-current-message.error,.resend-message.error){--feedback-accent: #ef4444;--feedback-border: rgba(239, 68, 68, .28);--feedback-ink: #991b1b;--feedback-glow: rgba(239, 68, 68, .14);--feedback-surface: linear-gradient( 135deg, rgba(254, 242, 242, .99) 0%, rgba(254, 226, 226, .94) 56%, rgba(252, 202, 202, .9) 100% )}body :is(.alert-info,.notice.warning,.current-email-notice,.flag-warning-box,.content-warning-banner,.flagged-notice,.content-notice,.profile-restricted-notice,.danger-zone-warning,.performance-warning){--feedback-accent: #f59e0b;--feedback-border: rgba(245, 158, 11, .3);--feedback-ink: #92400e;--feedback-glow: rgba(245, 158, 11, .16);--feedback-surface: linear-gradient( 135deg, rgba(255, 251, 235, .99) 0%, rgba(254, 243, 199, .95) 56%, rgba(253, 230, 138, .9) 100% )}body :is(.deactivated-author-warning,.footer-premium-message,.content-warning-chip){--feedback-accent: #f59e0b;--feedback-border: rgba(245, 158, 11, .34);--feedback-ink: #8a4300;--feedback-glow: rgba(245, 158, 11, .16);--feedback-surface: linear-gradient( 135deg, rgba(255, 248, 225, .98) 0%, rgba(255, 232, 179, .96) 60%, rgba(255, 210, 122, .92) 100% );position:relative!important;overflow:hidden!important;isolation:isolate!important;border:1px solid var(--feedback-border)!important;border-radius:999px!important;background:var(--feedback-surface)!important;color:var(--feedback-ink)!important;box-shadow:var(--feedback-pill-shadow),inset 0 1px #ffffffb8!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}body :is(.deactivated-author-warning,.footer-premium-message,.content-warning-chip){padding:.45rem .8rem!important}body :is(.deactivated-author-warning,.footer-premium-message,.content-warning-chip):after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.42) 48%,transparent 72%);transform:translate(-130%);animation:feedback-orb 6.2s ease-in-out infinite;pointer-events:none;z-index:0}body :is(.deactivated-author-warning,.footer-premium-message,.content-warning-chip)>*{position:relative;z-index:1}body .footer-premium-message.member-message{--feedback-accent: #3182ce;--feedback-border: rgba(49, 130, 206, .34);--feedback-ink: #1e4f7a;--feedback-glow: rgba(49, 130, 206, .16);--feedback-surface: linear-gradient( 135deg, rgba(235, 248, 255, .98) 0%, rgba(190, 227, 248, .96) 60%, rgba(144, 205, 244, .92) 100% )}.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}