@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_7b064e0d-module__MOT0tq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_7b064e0d-module__MOT0tq__variable{--font-inter:"Inter","Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.f2220059.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.f6f1950f.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.bd5f4d11.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.51c18f09.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.23358719.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.15008bfb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_84d6efd-module__5Hl15a__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_84d6efd-module__5Hl15a__variable{--font-jetbrains-mono:"JetBrains Mono","JetBrains Mono Fallback"}
*{box-sizing:border-box;margin:0;padding:0}:root{--color-vibrant-red:#ff6b6b;--color-vibrant-orange:orange;--color-vibrant-purple:#9d4edd;--color-vibrant-pink:#ff6ec7;--color-pastel-blue:#a8d8ea;--color-pastel-mint:#b4e7ce;--color-pastel-lavender:#d4c5f9;--color-bg:#f7fafc;--color-card:#fff;--color-text-primary:#2d3748;--color-text-secondary:#718096;--color-border:#e2e8f0;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-vibrant:0 10px 20px -5px #9d4edd4d}body{background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}.container{width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin-left:auto;margin-right:auto}@media (min-width:768px){.container{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.header{-webkit-backdrop-filter:blur(10px);z-index:50;box-shadow:var(--shadow-md);background:#fffffff2;position:sticky;top:0}.header-content{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.logo{color:var(--color-gray-800);letter-spacing:-.025em;font-size:1.25rem;font-weight:700}.logo-accent{background:linear-gradient(135deg,var(--color-vibrant-purple),var(--color-vibrant-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header-buttons{align-items:center;gap:var(--spacing-xs);display:flex}.icon-button{border-radius:var(--radius-full);cursor:pointer;color:var(--color-gray-600);background:0 0;border:none;justify-content:center;align-items:center;padding:.625rem;transition:all .3s;display:flex}.icon-button:hover{color:var(--color-vibrant-purple);background:linear-gradient(135deg,#9d4edd1a,#ff6ec71a);transform:translateY(-2px)}.user-email-display{color:var(--color-gray-600);align-items:center;gap:.5rem;margin-right:.5rem;font-size:.875rem;display:flex}@media (max-width:640px){.header-buttons{gap:.25rem}.icon-button{padding:.5rem}.icon-button svg{width:18px;height:18px}.user-email-display{display:none}.logo{font-size:1rem}}.search-section{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}@media (min-width:768px){.search-section{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}}.search-container{max-width:56rem;margin:0 auto}.search-title{margin-bottom:var(--spacing-xl);text-align:center;color:var(--color-gray-600);letter-spacing:.025em;font-size:1.5rem;font-weight:300}@media (min-width:768px){.search-title{font-size:1.875rem}}.search-input{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--color-card);border-radius:var(--radius-xl);border:2px solid var(--color-border);color:var(--color-gray-800);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);font-size:1rem;transition:all .3s}.search-input::placeholder{color:var(--color-gray-400)}.search-input:hover{border-color:var(--color-vibrant-purple);box-shadow:var(--shadow-md)}.search-input:focus{border-color:var(--color-vibrant-purple);box-shadow:0 0 0 4px #9d4edd26,var(--shadow-md);outline:none}.controls-row{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}@media (min-width:768px){.controls-row{flex-direction:row}}.select-box{flex-shrink:0}.select-box select{width:100%;padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-card);border-radius:var(--radius-full);border:2px solid var(--color-border);color:var(--color-gray-700);box-shadow:var(--shadow-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem;font-size:.875rem;font-weight:500;transition:all .3s}@media (min-width:768px){.select-box select{width:auto}}.select-box select:hover{box-shadow:var(--shadow-md);border-color:var(--color-vibrant-purple);transform:translateY(-2px)}.select-box select:focus{border-color:var(--color-vibrant-purple);outline:none;box-shadow:0 0 0 3px #9d4edd26}.platform-buttons{gap:var(--spacing-xs);flex-wrap:wrap;flex:1;display:flex}.platform-button{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-full);border:2px solid var(--color-border);cursor:pointer;background:var(--color-card);color:var(--color-gray-600);box-shadow:var(--shadow-sm);font-size:.875rem;font-weight:600;transition:all .3s}.platform-button:hover{box-shadow:var(--shadow-md);border-color:var(--color-vibrant-purple);transform:translateY(-2px)}.platform-button.active{background:linear-gradient(135deg,var(--color-vibrant-purple),var(--color-vibrant-pink));color:#fff;box-shadow:var(--shadow-vibrant);border-color:#0000;transform:translateY(-2px)}.search-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:linear-gradient(135deg,var(--color-vibrant-orange),var(--color-vibrant-red),var(--color-vibrant-purple));color:#fff;border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-vibrant);justify-content:center;align-items:center;gap:var(--spacing-xs);border:none;font-size:1.125rem;font-weight:700;transition:all .3s;display:flex}.search-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px -10px #9d4edd66}.search-button:active{transform:translateY(-1px)}.filter-section{-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#ffffffb3}.filter-content{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.filter-container{max-width:72rem;margin:0 auto}.filter-title{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-lg);font-size:.75rem;font-weight:600}.filter-grid{gap:var(--spacing-lg);flex-direction:column;display:flex}@media (min-width:768px){.filter-grid{flex-direction:row}}.filter-group{flex:1}.filter-label{color:var(--color-gray-500);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;display:block}.filter-buttons{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.filter-button{padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);border:2px solid var(--color-border);cursor:pointer;background:var(--color-card);color:var(--color-gray-600);box-shadow:var(--shadow-sm);font-size:.875rem;font-weight:600;transition:all .3s}.filter-button:hover{box-shadow:var(--shadow-md);border-color:var(--color-vibrant-purple);transform:translateY(-2px)}.filter-button.active{background:linear-gradient(135deg,var(--color-vibrant-purple),var(--color-vibrant-pink));color:#fff;box-shadow:var(--shadow-md);border-color:#0000}.filter-input{width:100%;padding:var(--spacing-xs)var(--spacing-md);background:var(--color-card);border-radius:var(--radius-full);border:2px solid var(--color-border);color:var(--color-gray-700);box-shadow:var(--shadow-sm);font-size:.875rem;font-weight:500;transition:all .3s}.filter-input:focus{border-color:var(--color-vibrant-purple);outline:none;box-shadow:0 0 0 3px #9d4edd26}.filter-input:hover{border-color:var(--color-vibrant-purple)}select.filter-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}.table-section{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.table-container{max-width:72rem;margin:0 auto}.table-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.table-title{color:var(--color-gray-800);font-size:1.5rem;font-weight:700}.table-count{color:var(--color-gray-400);font-size:1.125rem;font-weight:400}.table-wrapper{background:var(--color-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:none;overflow:auto visible}@media (min-width:1024px){.table-wrapper{display:block}}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}.table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--color-vibrant-purple),var(--color-vibrant-pink));border-radius:var(--radius-full)}.table-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--color-vibrant-orange),var(--color-vibrant-red))}.data-table{border-spacing:0;border-collapse:separate;width:100%;min-width:1200px}.data-table thead{background:linear-gradient(135deg,#9d4edd0d,#ff6ec70d)}.data-table th{text-align:left;padding:var(--spacing-md)var(--spacing-lg);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.data-table tbody tr{border-top:1px solid var(--color-gray-100);transition:all .3s}.data-table tbody tr:hover{box-shadow:var(--shadow-md);background:linear-gradient(135deg,#9d4edd05,#ff6ec705);transform:translateY(-2px)}.data-table td{padding:var(--spacing-lg)var(--spacing-lg)}.platform-cell{align-items:center;gap:var(--spacing-xs);white-space:nowrap;display:flex}.platform-icon{width:1.25rem;height:1.25rem}.platform-icon.tiktok{color:var(--color-vibrant-red)}.platform-icon.instagram{color:var(--color-vibrant-purple)}.platform-icon.youtube{color:var(--color-vibrant-orange)}.platform-name{color:var(--color-gray-700);font-size:.875rem;font-weight:600}.title-cell{color:var(--color-gray-800);font-weight:700}.username-cell{color:var(--color-gray-500);white-space:nowrap}.date-cell{color:var(--color-gray-500);white-space:nowrap;font-size:.875rem}.metrics-cell{gap:var(--spacing-xs);flex-direction:column;min-width:100px;display:flex}.metric-row{align-items:center;gap:var(--spacing-xs);white-space:nowrap;font-size:.875rem;display:flex}.metric-icon{flex-shrink:0;width:1rem;height:1rem}.metric-icon.views{color:var(--color-pastel-blue)}.metric-icon.comments{color:var(--color-pastel-mint)}.metric-value{color:var(--color-gray-700);font-weight:600}.score-cell{min-width:140px}.score-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.score-percent{color:var(--color-gray-600);font-size:.75rem;font-weight:700}.score-bar-bg{background:var(--color-gray-100);border-radius:var(--radius-full);height:.75rem;position:relative;overflow:hidden}.score-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .6s;position:relative;overflow:hidden}.score-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.score-bar-fill.high{background:linear-gradient(90deg,var(--color-vibrant-orange),var(--color-vibrant-red));box-shadow:0 0 10px #ff6b6b80}.score-bar-fill.medium{background:linear-gradient(90deg,var(--color-vibrant-purple),var(--color-vibrant-pink));box-shadow:0 0 10px #9d4edd66}.score-bar-fill.low{background:linear-gradient(90deg,var(--color-pastel-lavender),var(--color-vibrant-purple));box-shadow:0 0 8px #9d4edd4d}.caption-cell{max-width:250px}.caption-text{color:var(--color-gray-500);text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:.875rem;overflow:hidden}.url-cell{text-align:center;min-width:80px}.url-button{border-radius:var(--radius-full);cursor:pointer;color:var(--color-vibrant-purple);background:linear-gradient(135deg,#9d4edd1a,#ff6ec71a);border:none;justify-content:center;align-items:center;padding:.625rem;transition:all .3s;display:inline-flex}.url-button:hover{background:linear-gradient(135deg,var(--color-vibrant-purple),var(--color-vibrant-pink));color:#fff;box-shadow:var(--shadow-vibrant);transform:translateY(-2px)scale(1.1)}.url-icon{width:1rem;height:1rem}.mobile-cards{gap:var(--spacing-md);flex-direction:column;display:flex}@media (min-width:1024px){.mobile-cards{display:none}}.video-card{background:var(--color-card);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:2px solid #0000;transition:all .3s}.video-card:hover{box-shadow:var(--shadow-xl);border-color:#9d4edd33;transform:translateY(-4px)}.card-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.card-platform{align-items:center;gap:var(--spacing-xs);display:flex}.card-platform-name{color:var(--color-gray-500);font-size:.75rem;font-weight:600}.card-url-button{padding:var(--spacing-xs);border-radius:var(--radius-full);cursor:pointer;color:var(--color-vibrant-purple);background:linear-gradient(135deg,#9d4edd1a,#ff6ec71a);border:none;justify-content:center;align-items:center;transition:all .3s;display:flex}.card-url-button:hover{background:linear-gradient(135deg,var(--color-vibrant-purple),var(--color-vibrant-pink));color:#fff;transform:scale(1.1)}.card-title{color:var(--color-gray-800);margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.card-username{color:var(--color-gray-500);margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:500}.card-caption{color:var(--color-gray-500);margin-bottom:var(--spacing-md);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.card-metrics{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:.875rem;display:flex}.card-metric{align-items:center;gap:.375rem;display:flex}.card-metric-value{color:var(--color-gray-700);font-weight:600}.card-date{color:var(--color-gray-500);margin-left:auto;font-size:.75rem}.card-score-label{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.card-score-value{color:var(--color-gray-600);font-size:.875rem;font-weight:700}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-vibrant-purple),var(--color-vibrant-pink));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-vibrant-orange),var(--color-vibrant-red))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@media (min-width:768px){.logo{font-size:1.5rem}}.auth-container{min-height:100vh;padding:var(--spacing-lg);background:linear-gradient(135deg,#9d4edd0d,#ff6ec70d);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-card);border-radius:var(--radius-xl);width:100%;max-width:28rem;padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}.auth-title{color:var(--color-gray-800);margin-bottom:var(--spacing-sm);text-align:center;font-size:1.875rem;font-weight:700}.auth-subtitle{color:var(--color-gray-500);margin-bottom:var(--spacing-xl);text-align:center;font-size:.875rem;line-height:1.6}.auth-form{gap:var(--spacing-md);flex-direction:column;display:flex}.input-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.input-group label{color:var(--color-gray-700);font-size:.875rem;font-weight:600}.input-group input{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-gray-800);background:var(--color-card);font-size:.875rem;transition:all .3s}.input-group input:hover{border-color:var(--color-vibrant-purple)}.input-group input:focus{border-color:var(--color-vibrant-purple);outline:none;box-shadow:0 0 0 3px #9d4edd26}.input-group input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-gray-50)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{flex:1;padding-right:2.5rem}.password-toggle-button{right:var(--spacing-sm);cursor:pointer;color:var(--color-gray-500);padding:var(--spacing-xs);background:0 0;border:none;justify-content:center;align-items:center;transition:color .3s;display:flex;position:absolute}.password-toggle-button:hover{color:var(--color-vibrant-purple)}.error-message{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);color:#c53030;background:#ff6b6b1a;border:1px solid #ff6b6b4d;font-size:.875rem;font-weight:500;display:flex}.success-message{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);color:#2f855a;background:#48bb781a;border:1px solid #48bb784d;font-size:.875rem;font-weight:500;display:flex}.auth-button{width:100%;padding:var(--spacing-sm)var(--spacing-lg);background:linear-gradient(135deg,var(--color-vibrant-purple),var(--color-vibrant-pink));color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);justify-content:center;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);border:none;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.auth-button:hover:not(:disabled){box-shadow:var(--shadow-vibrant);transform:translateY(-2px)}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-divider{text-align:center;margin:var(--spacing-lg)0;position:relative}.auth-divider:before{content:"";background:var(--color-border);height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{padding:0 var(--spacing-md);background:var(--color-card);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;display:inline-block;position:relative}.google-auth-button{width:100%;padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-card);border:2px solid var(--color-border);color:var(--color-gray-700);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.google-auth-button:hover:not(:disabled){border-color:var(--color-vibrant-purple);box-shadow:var(--shadow-md);transform:translateY(-2px)}.google-auth-button:disabled{opacity:.7;cursor:not-allowed}.google-icon{width:1.25rem;height:1.25rem}.auth-toggle-text{text-align:center;margin-top:var(--spacing-lg);color:var(--color-gray-600);font-size:.875rem}.auth-toggle-button{color:var(--color-vibrant-purple);cursor:pointer;margin-left:var(--spacing-xs);background:0 0;border:none;font-weight:600;transition:color .3s}.auth-toggle-button:hover:not(:disabled){color:var(--color-vibrant-pink);text-decoration:underline}.auth-toggle-button:disabled{opacity:.7;cursor:not-allowed}.auth-state-container{min-height:100vh;padding:var(--spacing-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-state,.no-results-state,.error-state{padding:var(--spacing-2xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.paywall-container{min-height:100vh;padding:var(--spacing-lg);background:linear-gradient(135deg,#9d4edd0d,#ff6ec70d);justify-content:center;align-items:center;display:flex}.paywall-card{background:var(--color-card);border-radius:var(--radius-xl);width:100%;max-width:32rem;padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}.paywall-header{text-align:center;margin-bottom:var(--spacing-xl)}.paywall-icon{margin:0 auto var(--spacing-md);color:var(--color-vibrant-purple)}.paywall-title{color:var(--color-gray-800);margin-bottom:var(--spacing-sm);font-size:1.875rem;font-weight:700}.paywall-subtitle{color:var(--color-gray-500);font-size:.875rem;line-height:1.6}.paywall-price{text-align:center;margin:var(--spacing-xl)0}.price-amount{background:linear-gradient(135deg,var(--color-vibrant-purple),var(--color-vibrant-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700}.price-period{color:var(--color-gray-500);font-size:1.125rem;font-weight:500}.paywall-features{margin:var(--spacing-xl)0;padding:0;list-style:none}.paywall-features li{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)0;color:var(--color-gray-700);font-size:.875rem;display:flex}.paywall-features li svg{color:#48bb78;flex-shrink:0}.subscribe-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:linear-gradient(135deg,var(--color-vibrant-purple),var(--color-vibrant-pink));color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-vibrant);justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);border:none;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.subscribe-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 30px -10px #9d4edd80}.subscribe-button:disabled{opacity:.7;cursor:not-allowed}.paywall-footer{text-align:center;margin-top:var(--spacing-lg);color:var(--color-gray-500);font-size:.75rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;padding:var(--spacing-lg);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-card);border-radius:var(--radius-xl);width:100%;max-width:32rem;box-shadow:var(--shadow-xl);max-height:90vh;padding:var(--spacing-xl);position:relative;overflow-y:auto}.modal-close-button{top:var(--spacing-md);right:var(--spacing-md);cursor:pointer;color:var(--color-gray-500);padding:var(--spacing-xs);border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute}.modal-close-button:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.modal-header{text-align:center;margin-bottom:var(--spacing-xl)}.modal-icon{margin:0 auto var(--spacing-md);color:var(--color-vibrant-purple)}.modal-title{color:var(--color-gray-800);margin-bottom:var(--spacing-sm);font-size:1.5rem;font-weight:700}.modal-subtitle{color:var(--color-gray-500);font-size:.875rem;line-height:1.6}.modal-footer{text-align:center;margin-top:var(--spacing-lg);color:var(--color-gray-500);font-size:.75rem}.primary-button{width:100%;padding:var(--spacing-sm)var(--spacing-lg);background:linear-gradient(135deg,var(--color-vibrant-purple),var(--color-vibrant-pink));color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);justify-content:center;align-items:center;gap:var(--spacing-xs);border:none;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.primary-button:hover:not(:disabled){box-shadow:var(--shadow-vibrant);transform:translateY(-2px)}.primary-button:disabled{opacity:.7;cursor:not-allowed}.secondary-button{width:100%;padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-card);border:2px solid var(--color-border);color:var(--color-gray-700);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.secondary-button:hover:not(:disabled){border-color:var(--color-vibrant-purple);box-shadow:var(--shadow-md)}.secondary-button:disabled{opacity:.7;cursor:not-allowed}.settings-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;padding:var(--spacing-lg);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal{background:var(--color-card);border-radius:var(--radius-xl);width:100%;max-width:36rem;box-shadow:var(--shadow-xl);max-height:90vh;position:relative;overflow-y:auto}.header-content{align-items:center;gap:var(--spacing-sm);display:flex}.header-icon{color:var(--color-vibrant-purple)}.close-button{cursor:pointer;color:var(--color-gray-500);padding:var(--spacing-xs);border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;transition:all .3s;display:flex}.close-button:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.tabs-container{border-bottom:2px solid var(--color-border);padding:0 var(--spacing-xl);display:flex}.tab-button{padding:var(--spacing-md);cursor:pointer;color:var(--color-gray-600);justify-content:center;align-items:center;gap:var(--spacing-xs);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.tab-button:hover{color:var(--color-vibrant-purple)}.tab-button.active{color:var(--color-vibrant-purple);border-bottom-color:var(--color-vibrant-purple)}.tab-content{padding:var(--spacing-xl)}.section-title{color:var(--color-gray-800);margin-bottom:var(--spacing-sm);font-size:1.125rem;font-weight:700}.section-description{color:var(--color-gray-500);margin-bottom:var(--spacing-lg);font-size:.875rem;line-height:1.6}.settings-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group label{color:var(--color-gray-700);font-size:.875rem;font-weight:600}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-gray-800);background:var(--color-card);font-size:.875rem;transition:all .3s}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:var(--color-vibrant-purple)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-vibrant-purple);outline:none;box-shadow:0 0 0 3px #9d4edd26}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed;background:var(--color-gray-50)}.toggle-password{right:var(--spacing-sm);cursor:pointer;color:var(--color-gray-500);padding:var(--spacing-xs);background:0 0;border:none;justify-content:center;align-items:center;transition:color .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.toggle-password:hover{color:var(--color-vibrant-purple)}.qr-code-container{width:100%;max-width:16rem;margin:var(--spacing-lg)auto;padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fff;position:relative}.qr-code{width:100%;height:auto;display:block}.qr-code-overlay{border-radius:var(--radius-md);pointer-events:none;background:#0000000d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.manual-secret-input{text-align:center;letter-spacing:.1em;-webkit-user-select:all;user-select:all;font-family:monospace}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shake-animation{animation:.5s ease-in-out shake}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in-animation{animation:.3s ease-in-out fadeIn}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:3s ease-in-out infinite float}@keyframes sparkle{0%,to{box-shadow:var(--shadow-vibrant)}50%{box-shadow:0 15px 30px -10px #9d4edd99}}.sparkle-animation{animation:2s ease-in-out infinite sparkle}.text-center{text-align:center}.text-gray-600{color:var(--color-gray-600)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-vibrant-purple{color:var(--color-vibrant-purple)}.text-vibrant-red{color:var(--color-vibrant-red)}.mb-6{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-md)}.mt-6{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-md)}.mt-2{margin-top:var(--spacing-xs)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:var(--spacing-xs)}.gap-4{gap:var(--spacing-md)}.w-full{width:100%}.max-w-xs{max-width:20rem}.text-2xl{font-size:1.5rem}.tracking-widest{letter-spacing:.5rem}.search-history-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background:#00000080;justify-content:flex-end;align-items:center;display:flex;position:fixed;inset:0}.search-history-panel{background:var(--color-card);width:100%;max-width:28rem;height:100vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.3s ease-out slideInRight;display:flex}.mobile-close-hint{display:none}@media (max-width:640px){.mobile-close-hint{padding:var(--spacing-sm)0;background:var(--color-card);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:center;display:flex}.close-hint-bar{background:var(--color-gray-300);width:40px;height:4px;margin-bottom:var(--spacing-xs);border-radius:2px}.close-hint-text{color:var(--color-gray-500);text-align:center;font-size:.75rem}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.search-history-header{padding:var(--spacing-lg);border-bottom:2px solid var(--color-border);background:linear-gradient(135deg,#9d4edd0d,#ff6ec70d);justify-content:space-between;align-items:center;display:flex}.header-title-group{align-items:center;gap:var(--spacing-sm);display:flex}.search-history-title{color:var(--color-gray-800);font-size:1.25rem;font-weight:700}.header-actions{align-items:center;gap:var(--spacing-xs);display:flex}.search-history-content{padding:var(--spacing-md);flex:1;overflow-y:auto}.history-loading,.history-error,.history-empty{padding:var(--spacing-2xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.retry-button{padding:var(--spacing-sm)var(--spacing-lg);background:linear-gradient(135deg,var(--color-vibrant-purple),var(--color-vibrant-pink));color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);border:none;font-size:.875rem;font-weight:600;transition:all .3s}.retry-button:hover{box-shadow:var(--shadow-vibrant);transform:translateY(-2px)}.history-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.history-item{background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:all .3s}.history-item:hover{border-color:var(--color-vibrant-purple);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#9d4edd05,#ff6ec705);transform:translate(-4px)}.history-item-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.keyword-group{align-items:center;gap:var(--spacing-xs);flex:1;display:flex}.keyword-text{color:var(--color-gray-800);text-transform:capitalize;font-size:1rem;font-weight:700}.repeat-search-button{padding:var(--spacing-xs);border-radius:var(--radius-full);cursor:pointer;color:var(--color-vibrant-purple);background:linear-gradient(135deg,#9d4edd1a,#ff6ec71a);border:none;justify-content:center;align-items:center;transition:all .3s;display:flex}.repeat-search-button:hover{background:linear-gradient(135deg,var(--color-vibrant-purple),var(--color-vibrant-pink));color:#fff;transform:scale(1.1)}.history-item-details{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.detail-item{align-items:center;gap:var(--spacing-xs);color:var(--color-gray-600);font-size:.75rem;display:flex}.platforms-badges{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.platform-badge{padding:.25rem var(--spacing-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;background:var(--color-card);border:1.5px solid;font-size:.625rem;font-weight:600;transition:all .3s}.platform-badge:hover{transform:scale(1.05)}.search-history-footer{padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--color-border);text-align:center;background:var(--color-gray-50)}@media (max-width:640px){.search-history-panel{max-width:100%}.search-history-header{z-index:10;background:var(--color-card);position:sticky;top:0;box-shadow:0 2px 8px #0000001a}.search-history-header .icon-button{padding:.75rem}.search-history-header .icon-button svg{width:22px;height:22px}.search-history-header .close-button-mobile{background:var(--color-vibrant-purple);color:#fff;padding:.875rem}.search-history-header .close-button-mobile:hover{background:var(--color-vibrant-red);transform:scale(1.1)}.search-history-header .close-button-mobile svg{width:24px;height:24px}.search-history-title{font-size:1rem}}