:root{--bg-dark:oklch(0.1 0.07 238);--bg:oklch(0.15 0.07 238);--bg-light:oklch(0.2 0.07 238);--text:oklch(0.96 0.1 238);--text-muted:oklch(0.76 0.1 238);--highlight:oklch(0.5 0.14 238);--border:oklch(0.4 0.14 238);--border-muted:oklch(0.3 0.14 238);--primary:oklch(0.76 0.14 238);--secondary:oklch(0.76 0.14 58);--danger:oklch(0.7 0.14 30);--warning:oklch(0.7 0.14 100);--success:oklch(0.7 0.14 160);--info:oklch(0.7 0.14 260);--surface-0:var(--bg-dark);--surface-1:var(--bg);--surface-2:var(--bg-light);--text-strong:var(--text);--text-base:var(--text);--text-subtle:var(--text-muted);--text-inverse:oklch(0.1 0.07 238);--border-strong:var(--border);--ring:oklch(0.76 0.14 238);--selection:oklch(0.76 0.14 238/0.3);--link:oklch(0.8 0.12 200);--link-hover:oklch(0.85 0.12 200);--primary-hover:color-mix(in oklch,var(--primary) 85%,white);--primary-active:color-mix(in oklch,var(--primary) 70%,black);--primary-soft:color-mix(in oklch,var(--primary) 20%,var(--surface-1));--secondary-hover:color-mix(in oklch,var(--secondary) 85%,white);--secondary-active:color-mix(in oklch,var(--secondary) 70%,black);--secondary-soft:color-mix(in oklch,var(--secondary) 20%,var(--surface-1));--disabled-bg:color-mix(in oklch,var(--surface-1) 50%,var(--surface-0));--disabled-text:color-mix(in oklch,var(--text-subtle) 50%,var(--surface-1));--disabled-border:color-mix(in oklch,var(--border-muted) 50%,var(--surface-1));--overlay:oklch(0.05 0.07 238/0.8);--chart-line-1:var(--primary);--chart-line-2:var(--secondary);--chart-bar-1:var(--primary);--chart-bar-2:var(--secondary);--chart-bar-3:var(--success);--chart-bar-4:var(--warning);--chart-bar-5:var(--danger);--chart-bar-6:var(--info);--bg-dark-fallback:#0A111F;--bg-fallback:#1A2332;--bg-light-fallback:#2A3441;--text-fallback:#E6F1FF;--text-muted-fallback:#B8C5D1;--primary-fallback:#4A9EFF;--secondary-fallback:#FF8C42;--danger-fallback:#FF6B6B;--warning-fallback:#FFD93D;--success-fallback:#6BCF7F;--info-fallback:#4DABF7}*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background-color:var(--surface-0);color:var(--text-base);min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-strong);margin:0 0 1rem;font-weight:600}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{color:var(--text-base);margin:0 0 1rem}a{color:var(--link);text-decoration:none;transition:color .2s ease}a:hover{color:var(--link-hover)}a:focus{outline:2px solid var(--ring);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:.5rem;transition:all .2s ease;min-height:2.5rem}.btn:disabled{background-color:var(--disabled-bg);color:var(--disabled-text);border-color:var(--disabled-border);cursor:not-allowed}.btn-primary{border-color:var(--primary)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary:active:not(:disabled){background-color:var(--primary-active);border-color:var(--primary-active)}.btn-primary:focus{outline:2px solid var(--ring);outline-offset:2px}.btn-secondary{background-color:var(--secondary);color:var(--text-inverse);border-color:var(--secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-hover);border-color:var(--secondary-hover)}.btn-secondary:active:not(:disabled){background-color:var(--secondary-active);border-color:var(--secondary-active)}.btn-secondary:focus{outline:2px solid var(--ring);outline-offset:2px}.btn-ghost{background-color:transparent;color:var(--text-base);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background-color:var(--primary-soft);color:var(--primary)}.btn-ghost:active:not(:disabled){background-color:var(--primary);color:var(--text-inverse)}.btn-ghost:focus{outline:2px solid var(--ring);outline-offset:2px}.input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--surface-1);color:var(--text-base);font-size:.875rem;transition:all .2s ease}.input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 20%,transparent)}.input::placeholder{color:var(--text-subtle)}.input:disabled{background-color:var(--disabled-bg);color:var(--disabled-text);border-color:var(--disabled-border);cursor:not-allowed}.select{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--surface-1);color:var(--text-base);font-size:.875rem;cursor:pointer;transition:all .2s ease}.select:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 20%,transparent)}.select:disabled{background-color:var(--disabled-bg);color:var(--disabled-text);border-color:var(--disabled-border);cursor:not-allowed}.card{background-color:var(--surface-1);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px color-mix(in oklch,var(--surface-0) 50%,transparent)}.card-elevated{background-color:var(--surface-2);box-shadow:0 4px 6px color-mix(in oklch,var(--surface-0) 30%,transparent)}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:1rem}.tab{padding:.75rem 1.5rem;background:none;color:var(--text-subtle);cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all .2s ease}.tab:hover{color:var(--text-base);background-color:var(--primary-soft)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab:focus{outline:2px solid var(--ring);outline-offset:-2px}.toggle{position:relative;display:inline-block;width:3rem;height:1.5rem}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border);transition:.2s;border-radius:1.5rem}.toggle-slider:before{position:absolute;content:"";height:1.25rem;width:1.25rem;left:.125rem;bottom:.125rem;background-color:var(--text-inverse);transition:.2s;border-radius:50%}.toggle input:checked+.toggle-slider{background-color:var(--primary)}.toggle input:checked+.toggle-slider:before{transform:translateX(1.5rem)}.toggle:focus-within .toggle-slider{outline:2px solid var(--ring);outline-offset:2px}.tag{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;background-color:var(--primary-soft);color:var(--primary);border:1px solid color-mix(in oklch,var(--primary) 30%,transparent)}.tag-secondary{background-color:var(--secondary-soft);color:var(--secondary);border-color:color-mix(in oklch,var(--secondary) 30%,transparent)}.tag-success{background-color:color-mix(in oklch,var(--success) 20%,var(--surface-1));color:var(--success);border-color:color-mix(in oklch,var(--success) 30%,transparent)}.tag-warning{background-color:color-mix(in oklch,var(--warning) 20%,var(--surface-1));color:var(--warning);border-color:color-mix(in oklch,var(--warning) 30%,transparent)}.tag-danger{background-color:color-mix(in oklch,var(--danger) 20%,var(--surface-1));color:var(--danger);border-color:color-mix(in oklch,var(--danger) 30%,transparent)}.divider{height:1px;background-color:var(--border);margin:1.5rem 0}.divider-muted{background-color:var(--border-muted)}.alert{padding:1rem 1.5rem;border-radius:.5rem;border:1px solid;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem}.alert-danger{background-color:color-mix(in oklch,var(--danger) 10%,var(--surface-1));border-color:var(--danger);color:var(--danger)}.alert-warning{background-color:color-mix(in oklch,var(--warning) 10%,var(--surface-1));border-color:var(--warning);color:var(--warning)}.alert-success{background-color:color-mix(in oklch,var(--success) 10%,var(--surface-1));border-color:var(--success);color:var(--success)}.alert-info{background-color:color-mix(in oklch,var(--info) 10%,var(--surface-1));border-color:var(--info);color:var(--info)}.chart-container{background-color:var(--surface-1);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem}.chart-gridline{stroke:var(--border-muted);stroke-width:1}.chart-line-1{stroke:var(--chart-line-1);stroke-width:2}.chart-line-2{stroke:var(--chart-line-2);stroke-width:2}.chart-bar-1{fill:var(--chart-bar-1)}.chart-bar-2{fill:var(--chart-bar-2)}.chart-bar-3{fill:var(--chart-bar-3)}.chart-bar-4{fill:var(--chart-bar-4)}.chart-bar-5{fill:var(--chart-bar-5)}.chart-bar-6{fill:var(--chart-bar-6)}::selection{background-color:var(--selection);color:var(--text-strong)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports not (color:oklch(0.5 0.1 200)){:root{--bg-dark:var(--bg-dark-fallback);--bg:var(--bg-fallback);--bg-light:var(--bg-light-fallback);--text:var(--text-fallback);--text-muted:var(--text-muted-fallback);--primary:var(--primary-fallback);--secondary:var(--secondary-fallback);--danger:var(--danger-fallback);--warning:var(--warning-fallback);--success:var(--success-fallback);--info:var(--info-fallback)}}.container{max-width:1200px;margin:0 auto;padding:0 1rem}p{margin-bottom:1rem}.btn{display:inline-block;border-radius:.375rem;text-decoration:none;font-weight:500}.btn-primary{background-color:var(--primary);color:var(--text-inverse)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--surface-1);color:var(--primary);border:1px solid var(--primary)}.btn-secondary:hover{background-color:var(--primary-soft)}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-yellow{background-color:var(--warning);color:var(--text-inverse)}.btn-yellow:hover{background-color:color-mix(in oklch,var(--warning) 85%,white)}.btn-gray{background-color:var(--border);color:var(--text-base)}.btn-gray:hover{background-color:var(--border-muted)}.btn-red{background-color:var(--danger);color:var(--text-inverse)}.btn-red:hover{background-color:color-mix(in oklch,var(--danger) 85%,white)}.btn-green{background-color:var(--success);color:var(--text-inverse)}.btn-green:hover{background-color:color-mix(in oklch,var(--success) 85%,white)}.btn-purple{background-color:var(--info);color:var(--text-inverse)}.btn-purple:hover{background-color:color-mix(in oklch,var(--info) 85%,white)}.btn-outline{background-color:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-outline:hover{background-color:var(--primary);color:var(--text-inverse)}input,select,textarea{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:.375rem;font-size:1rem;background-color:var(--surface-1)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 20%,transparent)}.admin-nav-link{color:var(--text-subtle);padding:.5rem .75rem;border-radius:.375rem;text-decoration:none;transition:all .2s}.admin-nav-link:hover{color:var(--text-strong);background-color:var(--primary-soft)}.admin-nav-link.active{color:var(--primary);background-color:var(--primary-soft);font-weight:600}.admin-nav-link{position:relative}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;background:var(--danger);color:var(--text-inverse);border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;line-height:1;min-width:1.25rem}.recommendation-form-container{background:var(--surface-1);border-radius:.5rem;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border)}.recommendation-description{color:var(--text-subtle);margin-bottom:1.5rem;line-height:1.5}.recommendation-form{display:flex;flex-direction:column;gap:1rem}.checkbox-label{font-weight:500;color:var(--text-strong)}.checkbox-text{line-height:1.4}.recommendations-list-container{background:var(--surface-1);border-radius:.5rem;padding:1.5rem;border:1px solid var(--border)}.recommendations-list{display:flex;flex-direction:column;gap:1rem}.recommendation-item{background:var(--surface-2);border-radius:.375rem;padding:1rem;border:1px solid var(--border)}.recommendation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.recommendation-title{font-size:1.125rem;font-weight:600;color:var(--text-strong);margin:0}.recommendation-status{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-pending{background:var(--warning-soft);color:var(--warning)}.status-approved{background:var(--success-soft);color:var(--success)}.status-rejected{background:var(--danger-soft);color:var(--danger)}.recommendation-details p{margin:0 0 .5rem;color:var(--text-base)}.recommendation-url a{color:var(--primary);text-decoration:none;word-break:break-all}.recommendation-url a:hover{text-decoration:underline}.recommendation-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--text-subtle);margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.no-recommendations{text-align:center;padding:2rem;color:var(--text-subtle)}.no-recommendations p{margin:.5rem 0}.admin-title.active{color:var(--primary);text-decoration:underline;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-underline-offset:4px}.admin-back-link{color:var(--text-subtle);text-decoration:none;margin-bottom:1rem;display:inline-block}.admin-back-link:hover{color:var(--text-strong)}.stat-card{background-color:var(--surface-1);padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 2px color-mix(in oklch,var(--surface-0) 50%,transparent);border:1px solid var(--border)}.stat-content{display:flex;align-items:center}.stat-icon{padding:.5rem;border-radius:.5rem;margin-right:1rem}.stat-icon-blue{background-color:var(--primary-soft)}.stat-icon-green{background-color:color-mix(in oklch,var(--success) 20%,var(--surface-1))}.stat-icon-purple{background-color:color-mix(in oklch,var(--info) 20%,var(--surface-1))}.stat-icon-yellow{background-color:color-mix(in oklch,var(--warning) 20%,var(--surface-1))}.stat-emoji{font-size:1.5rem}.stat-label{font-weight:500;color:var(--text-subtle);margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-strong)}.action-card{background-color:var(--surface-1);padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 2px color-mix(in oklch,var(--surface-0) 50%,transparent);border:1px solid var(--border)}.action-title{font-size:1.125rem;font-weight:600;color:var(--text-strong);margin-bottom:1rem}.action-link{display:flex;align-items:center;padding:.75rem;background-color:var(--primary-soft);border-radius:.5rem;text-decoration:none;transition:background-color .2s;margin-bottom:.75rem}.action-link:hover{background-color:var(--primary);color:var(--text-inverse)}.action-icon{font-size:1.25rem;margin-right:.75rem}.action-name{font-weight:500;color:var(--text-strong);margin-bottom:.25rem}.action-description{font-size:.875rem;color:var(--text-subtle)}.activity-card{background-color:var(--surface-1);padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 2px color-mix(in oklch,var(--surface-0) 50%,transparent);border:1px solid var(--border)}.activity-title{font-size:1.125rem;font-weight:600;color:var(--text-strong);margin-bottom:1rem}.activity-empty{padding:2rem 0}.activity-empty,.activity-loading{text-align:center;color:var(--text-subtle)}.activity-loading{padding:2rem}.activity-list{padding:1rem 0}.activity-item{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-muted)}.activity-item:last-child{border-bottom:none}.activity-icon{font-size:1.25rem;margin-right:.75rem;width:2rem;text-align:center}.activity-content{flex:1 1}.activity-title-text{font-weight:500;color:var(--text-strong);margin:0 0 .25rem;font-size:.875rem}.activity-meta{font-size:.75rem;color:var(--text-subtle);margin:0}.activity-hint{font-size:.875rem;margin-top:.5rem}.loading-container{text-align:center;margin-top:1rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(1,1fr)}}.templates-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}@media (max-width:1024px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.templates-grid{grid-template-columns:repeat(1,1fr)}}.template-card{background-color:var(--surface-1);border-radius:.5rem;box-shadow:0 1px 2px var(--overlay);border:1px solid var(--border);overflow:hidden}.template-image{aspect-ratio:16/9;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center}.template-preview{width:100%;height:100%;object-fit:cover}.template-no-image{text-align:center;padding:1rem;color:#9ca3af}.template-icon{display:block}.template-info{padding:1rem}.template-badges{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.badge-group{display:flex;gap:.5rem}.badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;border-radius:.25rem}.badge-blue{background-color:#dbeafe;color:#1e40af}.badge-green{background-color:#dcfce7;color:#166534}.badge-yellow{background-color:#fef3c7;color:#92400e}.template-meta{margin-bottom:1rem}.meta-item{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.image-link{color:#3b82f6;text-decoration:none;margin-left:.25rem}.image-link:hover{text-decoration:underline}.template-actions{display:flex;flex-wrap:wrap;gap:.5rem}.templates-tips{margin-top:1.5rem;padding:1rem;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem}.templates-tips h3{font-weight:600;color:#1e40af;margin-bottom:.5rem}.tips-list{font-size:.875rem;color:#1e40af}.tips-list li{margin-bottom:.25rem}.carousel-loading{text-align:center;padding:2rem 0}.carousel-section{margin-bottom:2rem}.carousel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.carousel-title{font-size:1.5rem;font-weight:700;color:#111827}.carousel-view-all{color:#3b82f6;text-decoration:none}.carousel-view-all:hover{text-decoration:underline}.carousel-container{overflow:hidden;border-radius:.5rem}.carousel-slides{display:flex;transition:transform .3s ease-in-out}.carousel-slide{width:100%;flex-shrink:0}.carousel-post-card{background-color:var(--surface-1);border:1px solid var(--border);border-radius:.5rem;padding:1rem;margin:0 .5rem}.post-badges{margin-bottom:.75rem}.post-badges .badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;border-radius:.25rem;margin-right:.5rem}.post-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;line-height:1.4}.post-creator{color:#6b7280;margin-bottom:.75rem}.post-embed{border:1px solid var(--border);border-radius:.25rem;padding:.75rem;margin-bottom:1rem}.carousel-nav,.post-embed{background-color:var(--surface-1)}.carousel-nav{border:1px solid var(--border);padding:.5rem;box-shadow:0 4px 6px var(--overlay);transition:background-color .2s}.carousel-nav:hover{background-color:#f9fafb}.carousel-nav-prev{left:.5rem}.carousel-nav-next{right:.5rem}.carousel-dots{display:flex;justify-content:center;margin-top:1rem;gap:.5rem}.carousel-dot{width:.75rem;height:.75rem;border-radius:50%;background-color:#d1d5db;border:none;cursor:pointer;transition:background-color .2s}.carousel-dot-active{background-color:#3b82f6}.dashboard-loading{text-align:center;margin-top:1rem}.dashboard-content{margin-top:1rem}.dashboard-grid{margin-top:1rem;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.dashboard-grid{grid-template-columns:repeat(1,1fr)}}.dashboard-card{padding:1rem;border:1px solid #e5e7eb;border-radius:.25rem}.access-status,.card-content,.trial-info{margin-top:.5rem}.access-granted{color:#16a34a}.access-denied{color:#dc2626}.trial-warning{color:#ea580c;margin-top:.5rem}.dashboard-actions{margin-top:1.5rem;text-align:center}.action-buttons{flex-direction:column;gap:1rem}.upgrade-section{margin-top:1rem}.upgrade-note{font-size:.875rem;color:#6b7280;margin-top:.5rem}.upgrade-required{display:flex;flex-direction:column;gap:1rem}.upgrade-card{padding:1rem;background-color:#fffbeb;border:1px solid #fde68a;border-radius:.25rem}.dashboard-signout{margin-top:2rem;text-align:center}.signout-button{padding:.5rem;color:#6b7280;background:none;border:none;cursor:pointer;text-decoration:underline}.signout-button:hover{color:#374151}.templates-loading{text-align:center;margin-top:1rem}.templates-content{margin-top:1rem}.templates-subtitle{margin-top:.5rem;margin-bottom:1.5rem;color:#6b7280}.templates-filters{margin-bottom:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem}.filters-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-bottom:.75rem}@media (max-width:768px){.filters-grid{grid-template-columns:repeat(1,1fr)}}.filter-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.filter-select{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem}.checkbox-input{margin-right:.5rem}.checkbox-text{font-size:.875rem;font-weight:500}.error-message{margin-bottom:1rem;padding:.75rem;background-color:#fee2e2;color:#dc2626;border-radius:.25rem}.templates-empty{text-align:center;padding:2rem;color:#6b7280}.templates-display-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}@media (max-width:1024px){.templates-display-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.templates-display-grid{grid-template-columns:repeat(1,1fr)}}.template-display-card{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.template-image-container{aspect-ratio:1/1;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center}.template-preview-image{width:100%;height:100%}.template-no-preview{text-align:center;padding:1rem;color:#9ca3af}.template-icon{font-size:2.5rem;margin-bottom:.5rem}.template-card-content{padding:1rem}.template-badges-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.featured-badge{margin-bottom:.5rem}.register-header{text-align:center;margin-top:1rem}.register-subtitle{margin-top:1rem;margin-bottom:1rem}.trial-banner{max-width:600px;margin:3rem auto}.trial-card{background:var(--surface-1);border:1px solid var(--border);border-radius:.75rem;padding:2.5rem;box-shadow:0 1px 3px var(--overlay)}.trial-card h3{font-size:1.75rem;font-weight:700;color:var(--text-strong);margin:0 0 1rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.trial-card p{text-align:center;color:var(--text-subtle);font-weight:400;margin:0 0 2rem;font-size:1rem;line-height:1.6}.trial-features{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin-top:1.5rem}.trial-features li{display:flex;align-items:center;gap:.75rem;color:var(--text-base);font-weight:500;font-size:.95rem;padding:.75rem 0}.trial-features li:before{content:"✓";color:var(--primary);font-weight:700;font-size:1rem;flex-shrink:0;background:var(--primary-soft);border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.register-form{max-width:28rem;margin-left:auto;margin-right:auto}.form-group{margin-bottom:1rem}.form-label{display:block;text-align:left;margin-bottom:.5rem}.form-input{border:1px solid #d1d5db}.success-message{margin-bottom:1rem;padding:.5rem;background-color:#dcfce7;color:#16a34a;border-radius:.25rem}.register-footer{margin-top:1rem}.signin-link{color:#3b82f6;text-decoration:none}.signin-link:hover{text-decoration:underline}.checkbox-group{margin:2rem 0;gap:1rem}.checkbox-group-title{font-size:1.125rem;margin-bottom:0}.checkbox-group-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:0;align-items:flex-start;width:100%}.checkbox-label{align-items:flex-start;gap:.75rem;line-height:1.5;padding:.75rem 0;margin-bottom:0;transition:none}.checkbox-label,.checkbox-label:hover{background-color:transparent;border:none}.checkbox-label input[type=checkbox]{flex-shrink:0;margin:.125rem 0 0;width:1rem;height:1rem;accent-color:#3b82f6;cursor:pointer}.checkbox-label span{flex:1 1;color:var(--text-base);text-align:left}.checkbox-label.optional,.checkbox-label.optional:hover,.checkbox-label.required,.checkbox-label.required:hover{background-color:transparent;border:none}.form-section .checkbox-group{align-items:flex-start!important}.form-section .checkbox-group-title{text-align:left!important;align-self:flex-start!important}.form-section .checkbox-group-content{align-items:flex-start!important;width:100%!important}.form-section .checkbox-label{justify-content:flex-start!important;width:100%!important}.marketing-checkbox{margin-top:0;padding:0;background-color:transparent;border:none}.marketing-checkbox .checkbox-label{padding:.75rem 0;margin-bottom:0}.marketing-checkbox .checkbox-label,.marketing-checkbox .checkbox-label:hover{background-color:transparent;border:none}.divider{display:flex;align-items:center;margin:2rem 0;text-align:center;position:relative}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.divider span{padding:0 1.5rem;color:var(--text-subtle);font-size:.875rem;font-weight:500;z-index:1}.btn-google,.divider span{background:var(--surface-1);position:relative}.btn-google{color:var(--text-base);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;border-radius:.75rem;font-weight:600;font-size:.95rem;transition:all .3s ease;overflow:hidden}.btn-google:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.btn-google:hover:before{left:100%}.btn-google:hover{background:#f8fafc;border-color:#3b82f6;color:#1e40af;transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.15)}.btn-google:active{transform:translateY(-1px);box-shadow:0 4px 15px rgba(59,130,246,.2)}.btn-google:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-google svg{flex-shrink:0}.link{color:#3b82f6;text-decoration:none;font-weight:500;transition:all .2s ease}.link:hover{text-decoration:underline;color:#1d4ed8}.register-form .btn-green{background:linear-gradient(135deg,#10b981,#059669);border:none;color:white;font-weight:600;font-size:1rem;padding:1rem 2rem;border-radius:.75rem;width:100%;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(16,185,129,.3)}.register-form .btn-green:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.register-form .btn-green:hover:before{left:100%}.register-form .btn-green:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,.4)}.register-form .btn-green:active{transform:translateY(-1px);box-shadow:0 4px 15px rgba(16,185,129,.5)}.register-form .btn-green:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.register-form{background:var(--surface-1);padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px var(--overlay),0 2px 4px -1px var(--overlay);border:1px solid var(--border)}.register-form .form-group:last-of-type{margin-bottom:0}.checkbox-group{background:var(--surface-1);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem;margin:1.5rem 0;flex-direction:column;align-items:flex-start}.checkbox-group-title{font-size:.875rem;font-weight:600;color:var(--text-strong);margin-bottom:1rem;text-align:left;align-self:flex-start;width:100%}@media (max-width:768px){.trial-banner{margin:2rem 1rem}.trial-card{padding:2rem}.trial-card h3{font-size:1.5rem}.trial-features{grid-template-columns:1fr;gap:.75rem}.trial-features li{font-size:.9rem;padding:.5rem 0}.checkbox-group{gap:.75rem}.checkbox-group-title{font-size:1rem}.checkbox-label{padding:.5rem 0;font-size:.8rem}.register-form{padding:1.5rem;margin:0 1rem}.checkbox-group{padding:1rem}.checkbox-label{padding:.625rem;gap:.625rem}.btn-google{padding:.75rem 1rem;font-size:.9rem}.register-form .btn-green{padding:.875rem 1.5rem;font-size:.95rem}}@media (max-width:480px){.trial-banner{margin:1.5rem .5rem}.trial-card{padding:1.5rem}.trial-card h3{font-size:1.25rem}.trial-card p{font-size:.9rem}.trial-features li{font-size:.85rem;padding:.5rem 0}.checkbox-group{gap:.5rem}.checkbox-group-title{font-size:.95rem}.checkbox-label{padding:.5rem 0}.register-form{padding:1rem;margin:0 .5rem}.checkbox-group{padding:.875rem}.checkbox-label{padding:.5rem;gap:.5rem;font-size:.8rem}.divider{margin:1.5rem 0}.divider span{padding:0 1rem;font-size:.8rem}}.access-denied{margin-top:2rem}.page-header{margin-bottom:1.5rem}.page-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.page-subtitle{color:#6b7280}.view-toggle-section{margin-bottom:1.5rem}.filters-title{font-weight:600;margin-bottom:.75rem}.empty-message,.loading-message{text-align:center}.empty-message{padding:2rem}.post-content-grid{align-items:start}@media (min-width:768px){.post-content-grid{grid-template-columns:1fr 1fr;gap:2rem;align-items:start}}@media (max-width:767px){.post-content-grid{grid-template-columns:1fr!important;display:grid!important}.post-left-section{order:1}.post-right-section{order:2}}.post-left-section{display:flex;flex-direction:column;gap:1rem}.post-header{margin-bottom:1rem}.post-right-section{display:flex;flex-direction:column;gap:1rem;margin-top:0;padding-top:0}.view-toggle-buttons{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid var(--border);background:var(--surface-1);border-radius:.5rem .5rem 0 0;padding:.75rem}.toggle-btn{padding:.75rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:600;transition:all .2s ease;min-width:100px;box-shadow:0 1px 3px var(--overlay)}.toggle-btn:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 2px 6px var(--overlay)}.toggle-btn.active{box-shadow:0 2px 8px color-mix(in oklch,var(--primary) 30%,transparent);font-weight:700}.post-embed-container{border:1px solid var(--border);border-radius:.5rem;background:var(--surface-1)}.post-embed,.post-embed-container{overflow:hidden;max-width:100%;position:relative}.post-embed{width:100%}.post-embed blockquote,.post-embed iframe{border:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;overflow:hidden!important}.post-embed blockquote,.post-embed iframe,.post-embed iframe[src*="instagram.com"]{max-width:100%!important;width:100%!important;background:var(--surface-1)!important}.post-embed iframe[src*="instagram.com"]{height:auto!important;min-height:400px!important}.post-embed *{max-width:100%!important;box-sizing:border-box!important}.embed-container,.ig-embed,.ig-iframe-embed,.post-embed,.post-embed iframe,.post-embed-container,.tiktok-embed{background:var(--surface-1)!important}.post-content-grid{align-items:flex-start}.post-left-section .post-embed-container,.post-right-section .view-toggle-buttons{margin-top:0}.analysis-title,.performance-title{font-weight:600;margin-bottom:1rem;color:#1f2937;font-size:1.125rem}.analysis-section,.performance-section{border:1px solid var(--border);border-radius:.5rem;box-shadow:0 1px 3px var(--overlay);margin-top:0}.trigger-item{margin-bottom:.25rem}.performance-grid{margin-bottom:1rem}.performance-item{padding:1rem;background:#f8f9fa;border-radius:.5rem;border:1px solid #e9ecef}.performance-value{font-size:1.25rem;font-weight:600;color:#1f2937}.performance-label{font-size:.75rem;color:#6b7280}.performance-note{color:#6b7280;margin-top:.75rem}.performance-graph-container{margin:1rem 0;padding:1rem;background:var(--surface-1);border-radius:.5rem;border:1px solid var(--border)}.performance-graph-container h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#374151}.graph-wrapper{display:flex;justify-content:center;align-items:center;overflow-x:auto}.performance-graph{border:1px solid var(--border);border-radius:.375rem;background:var(--surface-1)}.performance-graph-empty{text-align:center;padding:2rem;color:#6b7280;font-style:italic}@media (max-width:768px){.performance-graph{width:100%;max-width:500px}.graph-wrapper{justify-content:flex-start}}.graph-canvas{border-radius:.375rem;background:var(--surface-1)}.pagination{margin-top:2rem;display:flex;justify-content:center;gap:.5rem}.pagination-info{padding:.5rem 1rem;color:#6b7280}.access-denied-container{text-align:center;margin-top:2rem}.access-denied-title{font-size:1.5rem;font-weight:700;color:#dc2626;margin-bottom:1rem}.access-denied-message{margin-bottom:1rem}.dashboard-link{margin-top:1rem;display:inline-block;color:#3b82f6;text-decoration:none}.dashboard-link:hover{text-decoration:underline}.error-container{text-align:center;margin-top:2rem}.error-title{font-size:1.5rem;font-weight:700;color:#dc2626;margin-bottom:1rem}.back-link:hover{text-decoration:underline}.actions-section{margin-bottom:1.5rem;display:flex;justify-content:flex-end;gap:.75rem}.table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;border:1px solid #d1d5db}.table-header{background-color:#f9fafb}.table-header-cell{border:1px solid #d1d5db;padding:.5rem;text-align:left}.table-row:hover{background-color:#f9fafb}.table-cell{border:1px solid #d1d5db;padding:.5rem}.title-cell{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-gray{background-color:#f3f4f6;color:#374151}.featured-toggle{padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;border:none;cursor:pointer;transition:background-color .2s}.featured-active{background-color:#eab308;color:white}.featured-active:hover{background-color:#ca8a04}.featured-inactive{background-color:#d1d5db;color:#374151}.featured-inactive:hover{background-color:#9ca3af}.homepage{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.homepage-content{padding:4rem 0}.homepage-header{text-align:center}.homepage-title{font-size:3rem;font-weight:700;color:#111827;margin-bottom:1.5rem}.homepage-subtitle{font-size:1.25rem;color:#6b7280;margin-bottom:2rem;max-width:42rem;margin-left:auto;margin-right:auto}.features-grid{margin-top:4rem;display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}.feature-card{background-color:var(--surface-1);padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px var(--overlay)}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-description{color:#6b7280}.admin-layout{min-height:100vh;background-color:var(--surface-0)}.admin-header{background-color:var(--surface-1);box-shadow:0 1px 2px var(--overlay);border-bottom:1px solid var(--border)}.admin-header-content{max-width:1200px;margin:0 auto;padding:0 1rem}.admin-header-main{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.admin-header-left{display:flex;align-items:center;gap:1.5rem}.admin-title{font-size:1.25rem;font-weight:700;color:#111827}.admin-header-section{margin-bottom:2rem}.admin-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.admin-header-section .admin-title{font-size:2rem;margin:0 0 .5rem}.admin-subtitle{color:#6b7280;font-size:1.125rem;margin:0}.btn-sm{padding:.5rem 1rem;font-size:.875rem;white-space:nowrap}.admin-nav{display:flex;gap:1rem;align-items:center}.admin-dropdown{position:relative;display:inline-block}.admin-dropdown-trigger{background:none;border:none;color:var(--text-subtle);padding:.5rem .75rem;border-radius:.375rem;text-decoration:none;transition:all .2s;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:inherit;font-family:inherit}.admin-dropdown-trigger:hover{color:var(--text-strong);background-color:var(--primary-soft)}.admin-dropdown-trigger.active{color:var(--primary);background-color:var(--primary-soft);font-weight:600}.dropdown-arrow{font-size:.75rem;transition:transform .2s}.admin-dropdown-trigger:hover .dropdown-arrow{transform:rotate(180deg)}.admin-dropdown-menu{position:absolute;top:100%;left:0;background:var(--surface-1);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);z-index:50;min-width:200px;padding:.5rem 0;margin-top:.25rem}.admin-dropdown-item{display:block;padding:.75rem 1rem;color:var(--text-subtle);text-decoration:none;transition:all .2s;position:relative}.admin-dropdown-item:hover{color:var(--text-strong);background-color:var(--primary-soft)}.admin-dropdown-item.active{color:var(--primary);background-color:var(--primary-soft);font-weight:600}.admin-dropdown-item .notification-badge{position:absolute;top:.5rem;right:1rem;background:var(--danger);color:var(--text-inverse);border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.admin-header-right{display:flex;align-items:center;gap:1rem}.admin-user-info{font-size:.875rem;color:#6b7280}.admin-main{max-width:1200px;margin:0 auto;padding:1.5rem 1rem}.post-display{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem}.post-content{background:var(--surface-1);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--overlay)}.post-header h2{margin:0 0 1rem;color:#333;font-size:1.5rem}.post-meta{gap:1rem;margin-bottom:1.5rem}.post-meta span{background:#f0f0f0;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;color:#666}.post-images{margin-bottom:1.5rem}.image-carousel{position:relative;border-radius:8px;overflow:hidden;background:#f8f9fa}.carousel-container{position:relative;width:100%;height:400px;display:flex;align-items:center;justify-content:center}.carousel-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.original-link-btn{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,.6);color:white;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s;text-decoration:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.original-link-btn:hover{background:rgba(0,0,0,.8);transform:scale(1.1)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.6);color:white;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.carousel-nav:hover{background:rgba(0,0,0,.8)}.prev-btn{left:1rem}.next-btn{right:1rem}.carousel-indicators{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem}.indicator{width:12px;height:12px;border-radius:50%;border:2px solid var(--border);background:var(--overlay);cursor:pointer;transition:all .2s}.indicator.active{background:var(--surface-1)}.indicator:hover{background:var(--surface-2)}.image-counter{top:1rem;left:1rem;background:rgba(0,0,0,.6);padding:.25rem .75rem;border-radius:20px;font-size:.875rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.no-images{height:200px;display:flex;align-items:center;justify-content:center}.no-images-placeholder{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:2rem;text-align:center;color:#6c757d}.post-embed{margin-bottom:1.5rem}.embed-container{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#f8f9fa}.post-details{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.detail-item{padding:.5rem;background:#f8f9fa;border-radius:6px;font-size:.875rem}.detail-item strong{color:#555}.post-analysis-performance{display:flex;flex-direction:column;gap:2rem}.analysis-section,.performance-section{background:var(--surface-1);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--overlay)}.analysis-section h3,.performance-section h3{margin:0 0 1rem;color:#333;font-size:1.25rem}.current-performance{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;text-align:center}.stat-label{font-size:.875rem;color:#666;margin-bottom:.5rem}.stat-value{font-size:1.25rem;font-weight:600;color:#333}.performance-update-form{border-top:1px solid #e0e0e0;padding-top:1.5rem;margin-top:1.5rem}.performance-update-form h4{margin:0 0 1rem;color:#333;font-size:1.125rem}.form-row{grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1rem}.form-group label{margin-bottom:.5rem}.form-input{border-radius:4px}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.btn-primary{background:#007bff;color:white}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.performance-graph{border-top:1px solid #e0e0e0;padding-top:1.5rem;margin-top:1.5rem}.performance-graph h4{margin:0 0 1rem;color:#333;font-size:1.125rem}.graph-container{display:flex;align-items:flex-end;height:200px;gap:.5rem}.graph-y-axis{display:flex;flex-direction:column;justify-content:space-between;height:100%;font-size:.75rem;color:#666;margin-right:.5rem}.graph-content{display:flex;align-items:flex-end;gap:.5rem;flex:1 1;height:100%}.graph-bar{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1 1}.bar{width:100%;border-radius:2px;transition:opacity .2s}.bar:hover{opacity:.8}.likes-bar{background:#ff6b6b;height:0}.views-bar{background:#4ecdc4;height:0}.comments-bar{background:#45b7d1;height:0}.bar-label{font-size:.75rem;color:#666;text-align:center;transform:rotate(-45deg);white-space:nowrap}.upload-summary{margin-top:1rem;padding:1rem;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}.upload-summary p{margin:0;font-weight:500}.form-section{margin-bottom:2rem;padding:1.5rem;background:var(--surface-1);border-radius:12px;box-shadow:0 2px 8px var(--overlay)}.form-section h3{margin:0 0 1.5rem;color:#333;font-size:1.25rem;border-bottom:2px solid #f0f0f0;padding-bottom:.75rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem}.form-fields{gap:1rem}.form-fields,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-weight:500;color:var(--text-base);font-size:.875rem}.form-input,.form-select,.form-textarea{padding:.75rem;border:1px solid var(--border);border-radius:6px;font-size:.875rem;transition:border-color .2s;background:var(--surface-1);color:var(--text-base)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-textarea{min-height:100px}.checkbox-group,.checkbox-label{display:flex;align-items:center;gap:.5rem}.checkbox-label{cursor:pointer;font-size:.875rem;color:#333}.form-checkbox{width:18px;height:18px;cursor:pointer}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:1px solid #e0e0e0}.btn-secondary{background:#6c757d;color:white}.btn-secondary:hover{background:#5a6268}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;border-radius:8px}.error-message,.success-message{padding:1rem;margin-bottom:1.5rem}.success-message{background:#d4edda;border:1px solid #c3e6cb;color:#155724;border-radius:8px}.edit-header{margin-bottom:2rem;text-align:center}.edit-header h1{margin:0 0 .5rem;color:#333;font-size:2rem}.edit-header p{margin:0;color:#666;font-size:1.125rem}.cloudinary-upload{width:100%}.upload-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:1rem;margin-bottom:1rem;color:#721c24;position:relative}.upload-error p{margin:0;font-size:.875rem}.error-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.25rem;color:#721c24;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.error-close:hover{background:rgba(114,28,36,.1);border-radius:4px}.config-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem;margin-bottom:1rem;color:#856404}.config-warning p{margin:0 0 .5rem;font-size:.875rem}.config-warning ul{margin:.5rem 0;padding-left:1.5rem}.config-warning li{font-size:.875rem;margin-bottom:.25rem}.upload-zone.disabled{opacity:.6;cursor:not-allowed;background:#f8f9fa}.upload-zone.disabled:hover{border-color:#dee2e6;background:#f8f9fa;transform:none}.upload-disabled{color:#dc3545!important;font-weight:500;margin-top:.5rem}.upload-zone{border:2px dashed #dee2e6;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8f9fa;min-height:200px;display:flex;align-items:center;justify-content:center}.upload-zone.drag-over,.upload-zone:hover{border-color:#007bff;background:#e3f2fd}.upload-zone.drag-over{transform:scale(1.02)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-zone h3{margin:0;color:#333;font-size:1.25rem}.upload-zone p{margin:0;color:#666;font-size:.875rem}.upload-hint{font-size:.75rem;color:#999;margin-top:.5rem}.hidden-input{display:none}.upload-results{margin-top:1.5rem}.upload-results h4{margin:0 0 1rem;color:#333;font-size:1.125rem}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1rem;gap:1rem}.file-item{border:1px solid var(--border);border-radius:8px;padding:.75rem;background:var(--surface-1);position:relative;transition:all .2s}.file-item:hover{box-shadow:0 2px 8px var(--overlay)}.file-item.uploading{border-color:#ffc107}.file-item.success{border-color:#28a745}.file-item.error{border-color:#dc3545}.file-preview{position:relative;width:100%;height:100px;border-radius:6px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.preview-img{width:100%;height:100%;object-fit:cover}.video-preview{font-size:2rem;color:#666}.upload-progress{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:white;padding:.5rem;text-align:center;font-size:.75rem}.progress-bar{width:100%;height:4px;background:rgba(255,255,255,.3);border-radius:2px;margin-bottom:.25rem;overflow:hidden}.progress-fill{height:100%;background:#007bff;transition:width .3s ease}.upload-error-indicator{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(220,53,69,.9);color:white;align-items:center;justify-content:center;font-size:.875rem}.file-info,.upload-error-indicator{display:flex;flex-direction:column;gap:.25rem}.file-name{font-size:.875rem;color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.remove-file{background:#dc3545;color:white;border:none;border-radius:50%;width:24px;height:24px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;top:.5rem;right:.5rem;opacity:0;transition:opacity .2s}.file-item:hover .remove-file{opacity:1}.remove-file:hover{background:#c82333}.upload-success-indicator{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(40,167,69,.9);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.875rem;gap:.25rem}.file-type{font-size:.75rem;color:#666;text-transform:capitalize}.remove-file-btn{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border:none;border-radius:50%;background:rgba(0,0,0,.7);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s}.remove-file-btn:hover{background:#dc3545;transform:scale(1.1)}.upload-status{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;background:#e3f2fd;border-radius:8px;color:#1976d2}.spinner{width:20px;height:20px;border:2px solid #e3f2fd;border-top-color:#1976d2;border-radius:50%;animation:spin 1s linear infinite}.content-type-toggle{display:flex;gap:1rem;margin-bottom:1rem}.toggle-btn{flex:1 1;padding:1rem;border:2px solid var(--border);border-radius:8px;background:var(--surface-0);color:var(--text-base);cursor:pointer;transition:all .2s;font-size:1rem;text-align:center;font-weight:500}.toggle-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--surface-1)}.toggle-btn.active{border-color:var(--primary);background:var(--primary);color:var(--text-inverse)}.toggle-btn.active:hover{background:var(--primary-hover)}.embed-help{margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.embed-help p{margin:0 0 .75rem;color:#333;font-size:.875rem}.embed-help ul{margin:0;padding-left:1.5rem;color:#555;font-size:.875rem}.embed-help li{margin-bottom:.5rem;line-height:1.4}.embed-help strong{color:#333}.post-card{background:var(--surface-1);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--overlay);margin-bottom:1.5rem}.post-content-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;margin-bottom:1.5rem}@media (min-width:768px){.post-content-grid{grid-template-columns:1fr 1fr}}@media (max-width:767px){.post-card .post-content-grid{grid-template-columns:1fr!important;display:grid!important}.post-card .post-left-section{order:1}.post-card .post-right-section{order:2}.post-card .analysis-section{min-height:400px!important}.post-card .analysis-section,.post-card .performance-section{display:flex!important;flex-direction:column!important;overflow:visible!important}.post-card .analysis-section .analysis-content{flex:1 1!important;overflow-y:auto!important;padding-right:8px!important;margin-right:-8px!important}.post-card .analysis-section .analysis-item{margin-bottom:1rem!important}.post-card .analysis-section .analysis-item:last-child{margin-bottom:0!important}.post-card .analysis-section .analysis-label{font-weight:600!important;margin-bottom:.5rem!important;color:#333!important}.post-card .analysis-section .analysis-value{line-height:1.5!important;color:#555!important}.post-card .analysis-section .analysis-content::-webkit-scrollbar{width:4px}.post-card .analysis-section .analysis-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.post-card .analysis-section .analysis-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.post-card .analysis-section .analysis-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.post-card .performance-section .performance-grid{margin-bottom:1rem!important;flex-shrink:0!important}.post-card .performance-section .performance-title{text-align:center!important;margin:0 0 1rem!important}.post-card .performance-section .performance-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-gap:1rem!important;gap:1rem!important;justify-items:center!important;align-items:center!important;max-width:300px!important;margin:0 auto 1rem!important;padding:0 1rem!important}.post-card .performance-section .performance-item{text-align:center!important;width:100%!important;max-width:120px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.post-card .performance-section .performance-value{text-align:center!important;font-size:1.5rem!important;font-weight:700!important;margin-bottom:.25rem!important}.post-card .performance-section .performance-label{text-align:center!important;font-size:.875rem!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.05em!important}.post-card .performance-section{padding:1.5rem!important}}.post-meta{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.post-meta-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;width:100%}.post-tags{display:flex;gap:.5rem;flex-wrap:wrap}.post-badge{background:#f0f0f0;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;color:#666;box-sizing:border-box}.post-badge.featured{background:#ffd700;color:#333;font-weight:600}.favorite-star{background:#f0f0f0;border:none;padding:0;border-radius:50%;font-size:1.5rem;color:#666;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;line-height:1;box-sizing:border-box}.favorite-star:hover{background:#e0e0e0;color:#333;transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.15)}.favorite-star.favorited{background:#ffd700;color:#333;font-weight:600;box-shadow:0 2px 8px rgba(255,215,0,.3)}.favorite-star.favorited:hover{background:#ffed4e;color:#1a1a1a;transform:scale(1.15);box-shadow:0 4px 12px rgba(255,215,0,.4)}.favorite-star:disabled{opacity:.6;cursor:not-allowed;transform:none}.post-title{margin:0 0 .5rem;color:#333;font-size:1.25rem}.post-creator{margin:0 0 1rem;color:#666;font-size:.875rem}.post-images{position:relative;border-radius:8px;overflow:hidden;background:#f8f9fa;min-height:200px}.post-image{width:100%;height:200px;object-fit:cover;border-radius:8px}.image-counter{position:absolute;top:.5rem;right:.5rem;background:rgba(0,0,0,.7);color:white;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.no-content{height:200px;display:flex;align-items:center;justify-content:center;border:2px dashed #dee2e6;color:#6c757d}.analysis-section,.no-content{background:#f8f9fa;border-radius:8px}.analysis-section{padding:1rem}.analysis-title{margin:0 0 1rem;color:#333;font-size:1.125rem}.analysis-content p{margin:0;line-height:1.6;color:#555}.performance-section{background:#f8f9fa;padding:1rem;border-radius:8px}.performance-title{margin:0 0 1rem;color:#333;font-size:1.125rem;text-align:center}.performance-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;justify-items:center;align-items:center;max-width:300px;margin:0 auto 1rem;padding:0 1rem}.performance-item{text-align:center;width:100%;max-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.performance-value{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.performance-label{text-align:center;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.performance-note{margin:0;font-size:.875rem;color:#666;text-align:center;font-style:italic}.post-actions{display:flex;justify-content:flex-end}.custom-time-input{margin-bottom:1rem}.performance-cell{min-width:300px}.performance-summary{display:flex;flex-direction:column;gap:.5rem}.metrics-display{display:flex;flex-wrap:wrap;gap:.5rem}.metric{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:#f3f4f6;border-radius:.25rem;font-size:.75rem;font-weight:500;color:#374151}.no-metrics{color:#9ca3af;font-style:italic;font-size:.875rem}.performance-details{margin-top:1rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.performance-history{margin-bottom:1.5rem}.performance-history h4{margin-bottom:.75rem;color:#374151;font-size:.875rem;font-weight:600}.performance-entry{display:flex;align-items:center;justify-content:space-between;padding:.5rem;margin-bottom:.5rem;background-color:#f9fafb;border-radius:.25rem;border:1px solid #e5e7eb;transition:all .2s ease}.current-entry{background-color:#f0fdf4;border:2px solid #22c55e;box-shadow:0 2px 4px rgba(34,197,94,.1)}.entry-time{font-size:.75rem;color:#6b7280;font-weight:500;min-width:60px;display:flex;align-items:center;gap:.5rem}.current-badge{background-color:#22c55e;color:white;padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.entry-metrics{display:flex;gap:.75rem;flex:1 1;margin:0 1rem}.entry-metrics span{font-size:.875rem;color:#374151;font-weight:500}.entry-actions{display:flex;gap:.25rem}.edit-entry-form{width:100%;padding:.75rem;background-color:#f3f4f6;border-radius:.25rem;border:1px solid #d1d5db}.edit-inputs{display:flex;gap:.5rem;margin-bottom:.75rem}.edit-input{flex:1 1;padding:.375rem .5rem;border:1px solid var(--border);border-radius:.25rem;font-size:.875rem;background-color:var(--surface-1)}.edit-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-red{background-color:#ef4444;color:white;border:1px solid #ef4444}.btn-red:hover{background-color:#dc2626;border-color:#dc2626}.add-performance-form{border-top:1px solid #e5e7eb;padding-top:1rem}.add-performance-form h4{margin-bottom:.75rem;color:#374151;font-size:.875rem;font-weight:600}.form-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem;margin-bottom:.75rem}.form-input{padding:.5rem;border:1px solid var(--border);border-radius:.25rem;font-size:.875rem;width:100%;background:var(--surface-1);color:var(--text-base)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-input::placeholder{color:var(--text-subtle)}.form-field{display:flex;flex-direction:column;gap:.25rem}.form-label{font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.time-info{display:flex;justify-content:space-between;align-items:center;padding:.5rem;margin-bottom:.75rem;background-color:#f3f4f6;border-radius:.25rem;border:1px solid #e5e7eb}.time-label{font-size:.75rem;color:#6b7280;font-weight:500}.time-value{font-size:.75rem;color:#374151;font-weight:600;background-color:#3b82f6;color:white;padding:.25rem .5rem;border-radius:.25rem}.time-metric{background-color:#fef3c7!important;color:#92400e!important;border:1px solid #f59e0b}.time-selection{margin-bottom:1rem;padding:.75rem;background-color:#f9fafb;border-radius:.25rem;border:1px solid #e5e7eb}.time-option{display:flex;align-items:center;margin-bottom:.5rem}.time-option:last-child{margin-bottom:0}.time-radio{margin-right:.5rem;cursor:pointer}.time-radio-label{font-size:.875rem;color:#374151;cursor:pointer;font-weight:500}@media (max-width:1024px){.performance-cell{min-width:250px}.metrics-display{gap:.25rem}.metric{font-size:.7rem;padding:.2rem .4rem}.form-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.performance-cell{min-width:200px}.performance-details{padding:.75rem}.performance-entry{flex-direction:column;align-items:flex-start;gap:.5rem}.entry-metrics{width:100%;justify-content:space-between}.form-row{grid-template-columns:1fr}.metrics-display{justify-content:center}}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content{background:var(--surface-1);border-radius:8px;padding:24px;max-width:400px;width:90%;box-shadow:0 10px 25px var(--overlay)}.popup-content h3{margin:0 0 16px;color:#1f2937;font-size:18px;font-weight:600}.popup-content p{margin:0 0 24px;color:#6b7280;line-height:1.5}.popup-actions{display:flex;gap:12px;justify-content:flex-end}.popup-actions .btn{min-width:100px}.form-input.error,.form-input.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}.legal-page{min-height:100vh;background:#ffffff}.legal-container{max-width:1000px;margin:0 auto;padding:2rem 1rem}.legal-tab-navigation{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:2rem;overflow-x:auto}.legal-tab{padding:1rem 1.5rem;background:none;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.legal-tab:hover{color:#374151;background:#f9fafb}.legal-tab.active{color:#1f2937;border-bottom-color:#3b82f6;background:#ffffff}.legal-tab-content{background:var(--surface-1);border-radius:8px;overflow:hidden}.legal-document{padding:0}.document-badge{display:inline-block;background:#f3f4f6;color:#6b7280;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.document-header{margin-bottom:2rem}.document-header .document-title{font-size:2.5rem;line-height:1.2}.document-subtitle{font-size:1.125rem;color:#6b7280;margin:0 0 1.5rem;line-height:1.6}.document-header .document-meta{color:#9ca3af;font-weight:500;letter-spacing:.05em}.document-content{padding:0}.legal-document-page{min-height:100vh;background:#f8fafc}.legal-document-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.document-navigation{margin-bottom:2rem}.back-link{color:#3b82f6;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:color .2s ease}.back-link:hover{color:#1d4ed8}.legal-document{background:var(--surface-1);border-radius:12px;box-shadow:0 1px 3px var(--overlay);border:1px solid var(--border);overflow:hidden}.document-header{padding:2rem 2rem 1rem;border-bottom:1px solid var(--border)}.document-header .document-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.document-header .document-meta{font-size:.875rem;color:#6b7280}.document-content{padding:2rem}.document-text{line-height:1.7;color:#374151;font-size:1rem}.document-text h1,.document-text h2,.document-text h3,.document-text h4,.document-text h5,.document-text h6{color:#1f2937;margin-top:2rem;margin-bottom:1rem;font-weight:600}.document-text h1{font-size:1.875rem}.document-text h2{font-size:1.5rem}.document-text h3{font-size:1.25rem}.document-text p{margin-bottom:1rem}.document-text ol,.document-text ul{margin-bottom:1rem;padding-left:1.5rem}.document-text li{margin-bottom:.5rem}.document-text strong{font-weight:600;color:#1f2937}.document-text a{color:#3b82f6;text-decoration:underline}.document-text a:hover{color:#1d4ed8}.empty-state,.error-state,.loading-state{text-align:center;padding:3rem 2rem;background:var(--surface-1);border-radius:12px;box-shadow:0 1px 3px var(--overlay);border:1px solid var(--border)}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-icon,.error-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3,.error-state h2{color:#1f2937;margin-bottom:.5rem}.empty-state p,.error-state p{color:#6b7280;margin-bottom:1.5rem}@media (max-width:768px){.legal-container{padding:1rem}.legal-tab-navigation{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.legal-tab{padding:.75rem 1rem;font-size:.8rem}.document-header .document-title{font-size:2rem}.document-subtitle{font-size:1rem}}.admin-legal-page{min-height:100vh;background:#f8fafc}.admin-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.admin-header{margin-bottom:2rem}.admin-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.admin-header p{color:#6b7280;font-size:1.125rem}.admin-actions{margin-bottom:2rem}.admin-form-section{background:var(--surface-1);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px var(--overlay);border:1px solid var(--border)}.admin-form-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:200px}.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.admin-content{background:var(--surface-1);border-radius:12px;padding:2rem;box-shadow:0 1px 3px var(--overlay);border:1px solid var(--border)}.admin-content h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.admin-table{overflow-x:auto}.admin-table table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.admin-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.875rem}.admin-table td{font-size:.875rem;color:#6b7280}.document-info strong{color:#1f2937;font-weight:600}.document-info small{color:#9ca3af;margin-left:.5rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-small{padding:.375rem .75rem;font-size:.75rem;border-radius:4px}.btn-warning{background:#f59e0b;color:white;border:1px solid #f59e0b}.btn-warning:hover{background:#d97706;border-color:#d97706}.btn-success{background:#10b981;color:white;border:1px solid #10b981}.btn-success:hover{background:#059669;border-color:#059669}.btn-danger{background:#ef4444;color:white;border:1px solid #ef4444}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.success-message{background:#dcfce7;color:#166534;padding:.75rem 1rem;border-radius:6px;border:1px solid #bbf7d0;font-size:.875rem}@media (max-width:768px){.admin-container{padding:1rem}.admin-content,.admin-form-section{padding:1.5rem}.action-buttons{flex-direction:column}.btn-small{width:100%;text-align:center}.admin-table{font-size:.75rem}.admin-table td,.admin-table th{padding:.5rem}}.time-input-container{display:flex;flex-direction:column;gap:.75rem}.time-presets{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.preset-label{font-size:.875rem;color:#6b7280;font-weight:500;margin-right:.5rem}.preset-btn{padding:.375rem .75rem;border:1px solid var(--border);background:var(--surface-1);color:var(--text-base);border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.preset-btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.preset-btn.active{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.error-text{color:#dc2626;font-size:.75rem;margin-top:.25rem}.edit-time-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.edit-time-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.edit-time-section .time-input-container{margin-top:.5rem}.edit-time-section .time-presets{margin-top:.75rem}.edit-time-section .preset-btn{font-size:.7rem;padding:.25rem .5rem}.custom-time-controls{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.custom-time-number{width:80px;text-align:center}.custom-time-unit{width:100px}.custom-time-label{font-size:.875rem;color:#6b7280;font-weight:500}.settings-sidebar{background:var(--surface-1);border-radius:8px;padding:24px;height:-moz-fit-content;height:fit-content;box-shadow:0 2px 4px var(--overlay)}.settings-menu{list-style:none;padding:0;margin:0}.settings-menu li{margin-bottom:4px;cursor:pointer;padding:12px 16px;border-radius:8px;transition:all .2s ease;color:#6b7280;font-weight:500;position:relative;overflow:hidden;display:flex;align-items:center}.settings-menu li:hover{background:#f8fafc;color:#374151}.settings-menu li.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;font-weight:600;box-shadow:0 4px 12px rgba(59,130,246,.3)}.nav-icon{display:inline-block;width:20px;text-align:center;margin-right:12px;font-size:16px}.nav-label{flex:1 1;font-size:14px}.nav-indicator{position:absolute;right:0;top:0;bottom:0;width:4px;background:#fbbf24;border-radius:2px 0 0 2px;animation:slideIn .3s ease-out}.settings-menu-link{display:flex;align-items:center;width:100%;padding:0;margin:0}.settings-menu-link,.settings-menu-link:hover{text-decoration:none;color:inherit}.language-dropdown{position:relative;display:inline-block;width:100%}.language-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:var(--surface-1);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:var(--text-base)}.language-dropdown-trigger:hover{background:var(--surface-2);border-color:var(--border-strong)}.language-dropdown-trigger:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.language-name{flex:1 1;text-align:left;font-weight:500}.dropdown-arrow{font-size:12px;transition:transform .2s ease;color:#6c757d}.dropdown-arrow.open{transform:rotate(180deg)}.language-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--surface-1);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px var(--overlay);z-index:1000;margin-top:4px;overflow:hidden}.language-option{display:flex;align-items:center;width:100%;padding:12px 16px;background:var(--surface-1);border:none;cursor:pointer;transition:background-color .2s ease;font-size:14px;color:var(--text-base);text-align:left}.language-option:hover{background:var(--surface-2)}.language-option.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.language-option .language-name{flex:1 1}.checkmark{color:#1976d2;font-weight:700;margin-left:8px}@keyframes slideIn{0%{transform:translateX(4px);opacity:0}to{transform:translateX(0);opacity:1}}.favorites-tab-navigation{display:flex;margin-bottom:1.5rem;border:1px solid var(--border);border-radius:4px;overflow:hidden;background:var(--surface-1)}.favorites-tab{flex:1 1;padding:12px 16px;border:none;background:var(--surface-1);cursor:pointer;font-size:14px;font-weight:500;color:var(--text-subtle);transition:all .2s ease;border-right:1px solid var(--border)}.favorites-tab:last-child{border-right:none}.favorites-tab:hover{background:#f8f9fa;color:#495057}.favorites-tab.active{background:#007bff;color:white;font-weight:600}.favorites-tab-content{min-height:400px}.favorites-posts-section,.favorites-templates-section{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.favorites-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1rem}.favorites-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1rem}.favorite-post-card{background:var(--surface-1);border:1px solid var(--border);border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px var(--overlay);transition:box-shadow .2s}.favorite-post-card:hover{box-shadow:0 4px 6px var(--overlay)}.favorite-template-card{background:var(--surface-1);border:1px solid var(--border);border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px var(--overlay);transition:box-shadow .2s}.favorite-template-card:hover{box-shadow:0 4px 6px var(--overlay)}.favorite-post-preview{background:var(--surface-2);min-height:200px}.favorite-post-preview,.favorite-template-preview{position:relative;display:flex;align-items:center;justify-content:center}.favorite-template-preview{background:#f9fafb;min-height:150px}.post-embed-preview{width:100%;max-width:300px;transform:scale(.8);transform-origin:center}.template-preview-image{max-width:100%;max-height:150px;object-fit:cover;border-radius:.5rem}.post-placeholder,.template-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;padding:2rem}.placeholder-icon{font-size:2rem;margin-bottom:.5rem}.favorite-post-info,.favorite-template-info{padding:1rem}.favorite-post-title,.favorite-template-title{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#111827;line-height:1.4}.favorite-post-meta,.favorite-template-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;font-size:.875rem;color:#6b7280}.post-creator,.post-platform,.post-type,.template-date{background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.favorite-post-actions,.favorite-template-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-small{padding:.5rem 1rem;font-size:.875rem}.no-favorites-container{text-align:center;padding:3rem 2rem;background:#f9fafb;border-radius:.75rem;border:1px dashed #d1d5db;margin-top:1rem}.no-favorites{color:#6b7280;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.no-favorites-subtitle{color:#9ca3af;font-size:.875rem;margin:0}.featured-badge{position:absolute;top:.5rem;right:.5rem;background:#fbbf24;color:#92400e;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}@media (max-width:768px){.favorites-tab-navigation{flex-direction:column}.favorites-tab{border-right:none;border-bottom:1px solid #dee2e6}.favorites-tab:last-child{border-bottom:none}.favorites-posts-grid,.favorites-templates-grid{grid-template-columns:1fr}.favorite-post-actions,.favorite-template-actions{flex-direction:column}.btn-small{width:100%;text-align:center}.favorites-tab-content{min-height:300px}}.tiktok-embed{max-width:540px;margin:0 auto;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.tiktok-content{position:relative;width:100%;height:auto;min-height:200px}.tiktok-content blockquote{margin:0;padding:0;border:none;background:transparent}.tiktok-content iframe,.tiktok-iframe{width:100%;height:100%;border:none;border-radius:8px}.tiktok-iframe{min-height:600px;max-height:800px}.tiktok-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.9);padding:12px 20px;border-radius:6px;font-size:14px;color:#666;z-index:10}.tiktok-fallback{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:40px 20px;text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center}.tiktok-fallback-link{display:inline-block;background:#000;color:white;padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px;transition:background-color .2s ease}.tiktok-fallback-link:hover{background:#333;color:white;text-decoration:none}.tiktok-error{color:#dc3545;font-size:14px}.tiktok-error-details{font-size:12px;color:#6c757d;margin-top:8px}@media (max-width:768px){.tiktok-embed{max-width:100%;margin:0}.tiktok-iframe{min-height:400px;max-height:500px}.tiktok-fallback{padding:20px 15px;min-height:150px}.tiktok-fallback-link{padding:10px 20px;font-size:13px}}.search-section{margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.search-container{display:flex;gap:.75rem;align-items:center;max-width:500px}.search-input{flex:1 1;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.btn-outline{background:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-outline:hover{background:#f9fafb;color:#374151}.post-id-cell{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;cursor:pointer;transition:background-color .2s}.post-id-cell:hover{background:#e5e7eb;color:#374151}.editor-info{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:.5rem;padding:1rem;margin-top:1rem}.editor-info p{margin:.25rem 0;color:#0c4a6e;font-weight:500}.editor-access{color:#059669!important;font-weight:600!important;margin-top:.5rem!important}