@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--bg-elevated: #1a1a1a;--bg-hover: #1f1f1f;--bg-active: #252525;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-tertiary: #666666;--text-muted: #4a4a4a;--border-default: #262626;--border-subtle: #1a1a1a;--border-focus: #3a3a3a;--accent-primary: #ffffff;--accent-hover: #e5e5e5;--success: #00ba7c;--success-dim: rgba(0, 186, 124, .1);--warning: #ffb800;--warning-dim: rgba(255, 184, 0, .1);--error: #ff3b30;--error-dim: rgba(255, 59, 48, .1);--info: #0a84ff;--info-dim: rgba(10, 132, 255, .1);--gradient-premium: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-premium-hover: linear-gradient(135deg, #5568d3 0%, #65408a 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .7);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .8);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--page-padding-x: clamp(20px, 4vw, 40px);--page-padding-y: clamp(20px, 3vh, 32px);--content-max-width: 1120px;--content-narrow: 720px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--z-base: 1;--z-dropdown: 1000;--z-sticky: 1100;--z-modal: 1200;--z-toast: 1300}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}::selection{background:#fff3;color:var(--text-primary)}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:focus-visible,a:focus-visible{outline-offset:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.login-container{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--page-padding-y) var(--page-padding-x);background:radial-gradient(ellipse at top,#0a0a0a,#000);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.05) 0%,transparent 50%);animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-10);width:100%;max-width:440px;box-shadow:var(--shadow-xl);animation:scaleIn .4s cubic-bezier(.4,0,.2,1);z-index:1}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{width:64px;height:64px;background:var(--accent-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);position:relative;overflow:hidden}.login-logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 100%)}.login-logo svg{width:32px;height:32px;color:var(--bg-primary);position:relative;z-index:1}.login-title{font-size:28px;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.04em}.login-subtitle{font-size:15px;color:var(--text-secondary);margin-bottom:var(--space-4)}.premium-badge{display:inline-flex;align-items:center;gap:6px;background:var(--gradient-premium);color:var(--text-primary);padding:8px 16px;border-radius:var(--radius-full);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 4px 16px #667eea66}.login-form{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:14px;font-weight:600;color:var(--text-primary)}.form-input{width:100%;padding:var(--space-4) var(--space-5);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;font-family:var(--font-sans);transition:all var(--transition-fast);line-height:1.5}.form-input:hover{border-color:var(--border-focus)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ffffff0d;background:var(--bg-elevated)}.form-input::placeholder{color:var(--text-tertiary)}.btn-submit{width:100%;padding:16px;background:var(--accent-primary);border:none;border-radius:var(--radius-full);color:var(--bg-primary);font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2)}.btn-submit:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 6px 20px #ffffff40;transform:translateY(-2px)}.btn-submit:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.login-footer{text-align:center;padding-top:var(--space-6);margin-top:var(--space-2);border-top:1px solid var(--border-subtle)}.toggle-mode{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:color var(--transition-fast);padding:var(--space-2)}.toggle-mode:hover{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px}@media (max-width: 480px){.login-container{padding:var(--space-6)}.login-card{padding:var(--space-8)}.login-header{margin-bottom:var(--space-6)}.login-title{font-size:24px}.login-logo{width:56px;height:56px}.login-logo svg{width:28px;height:28px}}.score-card{position:relative;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-5);transition:all var(--transition-base);overflow:hidden}.score-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--score-color);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.score-card:hover{background:var(--bg-elevated);border-color:var(--score-color);transform:translateY(-2px)}.score-card:hover:before{transform:scaleX(1)}.score-card .score-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.score-info{flex:1;min-width:0}.score-title{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:4px;line-height:1.3}.score-badge{display:inline-block;padding:2px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);font-size:10px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.score-display{position:relative;width:56px;height:56px;flex-shrink:0}.score-ring{width:100%;height:100%;transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:var(--bg-elevated);stroke-width:4}.score-ring-fill{fill:none;stroke:var(--score-color);stroke-width:4;stroke-linecap:round;stroke-dasharray:157;stroke-dashoffset:calc(157 - (157 * var(--score-value) / 100));transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.score-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:800;color:var(--score-color);line-height:1}.score-description{font-size:12px;line-height:1.5;color:var(--text-secondary);margin-bottom:var(--space-2)}.score-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--score-color);text-transform:uppercase;letter-spacing:.08em}.score-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--score-color);box-shadow:0 0 8px var(--score-color)}.score-card.excellent{--score-color: var(--success)}.score-card.good{--score-color: var(--info)}.score-card.fair{--score-color: var(--warning)}.score-card.poor{--score-color: var(--error)}@keyframes scoreReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.score-card{animation:scoreReveal .3s ease-out backwards}.score-card:nth-child(1){animation-delay:.05s}.score-card:nth-child(2){animation-delay:.1s}.score-card:nth-child(3){animation-delay:.15s}.score-card:nth-child(4){animation-delay:.2s}.score-card:nth-child(5){animation-delay:.25s}.score-card:nth-child(6){animation-delay:.3s}.enhancement-panel{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;animation:scaleIn .3s ease-out;box-shadow:var(--shadow-sm)}.enhancement-header{padding:var(--space-6) var(--space-8);background:linear-gradient(135deg,#667eea14,#764ba214);border-bottom:1px solid var(--border-subtle)}.enhancement-title{display:flex;align-items:center;gap:var(--space-2);font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-2);line-height:1.35}.enhancement-title svg{color:#667eea}.enhancement-subtitle{font-size:13px;color:var(--text-secondary);line-height:1.5}.enhancement-tabs{display:flex;background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);padding:0 var(--space-8);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.enhancement-tabs::-webkit-scrollbar{display:none}.enhancement-tab{position:relative;padding:var(--space-4) var(--space-5);background:none;border:none;color:var(--text-tertiary);font-size:14px;font-weight:600;cursor:pointer;transition:color var(--transition-fast);white-space:nowrap;border-bottom:2px solid transparent}.enhancement-tab:hover{color:var(--text-secondary)}.enhancement-tab.active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.enhancement-content{padding:var(--space-8)}.enhanced-text{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-5);color:var(--text-primary);font-size:15px;line-height:1.7;white-space:pre-wrap;word-wrap:break-word;min-height:180px;margin-bottom:var(--space-4);transition:all var(--transition-fast)}.enhanced-text:hover{border-color:var(--border-focus)}.enhanced-text:empty:before{content:"No enhancement available";color:var(--text-tertiary);font-style:italic}.explanation{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--info-dim);border:1px solid rgba(10,132,255,.2);border-left:3px solid var(--info);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.explanation svg{color:var(--info);flex-shrink:0;margin-top:2px}.explanation-content{font-size:13px;line-height:1.6;color:var(--text-secondary)}.explanation-content strong{color:var(--text-primary);font-weight:700}.enhancement-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.btn-copy{display:inline-flex;align-items:center;gap:var(--space-2);padding:12px 24px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-copy:hover{background:var(--bg-hover);border-color:var(--border-focus)}.btn-copy:active{transform:scale(.97)}.btn-copy.copied{background:var(--success-dim);border-color:var(--success);color:var(--success)}.btn-copy.copied svg{animation:checkmark .3s ease-out}@keyframes checkmark{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.btn-use{display:inline-flex;align-items:center;gap:var(--space-2);padding:12px 24px;background:var(--accent-primary);border:none;border-radius:var(--radius-full);color:var(--bg-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-use:hover{background:var(--accent-hover);box-shadow:0 4px 12px #fff3;transform:translateY(-1px)}.btn-use:active{transform:translateY(0) scale(.97)}@media (max-width: 640px){.enhancement-actions{flex-direction:column}.btn-copy,.btn-use{width:100%;justify-content:center}.enhancement-tabs{padding:0 var(--space-4)}}.post-analyzer{width:100%;animation:fadeIn .4s ease-out}.analyzer-container{display:flex;flex-direction:column;gap:var(--space-8)}.card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast);box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--border-focus)}.card-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border-subtle)}.card-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-2);line-height:1.35}.card-subtitle{font-size:14px;color:var(--text-secondary);line-height:1.6}.card-body{padding:var(--space-8)}.note-dropdown{margin-bottom:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-tertiary);overflow:hidden}.note-dropdown-trigger{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:color var(--transition-fast),background var(--transition-fast)}.note-dropdown-trigger:hover{color:var(--text-primary);background:var(--bg-elevated)}.note-dropdown-trigger svg:first-child{flex-shrink:0;color:var(--accent-primary)}.note-chevron{margin-left:auto;flex-shrink:0;transition:transform var(--transition-fast)}.note-dropdown.open .note-chevron{transform:rotate(180deg)}.note-dropdown-content{padding:0 var(--space-4) var(--space-4)}.note-dropdown-content[hidden]{display:none}.note-list{margin:0;padding-left:var(--space-6);font-size:14px;line-height:1.7;color:var(--text-secondary)}.note-list li{margin-bottom:var(--space-2)}.note-list li:last-child{margin-bottom:0}.note-list code{font-family:var(--font-mono);font-size:13px;padding:2px 6px;background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-primary)}.input-wrapper{position:relative;margin-bottom:var(--space-6)}.post-textarea{width:100%;min-height:200px;padding:var(--space-5);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;line-height:1.65;font-family:var(--font-sans);resize:vertical;transition:all var(--transition-fast)}.post-textarea:hover{border-color:var(--border-focus)}.post-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ffffff0d}.post-textarea::placeholder{color:var(--text-tertiary)}.char-count{position:absolute;bottom:var(--space-4);right:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--text-tertiary);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.action-buttons{display:flex;gap:var(--space-4);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 24px;border:none;border-radius:var(--radius-full);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;letter-spacing:-.01em}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--accent-primary);color:var(--bg-primary)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 12px #fff3}.btn-premium{background:var(--gradient-premium);color:var(--text-primary);box-shadow:0 4px 12px #667eea4d}.btn-premium:hover:not(:disabled){background:var(--gradient-premium-hover);box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.btn-premium:active:not(:disabled){transform:translateY(0) scale(.97)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-focus)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.premium-prompt{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-md);margin-top:var(--space-4)}.premium-prompt svg{color:#667eea;flex-shrink:0}.premium-prompt span{font-size:14px;color:var(--text-secondary)}.score-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-8);background:linear-gradient(135deg,#00ba7c14,#00ba7c0a);border-bottom:1px solid var(--border-subtle)}.score-header-info h3{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px}.score-header-info p{font-size:13px;color:var(--text-secondary)}.overall-score-display{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.score-circle{width:72px;height:72px;border-radius:50%;background:var(--bg-primary);border:3px solid var(--success);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 16px #00ba7c4d}.score-circle:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(var(--success) calc(var(--score) * 3.6deg),transparent calc(var(--score) * 3.6deg));mask:radial-gradient(circle,transparent 66%,black 66%);-webkit-mask:radial-gradient(circle,transparent 66%,black 66%)}.score-value{font-size:28px;font-weight:800;color:var(--success);position:relative;z-index:1}.score-label{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.alert{display:flex;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);border-left:3px solid;margin-bottom:var(--space-4)}.alert svg{flex-shrink:0;margin-top:2px}.alert-critical{background:var(--error-dim);border-left-color:var(--error)}.alert-critical svg{color:var(--error)}.alert-warning{background:var(--warning-dim);border-left-color:var(--warning)}.alert-warning svg{color:var(--warning)}.alert-info{background:var(--info-dim);border-left-color:var(--info)}.alert-info svg{color:var(--info)}.alert-content h4{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.alert-content p,.alert-content ul{font-size:14px;line-height:1.6;color:var(--text-secondary)}.alert-content ul{margin:var(--space-2) 0 0 var(--space-4);list-style:disc}.alert-content li{margin-bottom:var(--space-1)}.templates-detected{padding:var(--space-4);background:var(--success-dim);border:1px solid rgba(0,186,124,.2);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.templates-header{display:flex;align-items:center;gap:var(--space-2);font-size:15px;font-weight:700;color:var(--success);margin-bottom:var(--space-3)}.template-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.template-tag{padding:6px 12px;background:var(--bg-elevated);border:1px solid rgba(0,186,124,.3);border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--text-primary)}.metrics-section{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border-subtle)}.metrics-section:last-child{border-bottom:none}.metrics-title{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-5)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.recommendations-list{display:flex;flex-direction:column;gap:var(--space-4)}.format-card .card-body{display:flex;flex-direction:column;gap:var(--space-6)}.format-score{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.format-score-value{font-size:18px;font-weight:700;color:var(--text-primary)}.format-score-meta{font-size:13px;color:var(--text-secondary);margin-top:var(--space-1)}.format-issues{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6)}.format-issues h4{margin-bottom:var(--space-2);font-size:15px;color:var(--text-primary)}.format-issues ul{margin:0;padding-left:var(--space-5);color:var(--text-secondary);line-height:1.6}.format-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.format-metric{padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-2)}.format-metric-title{font-size:13px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.format-metric-value{font-size:16px;font-weight:600;color:var(--text-primary)}.format-metric-status{font-size:12px;font-weight:600;color:var(--accent-primary)}.format-metric p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}@media (max-width: 720px){.format-score{flex-direction:column;align-items:flex-start}}.recommendation{display:flex;gap:var(--space-5);padding:var(--space-5);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);border-left:4px solid;transition:all var(--transition-fast)}.recommendation:hover{background:var(--bg-elevated);border-color:var(--border-focus);transform:translate(4px)}.recommendation.priority-critical{border-left-color:var(--error)}.recommendation.priority-high{border-left-color:var(--warning)}.recommendation.priority-medium{border-left-color:var(--info)}.recommendation.priority-low{border-left-color:var(--success)}.rec-icon{flex-shrink:0;padding-top:2px}.recommendation.priority-critical .rec-icon{color:var(--error)}.recommendation.priority-high .rec-icon{color:var(--warning)}.recommendation.priority-medium .rec-icon{color:var(--info)}.recommendation.priority-low .rec-icon{color:var(--success)}.rec-content{flex:1}.rec-category{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.rec-action{font-size:14px;line-height:1.6;color:var(--text-primary)}@media (max-width: 768px){.card-header,.card-body,.score-header,.metrics-section{padding:var(--space-5) var(--space-6)}}@media (max-width: 640px){.analyzer-container{gap:var(--space-6)}.metrics-grid{grid-template-columns:1fr}.score-header{flex-direction:column;gap:var(--space-4);text-align:center}.action-buttons{flex-direction:column}.btn{width:100%}}.daily-topics{display:flex;flex-direction:column;gap:var(--space-8);animation:fadeIn .4s ease-out}.daily-topics-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.daily-topics-meta{display:flex;align-items:center;gap:var(--space-4)}.daily-date{display:inline-flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);padding:6px 12px;border-radius:var(--radius-full)}.daily-topics-loading{font-size:14px;color:var(--text-secondary)}.daily-topics-list{display:flex;flex-direction:column;gap:var(--space-4)}.daily-topic-item{display:flex;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-tertiary);align-items:flex-start}.daily-topic-rank{width:32px;height:32px;border-radius:var(--radius-full);background:var(--accent-primary);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.daily-topic-content{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.daily-topic-text{font-size:16px;font-weight:600;color:var(--text-primary)}.daily-topic-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.daily-topic-tags .tag{font-size:12px;padding:4px 10px;border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary)}.daily-topics-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6)}.daily-topics-steps h4{margin-bottom:var(--space-2);font-size:15px;color:var(--text-primary)}.daily-topics-steps p{font-size:14px;color:var(--text-secondary);line-height:1.6}.btn-refresh{padding:8px 14px;font-size:13px}.btn-copy{padding:8px;border-radius:var(--radius-md)}@media (max-width: 720px){.daily-topic-item{flex-direction:column}.daily-topics-meta{width:100%;justify-content:space-between}}.reference-database{width:100%;animation:fadeIn .4s ease-out}.database-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap}.database-info h2{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:var(--space-2);line-height:1.3}.database-subtitle{font-size:14px;color:var(--text-secondary);line-height:1.6}.database-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.btn-add{display:inline-flex;align-items:center;gap:var(--space-2);padding:12px 24px;background:var(--accent-primary);border:none;border-radius:var(--radius-full);color:var(--bg-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-add:hover{background:var(--accent-hover);box-shadow:0 4px 12px #fff3;transform:translateY(-1px)}.btn-add:active{transform:translateY(0) scale(.97)}.btn-upload{display:inline-flex;align-items:center;gap:var(--space-2);padding:12px 24px;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-upload:hover{background:var(--bg-elevated);border-color:var(--border-focus)}.btn-upload:active{transform:scale(.97)}.btn-upload input[type=file]{display:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-6);animation:fadeIn .2s ease-out}.modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-subtle)}.modal-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.modal-body{padding:var(--space-6)}.modal-textarea{width:100%;min-height:200px;padding:var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;line-height:1.6;font-family:var(--font-sans);resize:vertical;transition:all var(--transition-fast)}.modal-textarea:hover{border-color:var(--border-focus)}.modal-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ffffff0d}.modal-textarea::placeholder{color:var(--text-tertiary)}.modal-footer{padding:var(--space-6);border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-3);justify-content:flex-end}.loading-state{text-align:center;padding:var(--space-16) var(--space-6)}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.empty-state svg{margin-bottom:var(--space-4);opacity:.2}.empty-state h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em}.empty-state p{font-size:14px;color:var(--text-secondary);line-height:1.6}.references-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.reference-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base);cursor:pointer;animation:slideUp .3s ease-out backwards;box-shadow:var(--shadow-sm)}.reference-card:nth-child(1){animation-delay:.05s}.reference-card:nth-child(2){animation-delay:.1s}.reference-card:nth-child(3){animation-delay:.15s}.reference-card:nth-child(4){animation-delay:.2s}.reference-card:nth-child(5){animation-delay:.25s}.reference-card:nth-child(6){animation-delay:.3s}.reference-card:hover{background:var(--bg-tertiary);border-color:var(--border-focus);transform:translateY(-4px);box-shadow:var(--shadow-md)}.reference-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5)}.card-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-primary);flex-shrink:0}.delete-button{width:36px;height:36px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.delete-button:hover{background:var(--error-dim);color:var(--error)}.delete-button:active{transform:scale(.94)}.reference-card .card-content h4{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3);letter-spacing:-.01em;line-height:1.35}.reference-card .card-text{color:var(--text-primary);font-size:14px;line-height:1.6;margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font-size:12px;color:var(--text-tertiary);font-weight:600}.database-readonly-view{display:flex;justify-content:center;align-items:flex-start;padding:var(--space-8) 0}.database-readonly-card{max-width:560px;text-align:center;padding:var(--space-12);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.database-readonly-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:var(--space-6);background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:var(--radius-lg);color:#667eea}.database-readonly-card h3{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.4;margin-bottom:var(--space-5)}.database-readonly-lead{font-size:16px;color:var(--text-secondary);line-height:1.65;margin-bottom:var(--space-4)}.database-readonly-note{font-size:14px;color:var(--text-tertiary);line-height:1.6}.premium-required{display:flex;justify-content:center;align-items:center;min-height:60vh}.premium-message{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;max-width:500px;animation:scaleIn .3s ease-out}.premium-message h2{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.03em}.premium-message p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.premium-description{font-size:14px;line-height:1.7;color:var(--text-secondary)}@media (max-width: 768px){.references-grid{grid-template-columns:1fr}.database-header{flex-direction:column}.database-actions{width:100%}.btn-add,.btn-upload{flex:1;justify-content:center}}@media (max-width: 640px){.modal{border-radius:var(--radius-lg);margin:var(--space-4)}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.dashboard{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.dashboard-header{background:#000c;border-bottom:1px solid var(--border-default);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:var(--z-sticky);animation:slideDown var(--transition-base) ease-out}.header-content{width:100%;padding:var(--space-5) var(--page-padding-x);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:opacity var(--transition-fast)}.logo:hover{opacity:.8}.logo-icon{width:32px;height:32px;background:var(--accent-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.logo-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 100%)}.logo-icon svg{width:18px;height:18px;color:var(--bg-primary);position:relative;z-index:1}.logo-text{font-size:17px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.premium-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--gradient-premium);border-radius:var(--radius-full);font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--text-primary);box-shadow:0 4px 12px #667eea66;transition:all var(--transition-fast)}.premium-badge:hover{background:var(--gradient-premium-hover);box-shadow:0 6px 16px #667eea80}.btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-icon:active{transform:scale(.94);background:var(--bg-hover)}.dashboard-nav{background:#000c;border-bottom:1px solid var(--border-default);position:sticky;top:61px;z-index:calc(var(--z-sticky) - 1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-container{width:100%;padding:0 var(--page-padding-x);display:flex;gap:var(--space-8)}.nav-tab{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-5) 0;background:none;border:none;color:var(--text-tertiary);font-size:15px;font-weight:600;cursor:pointer;transition:color var(--transition-fast);white-space:nowrap}.nav-tab svg{width:20px;height:20px;transition:transform var(--transition-fast)}.nav-tab:hover{color:var(--text-secondary)}.nav-tab:hover svg{transform:translateY(-1px)}.nav-tab.active{color:var(--text-primary)}.nav-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-primary);transform:scaleX(0);transition:transform var(--transition-base) cubic-bezier(.4,0,.2,1);border-radius:var(--radius-full)}.nav-tab.active:after{transform:scaleX(1)}.dashboard-main{flex:1;width:100%;min-height:0;padding:var(--page-padding-y) var(--page-padding-x);overflow-y:auto;animation:fadeIn var(--transition-slow) ease-out}.dashboard-main-inner{width:100%;max-width:var(--content-max-width);margin:0 auto}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-elevated);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.header-content{padding:var(--space-4) var(--page-padding-x)}.nav-tab{padding:var(--space-4) 0}.logo-text{font-size:16px}.nav-container{gap:var(--space-6)}.nav-tab{font-size:14px}.dashboard-nav{top:57px}}@media (max-width: 480px){.header-content{padding:var(--space-4) var(--space-4)}.logo-text,.nav-tab span{display:none}.nav-container{justify-content:space-around;gap:0}.premium-badge{padding:5px 10px;font-size:11px}}.app{min-height:100vh;height:100vh;width:100%;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden}.app-content{flex:1;min-height:0;display:flex;flex-direction:column}.app-content>*{flex:1;min-height:0;display:flex;flex-direction:column}.setup-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--page-padding-y) var(--page-padding-x);background-color:var(--bg-primary)}.setup-card{max-width:480px;width:100%;padding:var(--space-10);background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.setup-card h1{font-size:24px;font-weight:700;margin-bottom:var(--space-4);color:var(--text-primary);letter-spacing:-.02em;line-height:1.3}.setup-card p{color:var(--text-secondary);margin-bottom:var(--space-5);line-height:1.6}.setup-card ol{color:var(--text-primary);padding-left:var(--space-6);line-height:1.8;display:flex;flex-direction:column;gap:var(--space-2)}.setup-card code{background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:14px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:#000;color:#fff}:root{--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-tertiary: #262626;--text-primary: #ffffff;--text-secondary: #a8a8a8;--border-color: #2f2f2f;--accent-color: #ffffff;--accent-hover: #e0e0e0;--success-color: #00d4ff;--premium-gold: #ffd700;--premium-gradient: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%)}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;height:100vh;width:100%;display:flex;flex-direction:column;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}