.landing-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}.landing-page ::selection{background:#ccfbf1;color:#134e4a}.landing-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:1px solid #e2e8f0;position:fixed;width:100%;z-index:50}.landing-nav-container{align-items:center;display:flex;height:4rem;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1rem}.landing-logo-wrapper{align-items:center;display:flex;gap:.75rem}.landing-logo-icon{align-items:center;border-radius:.5rem;display:flex;justify-content:center;padding:.5rem}.landing-logo-text{color:#0f172a;font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.landing-nav-right{align-items:center;display:flex;gap:1.5rem}.landing-nav-links{align-items:center;display:none;gap:1.5rem}.landing-nav-link{color:#64748b;font-size:.875rem;font-weight:600;padding-bottom:.25rem;position:relative;text-decoration:none;transition:color .2s}.landing-nav-link.active,.landing-nav-link:hover{color:#0d9488}.landing-nav-link.active:after{background:#0d9488;border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.landing-nav-cta{background:#0f172a;border:none;border-radius:9999px;box-shadow:0 10px 15px #0000001a;color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;padding:.625rem 1.25rem;transition:all .2s;white-space:nowrap}.landing-nav-cta:hover{background:#1e293b;box-shadow:0 20px 25px #00000026;transform:translateY(-2px)}.landing-nav-cta:active{transform:translateY(0)}.landing-nav-cta.desktop-only{display:none}.landing-nav-cta.mobile-only{display:block;margin-top:1rem;width:100%}.landing-mobile-menu-btn{align-items:center;background:none;border:none;color:#0f172a;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:color .2s}.landing-mobile-menu-btn:hover{color:#0d9488}@media (max-width:1023px){.landing-nav-links{align-items:stretch;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;gap:.75rem;left:0;opacity:0;padding:1.5rem;pointer-events:none;position:fixed;right:0;top:4rem;transform:translateY(-100%);transition:all .3s ease}.landing-nav-links.open{opacity:1;pointer-events:all;transform:translateY(0)}.landing-nav-link{border-radius:.5rem;padding:.75rem;text-align:center}.landing-nav-link.active:after{display:none}.landing-nav-link.active{background:#f0fdfa}}@media (min-width:1024px){.landing-nav-links{display:flex}.landing-nav-cta.desktop-only{display:block}.landing-mobile-menu-btn,.landing-nav-cta.mobile-only{display:none}}.landing-hero{overflow:hidden;padding:8rem 1rem 4rem;position:relative}.landing-hero-bg{background:#ccfbf14d;border-radius:50%;filter:blur(100px);height:500px;left:50%;opacity:.5;position:absolute;top:0;transform:translateX(-50%);width:1000px;z-index:-1}.landing-hero-container{margin:0 auto;max-width:64rem;position:relative;text-align:center;z-index:10}.landing-hero-title{color:#0f172a;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.2;margin-bottom:1.5rem}.landing-hero-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0d9488,#10b981);-webkit-background-clip:text;background-clip:text}.landing-hero-subtitle{color:#64748b;font-size:1.125rem;line-height:1.75;margin:0 auto 2.5rem;max-width:42rem}.landing-hero-cta-wrapper{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center}.landing-hero-cta{align-items:center;background:#0d9488;border:none;border-radius:9999px;box-shadow:0 10px 15px #0d94884d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:.875rem 2rem;transition:all .2s;width:100%}.landing-hero-cta:hover{background:#0f766e;transform:scale(1.05)}.landing-hero-cta:active{transform:scale(.95)}.landing-hero-features{align-items:center;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:.75rem;font-weight:500;gap:1rem;justify-content:center;margin-top:1rem}.landing-hero-feature{align-items:center;display:flex;gap:.25rem}.landing-problem{background:#fff;border-bottom:1px solid #f1f5f9;border-top:1px solid #f1f5f9;padding:4rem 1rem}.landing-problem-container{margin:0 auto;max-width:72rem}.landing-section-header{margin-bottom:3rem;text-align:center}.landing-section-badge{background:#fef3c7;border-radius:9999px;color:#92400e;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;padding:.5rem 1rem;text-transform:uppercase}.landing-section-title{color:#0f172a;font-size:2rem;font-weight:700;margin-bottom:1rem}.landing-section-subtitle{color:#64748b;font-size:1rem;margin:0 auto;max-width:48rem}.landing-problem-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.landing-problem-card{background:#fef2f2;border:1px solid #fee2e2;border-radius:1rem;padding:2rem;transition:transform .2s}.landing-problem-card:hover{transform:translateY(-4px)}.landing-problem-icon{align-items:center;background:#fee2e2;border-radius:.75rem;color:#dc2626;display:flex;height:3rem;justify-content:center;margin-bottom:1rem;width:3rem}.landing-problem-title{color:#0f172a;font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.landing-problem-desc{color:#64748b;font-size:.875rem;line-height:1.75}.landing-solution{background:linear-gradient(180deg,#f0fdfa,#fff);padding:5rem 1rem}.landing-solution-container{margin:0 auto;max-width:72rem}.landing-solution-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr}.landing-solution-text h2{color:#0f172a;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.landing-solution-text p{color:#475569;font-size:1.125rem;line-height:1.75;margin-bottom:2rem}.landing-solution-features{display:flex;flex-direction:column;gap:1rem}.landing-solution-feature{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;gap:1rem;padding:1rem}.landing-solution-feature-icon{align-items:center;background:#ccfbf1;border-radius:.5rem;color:#0d9488;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.landing-solution-feature-text h4{color:#0f172a;font-size:1rem;font-weight:700;margin-bottom:.25rem}.landing-solution-feature-text p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.landing-solution-visual{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 20px 25px #0000001a;padding:2rem}.landing-mockup{padding:0 1rem 5rem}.landing-mockup-container{animation:fadeInUp .7s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 25px 50px #00000040;margin:0 auto;max-width:80rem;padding:.75rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.landing-mockup-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:inset 0 2px 4px #0000000d;cursor:default;overflow:hidden;position:relative}.landing-mockup-wrapper:hover .landing-mockup-overlay{opacity:1}.landing-mockup-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:.5rem;height:2.5rem;left:0;padding:0 .75rem;position:absolute;top:0;width:100%;z-index:10}.landing-mockup-dots{display:flex;gap:.375rem}.landing-mockup-dot{background:#e2e8f0;border-radius:50%;height:.625rem;width:.625rem}.landing-mockup-searchbar{align-items:center;background:#f1f5f9;border-radius:.375rem;color:#cbd5e1;display:none;flex:1 1;font-size:.75rem;height:1.5rem;margin-left:1rem;max-width:20rem;padding:0 .5rem}.landing-mockup-content{display:flex;height:15rem;padding-top:2.5rem}.landing-mockup-sidebar{background:#fff;border-right:1px solid #e2e8f0;display:none;flex-direction:column;gap:1rem;padding:.75rem;width:3.5rem}.landing-mockup-nav-section{display:flex;flex-direction:column;gap:.5rem}.landing-mockup-nav-item{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;height:2rem;padding:0 .5rem}.landing-mockup-nav-item.active{background:#f0fdfa;border:1px solid #99f6e4;color:#0f766e}.landing-mockup-nav-item:not(.active){background:#fff;color:#cbd5e1}.landing-mockup-nav-text{display:none;font-size:.75rem;font-weight:700}.landing-mockup-main{background:#f8fafc80;flex:1 1;overflow:hidden;padding:1.5rem;position:relative}.landing-mockup-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(1,1fr)}.landing-mockup-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;height:6rem;justify-content:space-between;padding:.75rem}.landing-mockup-card-header{display:flex;gap:.75rem}.landing-mockup-card-icon{background:#f1f5f9;border-radius:.5rem;flex-shrink:0;height:2rem;width:2rem}.landing-mockup-card-content{display:flex;flex:1 1;flex-direction:column;gap:.375rem;padding-top:.25rem}.landing-mockup-card-title{background:#cbd5e1;border-radius:.125rem;height:.625rem;width:75%}.landing-mockup-card-url{background:#f1f5f9;border-radius:.125rem;height:.5rem;width:50%}.landing-mockup-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff3;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s}.landing-mockup-cta{align-items:center;background:#0f172a;border:none;border-radius:9999px;box-shadow:0 25px 50px #00000040;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;transition:transform .2s}.landing-mockup-cta:hover{transform:scale(1.05)}.landing-features{background:#fff;border-top:1px solid #f1f5f9;padding:4rem 1rem}.landing-features-container{margin:0 auto;max-width:72rem}.landing-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.landing-feature-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:1.5rem;padding:1.5rem;transition:all .2s}.landing-feature-card:hover{border-color:#ccfbf1;transform:translateY(-2px)}.landing-feature-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;color:#0d9488;display:flex;height:2.5rem;justify-content:center;margin-bottom:1rem;width:2.5rem}.landing-feature-title{color:#0f172a;font-size:1rem;font-weight:700;margin-bottom:.5rem}.landing-feature-desc{color:#64748b;font-size:.875rem;line-height:1.75}.landing-how{background:#fff;padding:5rem 1rem}.landing-how-container{margin:0 auto;max-width:72rem}.landing-how-steps{display:flex;flex-direction:column;gap:4rem;margin-top:3rem}.landing-how-step{align-items:flex-start;display:flex;gap:1rem}.landing-how-step-badge{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:3.5rem}.landing-how-step-number{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:50%;box-shadow:0 10px 25px #0d94884d;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:3.5rem;justify-content:center;position:relative;width:3.5rem;z-index:2}.landing-how-step-line{background:linear-gradient(180deg,#0d9488,#0000);height:100%;margin-top:-.5rem;min-height:8rem;width:2px}.landing-how-step:last-child .landing-how-step-line{display:none}.landing-how-step-content{grid-gap:2rem;align-items:center;display:grid;flex:1 1;gap:2rem;grid-template-columns:1fr}.landing-how-step-text h3{color:#0f172a;font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.landing-how-step-text p{color:#64748b;font-size:1rem;line-height:1.75;margin-bottom:1.25rem}.landing-how-checklist{display:flex;flex-direction:column;gap:.625rem;list-style:none;margin:0;padding:0}.landing-how-checklist li{color:#475569;font-size:.9375rem;font-weight:500;padding-left:0}.landing-how-step-visual{margin:0 auto;max-width:24rem;width:100%}.how-mockup-card{background:#fff;border:2px solid #e2e8f0;border-radius:1rem;box-shadow:0 10px 30px #00000014;padding:1.25rem}.how-mockup-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.how-mockup-tabs{background:#f8fafc;border-radius:.5rem;display:flex;gap:.5rem;margin-bottom:1rem;padding:.25rem}.how-tab{border-radius:.375rem;color:#64748b;flex:1 1;font-size:.75rem;font-weight:700;padding:.5rem;text-align:center;transition:all .2s}.how-tab.active{background:#fff;box-shadow:0 2px 4px #0000000d;color:#0d9488}.how-mockup-form{display:flex;flex-direction:column;gap:.75rem}.how-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;height:2.5rem}.how-btn-primary{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:.5rem;box-shadow:0 4px 12px #0d94884d;color:#fff;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;padding:.75rem;text-align:center}.how-divider{color:#94a3b8;font-size:.75rem;font-weight:600;margin:.5rem 0;position:relative;text-align:center}.how-divider:after,.how-divider:before{background:#e2e8f0;content:"";height:1px;position:absolute;top:50%;width:40%}.how-divider:before{left:0}.how-divider:after{right:0}.how-btn-google{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#475569;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;text-align:center}.how-mockup-import-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.how-import-options{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.how-import-option{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.5rem;cursor:pointer;padding:.75rem;text-align:center;transition:all .2s}.how-import-option.active{background:#f0fdfa;border-color:#0d9488}.how-import-icon{font-size:1.5rem;margin-bottom:.375rem}.how-paste-area{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:.5rem;min-height:4rem;padding:.75rem}.how-ai-result{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;margin-top:.75rem;padding:.75rem}.how-search-bar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;gap:.5rem;padding:.625rem .75rem}.how-search-shortcut{background:#fff;border:1px solid #e2e8f0;border-radius:.25rem;color:#94a3b8;font-size:.625rem;font-weight:600;margin-left:auto;padding:.125rem .375rem}.how-filter-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;color:#64748b;font-size:.75rem;font-weight:600;padding:.375rem .75rem;transition:all .2s}.how-filter-pill.active{background:#0d9488;border-color:#0d9488;color:#fff}.how-mini-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;gap:.5rem;padding:.5rem}.how-mini-icon{flex-shrink:0;font-size:.75rem;height:1.5rem;justify-content:center;width:1.5rem}.how-collection-item,.how-mini-icon{align-items:center;border-radius:.375rem;display:flex}.how-collection-item{gap:.5rem;padding:.375rem .5rem;transition:background .2s}.how-collection-item:hover{background:#f8fafc}@media (min-width:768px){.landing-how-step-content{grid-template-columns:1fr 1fr}.landing-how-step:nth-child(2n) .landing-how-step-content{direction:rtl}.landing-how-step:nth-child(2n) .landing-how-step-text,.landing-how-step:nth-child(2n) .landing-how-step-visual{direction:ltr}}.landing-usecases{background:#fff;padding:6rem 1.5rem}.landing-usecases-container{margin:0 auto;max-width:72rem}.landing-usecases-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.landing-usecase-card{border-radius:.75rem;padding:1rem;text-align:center;transition:background .2s}.landing-usecase-card:hover{background:#f8fafc}.landing-usecase-icon{align-items:center;background:#f0fdfa;border-radius:50%;color:#0d9488;display:flex;height:3rem;justify-content:center;margin:0 auto 1rem;width:3rem}.landing-usecase-title{color:#0f172a;font-size:1rem;font-weight:700;margin-bottom:.5rem}.landing-usecase-desc{color:#64748b;font-size:.75rem}.landing-about{background:#0f172a;color:#fff;padding:5rem 1.5rem}.landing-about-container{margin:0 auto;max-width:64rem;text-align:center}.landing-about-icon{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:50%;display:inline-flex;justify-content:center;margin-bottom:1.5rem;padding:.75rem}.landing-about-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.landing-about-text{color:#cbd5e1;font-size:1rem;line-height:1.75;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:48rem}.landing-about-text strong{color:#fff}.landing-about-stats{grid-gap:2rem;border-top:1px solid #334155;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-top:2.5rem;padding-top:2.5rem;text-align:center}.landing-about-stat-value{color:#5eead4;font-size:2rem;font-weight:700;margin-bottom:.25rem}.landing-about-stat-label{color:#64748b;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.landing-footer-cta{background:#f8fafc;border-top:1px solid #e2e8f0;padding:5rem 1.5rem;text-align:center}.landing-footer-cta h2{color:#0f172a;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.landing-footer-cta-btn{background:#0d9488;border:none;border-radius:9999px;box-shadow:0 20px 25px #0d948833;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:700;padding:1rem 2rem;transition:all .2s}.landing-footer-cta-btn:hover{background:#0f766e;transform:scale(1.05)}.landing-footer-cta p{color:#94a3b8;font-size:.75rem;margin-top:1rem}.landing-footer{background:#fff;border-top:1px solid #f1f5f9;padding:3rem 1.5rem}.landing-footer-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:72rem}.landing-footer-logo{align-items:center;display:flex;gap:.5rem;opacity:.5}.landing-footer-logo-text{color:#334155;font-weight:700}.landing-footer-copyright{color:#94a3b8;font-size:.875rem}.landing-footer-links{display:flex;font-size:.875rem;gap:1.5rem}.landing-footer-link{color:#64748b;text-decoration:none;transition:color .2s}.landing-footer-link:hover{color:#0d9488}@media (min-width:640px){.landing-hero{padding-bottom:6rem;padding-top:12rem}.landing-hero-title{font-size:3rem}.landing-hero-subtitle{font-size:1.125rem}.landing-hero-cta-wrapper{flex-direction:row}.landing-hero-cta{width:auto}.landing-hero-features{margin-left:1rem;margin-top:0}.landing-problem-grid{grid-template-columns:repeat(2,1fr)}.landing-mockup-content{aspect-ratio:16/10;height:auto}.landing-mockup-sidebar{display:flex;width:14rem}.landing-mockup-nav-text{display:block}.landing-mockup-searchbar{display:flex}.landing-mockup-grid{grid-template-columns:repeat(2,1fr)}.landing-features-grid{grid-template-columns:repeat(3,1fr)}.landing-about-stats,.landing-usecases-grid{grid-template-columns:repeat(4,1fr)}.landing-footer-container{flex-direction:row}}@media (min-width:768px){.landing-nav-links{display:flex}.landing-hero-title{font-size:3.75rem}.landing-section-title{font-size:2.25rem}.landing-solution-content{grid-template-columns:repeat(2,1fr)}.landing-how-steps{gap:4rem}.landing-how-step{gap:2rem}.landing-how-step-badge{width:auto}}@media (min-width:1024px){.landing-mockup-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.landing-how-step{align-items:flex-start;flex-direction:row}}:root{--color-teal-50:#f0fdfa;--color-teal-100:#ccfbf1;--color-teal-400:#2dd4bf;--color-teal-500:#14b8a6;--color-teal-600:#0d9488;--color-teal-700:#0f766e;--color-teal-800:#115e59;--color-teal-900:#134e4a;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-red-900:#7f1d1d;--color-amber-50:#fffbeb;--color-amber-100:#fef3c7;--color-amber-500:#f59e0b;--color-emerald-600:#059669;--color-rose-500:#f43f5e;--color-blue-500:#3b82f6;--gradient-light:linear-gradient(90.5deg,#70b5b0 1.9%,#dcf4f1 87.7%);--gradient-dark:linear-gradient(90deg,#0f172a,#1e293b);--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-colors:color 0.2s,background-color 0.2s,border-color 0.2s;--transition-all:all 0.2s;--transition-transform:transform 0.2s}.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--border-color:#334155}.light{--bg-primary:#fff;--bg-secondary:#f8fafc;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#e2e8f0}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.block{display:block}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-col{flex-direction:column}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:.25rem;gap:var(--spacing-1)}.gap-2{gap:.5rem;gap:var(--spacing-2)}.gap-3{gap:.75rem;gap:var(--spacing-3)}.gap-4{gap:1rem;gap:var(--spacing-4)}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.min-w-0{min-width:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{bottom:0;left:0;right:0;top:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.text-center{text-align:center}.text-left{text-align:left}.font-sans{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.uppercase{text-transform:uppercase}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-1{padding:.25rem;padding:var(--spacing-1)}.p-2{padding:.5rem;padding:var(--spacing-2)}.p-3{padding:.75rem;padding:var(--spacing-3)}.p-4{padding:1rem;padding:var(--spacing-4)}.p-5{padding:1.25rem;padding:var(--spacing-5)}.p-6{padding:1.5rem;padding:var(--spacing-6)}.p-8{padding:2rem;padding:var(--spacing-8)}.px-2{padding-left:.5rem;padding-left:var(--spacing-2);padding-right:.5rem;padding-right:var(--spacing-2)}.px-3{padding-left:.75rem;padding-left:var(--spacing-3);padding-right:.75rem;padding-right:var(--spacing-3)}.px-4{padding-left:1rem;padding-left:var(--spacing-4);padding-right:1rem;padding-right:var(--spacing-4)}.px-5{padding-left:1.25rem;padding-left:var(--spacing-5);padding-right:1.25rem;padding-right:var(--spacing-5)}.px-6{padding-left:1.5rem;padding-left:var(--spacing-6);padding-right:1.5rem;padding-right:var(--spacing-6)}.py-1{padding-bottom:.25rem;padding-bottom:var(--spacing-1);padding-top:.25rem;padding-top:var(--spacing-1)}.py-2{padding-bottom:.5rem;padding-bottom:var(--spacing-2);padding-top:.5rem;padding-top:var(--spacing-2)}.py-3{padding-bottom:.75rem;padding-bottom:var(--spacing-3);padding-top:.75rem;padding-top:var(--spacing-3)}.py-4{padding-bottom:1rem;padding-bottom:var(--spacing-4);padding-top:1rem;padding-top:var(--spacing-4)}.pt-0{padding-top:0}.pt-4{padding-top:1rem;padding-top:var(--spacing-4)}.pt-6{padding-top:1.5rem;padding-top:var(--spacing-6)}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.m-auto{margin:auto}.mx-auto{margin-right:auto}.ml-auto,.mx-auto{margin-left:auto}.mt-1{margin-top:.25rem;margin-top:var(--spacing-1)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-2)}.mt-4{margin-top:1rem;margin-top:var(--spacing-4)}.mt-6{margin-top:1.5rem;margin-top:var(--spacing-6)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.rounded-md{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:1.5rem;border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl)}.transition-colors{transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.transition-all{transition:all .2s;transition:var(--transition-all)}.transition-transform{transition:transform .2s;transition:var(--transition-transform)}.cursor-pointer{cursor:pointer}.cursor-move{cursor:move}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-100{opacity:1}.resize-none{resize:none}.outline-none{outline:2px solid #0000;outline-offset:2px}.whitespace-nowrap{white-space:nowrap}.linkyra-container{display:flex;height:100vh;overflow:hidden;transition:background-image .5s ease}.linkyra-container.light{background-image:linear-gradient(90.5deg,#70b5b0 1.9%,#dcf4f1 87.7%);background-image:var(--gradient-light)}.linkyra-container.dark{background-image:linear-gradient(90deg,#0f172a,#1e293b);background-image:var(--gradient-dark)}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:18rem;z-index:40}.sidebar.open{transform:translateX(0)}.sidebar.light{background:#fffffff2;border-right:1px solid #e2e8f0;border-right:1px solid var(--color-slate-200)}.sidebar.dark{background:#0f172af2;border-right:1px solid #334155;border-right:1px solid var(--color-slate-700);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl)}.sidebar-header{align-items:center;display:flex;gap:.75rem;padding:1.5rem}.sidebar-logo{border-radius:.75rem;border-radius:var(--radius-lg);margin-top:.25rem;padding:.5rem}.sidebar-title{font-size:1.25rem;font-weight:700;line-height:1}.sidebar-slogan{font-size:.625rem;font-weight:500;line-height:1.2;margin-top:.25rem;max-width:120px}.sidebar.light .sidebar-title{color:#0f172a;color:var(--color-slate-900)}.sidebar.dark .sidebar-title{color:#f1f5f9;color:var(--color-slate-100)}.sidebar.light .sidebar-slogan{color:#64748b;color:var(--color-slate-500)}.sidebar.dark .sidebar-slogan{color:#cbd5e1;color:var(--color-slate-300)}.sidebar-close-btn{border-radius:.75rem;border-radius:var(--radius-lg);color:#94a3b8;color:var(--color-slate-400);margin-left:auto;padding:.5rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.sidebar-close-btn:hover{background:#0000000d}.dark .sidebar-close-btn:hover{background:#1e293b;background:var(--color-slate-800)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:0 1rem .5rem}.sidebar-section{margin-bottom:1.5rem}.nav-buttons{display:flex;flex-direction:column;gap:.25rem}.nav-btn{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-size:.875rem;font-weight:600;gap:.75rem;padding:.625rem .75rem;text-align:left;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors);width:100%}.nav-btn.active{background:#0f766e;background:var(--color-teal-700);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff}.nav-btn:not(.active){color:#475569;color:var(--color-slate-600)}.dark .nav-btn:not(.active){color:#e2e8f0;color:var(--color-slate-200)}.nav-btn:not(.active):hover{background:#0000000d}.dark .nav-btn:not(.active):hover{background:#1e293b;background:var(--color-slate-800)}.nav-badge{border-radius:9999px;border-radius:var(--radius-full);font-size:.875rem;font-weight:700;margin-left:auto;padding:.25rem .625rem}.nav-btn.active .nav-badge{background:#fff3;color:#fff}.nav-btn:not(.active) .nav-badge{background:#e2e8f0;background:var(--color-slate-200);color:#475569;color:var(--color-slate-600)}.dark .nav-btn:not(.active) .nav-badge{background:#334155;background:var(--color-slate-700);color:#cbd5e1;color:var(--color-slate-300)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:0 .75rem}.section-title{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.light .section-title{color:#64748b;color:var(--color-slate-500)}.dark .section-title{color:#cbd5e1;color:var(--color-slate-300)}.collection-count{border-radius:.5rem;border-radius:var(--radius-md);font-size:.625rem;font-weight:700;padding:.125rem .375rem}.collection-count.limit{background:#fee2e2;color:#dc2626}.dark .collection-count.limit{background:#dc26264d;color:#fca5a5}.collection-count:not(.limit){background:#f1f5f9;background:var(--color-slate-100);color:#64748b;color:var(--color-slate-500)}.dark .collection-count:not(.limit){background:#1e293b;background:var(--color-slate-800);color:#64748b;color:var(--color-slate-500)}.add-collection-btn{color:#94a3b8;color:var(--color-slate-400);transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.add-collection-btn:not(:disabled):hover{color:#0d9488;color:var(--color-teal-600)}.dark .add-collection-btn:not(:disabled):hover{color:#2dd4bf;color:var(--color-teal-400)}.add-collection-btn:disabled{color:#cbd5e1;color:var(--color-slate-300);cursor:not-allowed;opacity:.5}.collection-list{display:flex;flex-direction:column;gap:.25rem}.collection-item{align-items:center;display:flex;justify-content:space-between;position:relative}.collection-item.draggable{cursor:move}.collection-btn{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.75rem;justify-content:space-between;min-width:0;padding:.5rem .75rem;text-align:left;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.collection-btn:hover{background:#0000000d}.dark .collection-btn:hover{background:#1e293b;background:var(--color-slate-800)}.collection-btn.active{background:#f0fdfa;background:var(--color-teal-50);color:#115e59;color:var(--color-teal-800)}.dark .collection-btn.active{background:#0f766e4d;border-color:#0f766e80;color:#2dd4bf;color:var(--color-teal-400)}.collection-btn:not(.active){color:#475569;color:var(--color-slate-600)}.dark .collection-btn:not(.active){color:#e2e8f0;color:var(--color-slate-200)}.collection-content{align-items:center;display:flex;gap:.75rem;overflow:hidden}.drag-handle{color:#cbd5e1;color:var(--color-slate-300);cursor:grab;flex-shrink:0;margin-left:-.25rem;margin-right:.25rem;opacity:0;transition:opacity .2s}.drag-handle:active{cursor:grabbing}.collection-item:hover .drag-handle{opacity:1}.collection-icon{flex-shrink:0}.collection-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-count-badge{font-size:.75rem;font-weight:700;margin-left:.5rem;opacity:.9}.collection-actions{align-items:center;background:#fff;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;margin-right:.25rem;opacity:0;position:absolute;right:0;transition:opacity .2s}.dark .collection-actions{background:#0f172a;background:var(--color-slate-900)}.collection-item:hover .collection-actions{opacity:1}.collection-action-btn{color:#94a3b8;color:var(--color-slate-400);padding:.375rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.collection-action-btn.edit:hover{color:#0d9488;color:var(--color-teal-600)}.collection-action-btn.delete:hover{color:#ef4444;color:var(--color-red-500)}.tags-section{margin-top:1.5rem}.tags-grid{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 .75rem}.tag-btn{border:1px solid;border-radius:.5rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.tag-btn.active{background:#ccfbf1;background:var(--color-teal-100);border-color:var(--color-teal-200);color:#115e59;color:var(--color-teal-800)}.dark .tag-btn.active{background:#0f766e4d;border-color:#0f766e;border-color:var(--color-teal-700);color:var(--color-teal-300)}.tag-btn:not(.active){background:#f8fafc;background:var(--color-slate-50);border-color:#e2e8f0;border-color:var(--color-slate-200);color:#475569;color:var(--color-slate-600)}.dark .tag-btn:not(.active){background:#1e293b;background:var(--color-slate-800);border-color:#334155;border-color:var(--color-slate-700);color:#e2e8f0;color:var(--color-slate-200)}.tag-btn:not(.active):hover{border-color:var(--color-teal-300)}.tag-count{font-weight:400;margin-left:.25rem;opacity:.6}.stats-card{border:1px solid;border-radius:1rem;border-radius:var(--radius-xl);margin-top:1rem;padding:1rem}.stats-card.light{background:#f1f5f9;background:var(--color-slate-100);border-color:#e2e8f0;border-color:var(--color-slate-200)}.stats-card.dark{background:#1e293b80;border-color:#334155;border-color:var(--color-slate-700)}.stats-header{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.light .stats-header{color:#475569;color:var(--color-slate-600)}.dark .stats-header{color:#94a3b8;color:var(--color-slate-400)}.stats-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);text-align:center}.stat-item{border-radius:.75rem;border-radius:var(--radius-lg);padding:.5rem}.stat-item.light{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--color-slate-100)}.stat-item.dark{background:#33415580}.stat-value{color:#0f172a;color:var(--color-slate-900);font-size:1.125rem;font-weight:700}.stat-item.dark .stat-value{color:#f1f5f9;color:var(--color-slate-100)}.stat-label{color:#64748b;color:var(--color-slate-500);font-size:.625rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.stat-item.dark .stat-label{color:#cbd5e1;color:var(--color-slate-300)}.sidebar-footer{padding:.5rem 1rem 1rem}.footer-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:.5rem}.footer-btn{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-size:.75rem;font-weight:700;gap:.5rem;justify-content:center;padding:.625rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.footer-btn.light{color:#64748b;color:var(--color-slate-500)}.footer-btn.dark{color:#e2e8f0;color:var(--color-slate-200)}.footer-btn.light:hover{background:#f0fdfa;background:var(--color-teal-50);color:#0f766e;color:var(--color-teal-700)}.footer-btn.dark:hover{background:#1e293b;background:var(--color-slate-800);color:#2dd4bf;color:var(--color-teal-400)}.lang-selector{margin-bottom:.5rem;position:relative}.lang-btn{align-items:center;border:1px solid;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-size:.875rem;font-weight:700;justify-content:space-between;padding:.625rem .75rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors);width:100%}.lang-btn.light{border-color:#e2e8f0;border-color:var(--color-slate-200);color:#475569;color:var(--color-slate-600)}.lang-btn.dark{border-color:#334155;border-color:var(--color-slate-700);color:#e2e8f0;color:var(--color-slate-200)}.lang-btn.light:hover{background:#f8fafc;background:var(--color-slate-50);border-color:#cbd5e1;border-color:var(--color-slate-300)}.lang-btn.dark:hover{background:#1e293b;background:var(--color-slate-800);border-color:#475569;border-color:var(--color-slate-600)}.lang-content{align-items:center;display:flex;gap:.5rem}.lang-chevron{transition:transform .2s}.lang-chevron.open{transform:rotate(180deg)}.lang-menu{animation:slideInUp .2s ease-out;border:1px solid;border-radius:1rem;border-radius:var(--radius-xl);bottom:100%;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);left:0;margin-bottom:.5rem;overflow:hidden;position:absolute;width:100%;z-index:50}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lang-menu.light{background:#fff;border-color:#e2e8f0;border-color:var(--color-slate-200)}.lang-menu.dark{background:#1e293b;background:var(--color-slate-800);border-color:#334155;border-color:var(--color-slate-700)}.lang-option{align-items:center;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;padding:.75rem 1rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors);width:100%}.lang-option.light{color:#334155;color:var(--color-slate-700)}.lang-option.dark{color:#e2e8f0;color:var(--color-slate-200)}.lang-option.light:hover{background:#f8fafc;background:var(--color-slate-50)}.lang-option.dark:hover{background:#334155;background:var(--color-slate-700)}.lang-option.active.light{background:#f0fdfa;background:var(--color-teal-50);color:#0f766e;color:var(--color-teal-700)}.lang-option.active.dark{background:#0f766e80;color:#2dd4bf;color:var(--color-teal-400)}.lang-option:not(:first-child){border-top:1px solid}.lang-option:not(:first-child).light{border-color:#f1f5f9;border-color:var(--color-slate-100)}.lang-option:not(:first-child).dark{border-color:#334155;border-color:var(--color-slate-700)}.theme-toggle-btn{align-items:center;border:1px solid;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;padding:.625rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors);width:100%}.theme-toggle-btn.light{background:#fff;border-color:#e2e8f0;border-color:var(--color-slate-200);color:#334155;color:var(--color-slate-700)}.theme-toggle-btn.dark{background:#1e293b;background:var(--color-slate-800);border-color:#334155;border-color:var(--color-slate-700);color:#e2e8f0;color:var(--color-slate-200)}.theme-toggle-btn.light:hover{background:#f8fafc;background:var(--color-slate-50)}.theme-toggle-btn.dark:hover{background:#334155;background:var(--color-slate-700)}.main-content{display:flex;flex:1 1;flex-direction:column;height:100vh;overflow:hidden;position:relative}.mobile-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:1rem}.mobile-header-content{align-items:center;display:flex;gap:.75rem}.menu-btn{border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:.5rem}.menu-btn.light{background:#fff;color:#1e293b;color:var(--color-slate-800)}.menu-btn.dark{background:#1e293b;background:var(--color-slate-800);color:#fff}.mobile-title{font-size:1.125rem;font-weight:700}.mobile-title.light{color:#1e293b;color:var(--color-slate-800)}.mobile-title.dark{color:#fff}.page-header{align-items:flex-start;background:#0000;display:flex;flex-direction:column;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1rem 1.5rem;z-index:10}.search-container{border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);max-width:28rem;position:relative;width:100%}.search-icon{left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.light .search-icon{color:#64748b;color:var(--color-slate-500)}.dark .search-icon{color:#94a3b8;color:var(--color-slate-400)}.search-input{border:1px solid;border-radius:9999px;border-radius:var(--radius-full);font-weight:500;outline:none;padding:.75rem 1rem .75rem 2.75rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors);width:100%}.search-input.light{background:#fff;border-color:#ccfbf1;border-color:var(--color-teal-100);color:#1e293b;color:var(--color-slate-800)}.search-input.dark{background:#1e293b;background:var(--color-slate-800);border-color:#475569;border-color:var(--color-slate-600);color:#fff}.search-input.light::placeholder{color:#64748b;color:var(--color-slate-500)}.search-input.dark::placeholder{color:#94a3b8;color:var(--color-slate-400)}.search-input:focus{outline:2px solid #14b8a6;outline:2px solid var(--color-teal-500);outline-offset:0}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;width:100%}.view-mode-toggle{align-items:center;border:1px solid;border-radius:9999px;border-radius:var(--radius-full);display:flex;padding:.25rem}.view-mode-toggle.light{background:#fff;border-color:#ccfbf1;border-color:var(--color-teal-100)}.view-mode-toggle.dark{background:#1e293b;background:var(--color-slate-800);border-color:#475569;border-color:var(--color-slate-600)}.view-mode-btn{border-radius:9999px;border-radius:var(--radius-full);padding:.5rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.view-mode-btn.active.light{background:#f0fdfa;background:var(--color-teal-50);color:#0f766e;color:var(--color-teal-700)}.view-mode-btn.active.dark{background:#334155;background:var(--color-slate-700);color:#2dd4bf;color:var(--color-teal-400)}.view-mode-btn:not(.active).dark,.view-mode-btn:not(.active).light{color:#94a3b8;color:var(--color-slate-400)}.view-mode-btn:not(.active):hover.light{color:#475569;color:var(--color-slate-600)}.view-mode-btn:not(.active):hover.dark{color:#e2e8f0;color:var(--color-slate-200)}.sort-menu{flex:1 1;min-width:160px;position:relative}.sort-btn{align-items:center;border:1px solid;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;font-size:.875rem;font-weight:700;justify-content:space-between;padding:.625rem 1rem;transition:all .2s;transition:var(--transition-all);width:100%}.sort-btn.light{background:#fff;border-color:#ccfbf1;border-color:var(--color-teal-100);color:#334155;color:var(--color-slate-700)}.sort-btn.dark{background:#1e293b;background:var(--color-slate-800);border-color:#475569;border-color:var(--color-slate-600);color:#cbd5e1;color:var(--color-slate-300)}.sort-btn.light:hover{border-color:var(--color-teal-200)}.sort-btn.dark:hover{border-color:#64748b;border-color:var(--color-slate-500)}.sort-content{align-items:center;display:flex;gap:.5rem}.sort-icon.light{color:#64748b;color:var(--color-slate-500)}.sort-icon.dark{color:#94a3b8;color:var(--color-slate-400)}.sort-chevron{transition:transform .2s}.sort-chevron.open{transform:rotate(180deg)}.sort-dropdown{animation:fadeInZoom .2s ease-out;border:1px solid;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;width:100%;z-index:50}@keyframes fadeInZoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sort-dropdown.light{background:#fff;border-color:#e2e8f0;border-color:var(--color-slate-200)}.sort-dropdown.dark{background:#1e293b;background:var(--color-slate-800);border-color:#334155;border-color:var(--color-slate-700)}.sort-option{align-items:center;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;padding:.75rem 1rem;text-align:left;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors);width:100%}.sort-option.light{color:#334155;color:var(--color-slate-700)}.sort-option.dark{color:#cbd5e1;color:var(--color-slate-300)}.sort-option.light:hover{background:#f8fafc;background:var(--color-slate-50)}.sort-option.dark:hover{background:#334155;background:var(--color-slate-700)}.sort-option.active.light{background:#f0fdfa;background:var(--color-teal-50);color:#0f766e;color:var(--color-teal-700)}.sort-option.active.dark{background:#0f766e80;color:#2dd4bf;color:var(--color-teal-400)}.sort-option:not(:first-child){border-top:1px solid}.sort-option:not(:first-child).light{border-color:#f1f5f9;border-color:var(--color-slate-100)}.sort-option:not(:first-child).dark{border-color:#334155;border-color:var(--color-slate-700)}.new-bookmark-btn{align-items:center;background:#0f766e;background:var(--color-teal-700);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px #0f766e4d;color:#fff;display:flex;flex:1 1;font-weight:700;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .2s;white-space:nowrap}.new-bookmark-btn:hover{background:#115e59;background:var(--color-teal-800);transform:scale(1.05)}.new-bookmark-btn:active{transform:scale(.95)}.more-btn{border:1px solid;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:.625rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.more-btn.light{background:#fff;border-color:#ccfbf1;border-color:var(--color-teal-100);color:#334155;color:var(--color-slate-700)}.more-btn.dark{background:#1e293b;background:var(--color-slate-800);border-color:#475569;border-color:var(--color-slate-600);color:#cbd5e1;color:var(--color-slate-300)}.more-btn.light:hover{background:#f8fafc;background:var(--color-slate-50)}.more-btn.dark:hover{background:#334155;background:var(--color-slate-700)}.page-content{flex:1 1;overflow-y:auto;padding:0 1rem 0 1.5rem;position:relative}.content-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.view-title{color:#0f172a;color:var(--color-slate-900);font-size:1.5rem;font-weight:800;letter-spacing:-.025em}.dark .view-title{color:#f1f5f9;color:var(--color-slate-100)}.items-count{color:#475569;color:var(--color-slate-600);font-size:.875rem;font-weight:500}.dark .items-count{color:#cbd5e1;color:var(--color-slate-300)}.notification{align-items:center;animation:bounce .5s ease-out;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);color:#fff;display:flex;font-weight:700;gap:.75rem;left:1.5rem;padding:1rem 1.5rem;position:fixed;right:1.5rem;top:1.5rem;z-index:50}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.notification.success{background:#059669;background:var(--color-emerald-600)}.notification.error{background:#dc2626;background:var(--color-red-600)}.notification-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1rem;text-align:center}.empty-icon-wrapper{border-radius:9999px;border-radius:var(--radius-full);padding:1.5rem}.empty-icon-wrapper.light{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff4d}.empty-icon-wrapper.dark{background:#1e293b;background:var(--color-slate-800)}.empty-icon.light{color:#0f766e80}.empty-icon.dark{color:#475569;color:var(--color-slate-600)}.empty-title{font-size:1.5rem;font-weight:700;margin-top:1.5rem}.empty-title.light{color:#134e4a;color:var(--color-teal-900)}.empty-title.dark{color:#e2e8f0;color:var(--color-slate-200)}.empty-desc{font-weight:500;margin-top:.5rem}.empty-desc.light{color:#0f766ecc}.empty-desc.dark{color:#cbd5e1;color:var(--color-slate-300)}.bookmarks-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,1fr);padding-bottom:6rem}.bookmarks-list{gap:.75rem;padding-bottom:6rem}.bookmark-card,.bookmarks-list{display:flex;flex-direction:column}.bookmark-card{border:1px solid;border-radius:1rem;border-radius:var(--radius-xl);position:relative;transition:all .3s}.bookmark-card.grid-view{height:100%;padding:1rem}.bookmark-card.list-view{align-items:center;flex-direction:row;gap:1rem;padding:.75rem}.bookmark-card.light{background:#fff;border-color:#e2e8f0;border-color:var(--color-slate-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--color-slate-900)}.bookmark-card.dark{background:#1e293b;background:var(--color-slate-800);border-color:#334155;border-color:var(--color-slate-700);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#e2e8f0;color:var(--color-slate-200)}.bookmark-card.grid-view:hover{transform:translateY(-4px)}.bookmark-card.grid-view:hover,.bookmark-card.list-view:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl)}.pin-badge{align-items:center;background:#f59e0b;background:var(--color-amber-500);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;display:flex;justify-content:center;position:absolute;z-index:10}.pin-badge.grid-view{padding:.375rem;right:-.5rem;top:-.5rem}.pin-badge.list-view{height:1.25rem;left:-.5rem;top:50%;transform:translateY(-50%);width:1.25rem}.bookmark-header{align-items:center;display:flex}.bookmark-header.grid-view{align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.bookmark-header.list-view{flex:1 1;gap:1rem}.favicon-wrapper{align-items:center;border:1px solid;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:2.5rem;justify-content:center;overflow:hidden;width:2.5rem}.favicon-wrapper.light{background:#f8fafc;background:var(--color-slate-50);border-color:#e2e8f0;border-color:var(--color-slate-200)}.favicon-wrapper.dark{background:#334155;background:var(--color-slate-700);border-color:#475569;border-color:var(--color-slate-600)}.favicon{height:1.25rem;object-fit:contain;width:1.25rem}.bookmark-info{flex:1 1;min-width:0}.bookmark-title-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.bookmark-title{font-size:.875rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-badge{border:1px solid;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);flex-shrink:0;font-size:.625rem;font-weight:700;letter-spacing:.05em;padding:.125rem .5rem;text-transform:uppercase}.bookmark-url{display:block;font-size:.75rem;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors);white-space:nowrap}.bookmark-url.light{color:#0f766e;color:var(--color-teal-700)}.bookmark-url.dark{color:#2dd4bf;color:var(--color-teal-400)}.bookmark-url:hover{text-decoration:underline}.bookmark-tags{align-items:center;display:flex}.bookmark-tags.grid-view{flex:1 1;margin-top:auto}.bookmark-tags.list-view{gap:.75rem;justify-content:flex-end;width:33.333%}.tags-list{display:flex;flex-wrap:wrap;gap:.25rem}.tags-list.grid-view{align-content:flex-start}.tags-list.list-view{justify-content:flex-end}.tag-badge{border:1px solid;border-radius:.5rem;border-radius:var(--radius-md);font-size:.625rem;font-weight:700;padding:.125rem .5rem}.tag-badge.light{background:#f1f5f9;background:var(--color-slate-100);border-color:#e2e8f0;border-color:var(--color-slate-200);color:#475569;color:var(--color-slate-600)}.tag-badge.dark{background:#33415580;border-color:#475569;border-color:var(--color-slate-600);color:#cbd5e1;color:var(--color-slate-300)}.tag-more{font-size:.625rem;font-weight:700;padding:0 .25rem}.tag-more.light{color:#94a3b8;color:var(--color-slate-400)}.tag-more.dark{color:#64748b;color:var(--color-slate-500)}.bookmark-actions{align-items:center;display:flex;opacity:1;transition:opacity .2s}.bookmark-actions.grid-view{border-top:1px solid;justify-content:space-between;margin-top:1rem;padding-top:.75rem}.bookmark-actions.list-view{border-left:1px dashed;gap:.25rem;padding-left:1rem}.bookmark-actions.grid-view.light{border-color:#e2e8f0;border-color:var(--color-slate-200)}.bookmark-actions.grid-view.dark{border-color:#334155;border-color:var(--color-slate-700)}.bookmark-actions.list-view.light{border-color:#e2e8f0;border-color:var(--color-slate-200)}.bookmark-actions.list-view.dark{border-color:#334155;border-color:var(--color-slate-700)}.actions-left{display:flex;gap:.25rem}.action-btn{border-radius:.5rem;border-radius:var(--radius-md);color:#94a3b8;color:var(--color-slate-400);padding:.375rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.dark .action-btn{color:#cbd5e1;color:var(--color-slate-300)}.action-btn.liked{background:#f43f5e1a;color:#f43f5e;color:var(--color-rose-500)}.action-btn.pinned{background:#f59e0b1a;color:#f59e0b;color:var(--color-amber-500)}.action-btn:not(.liked):not(.pinned):hover{background:#0000000d;color:#475569;color:var(--color-slate-600)}.dark .action-btn:not(.liked):not(.pinned):hover{background:#ffffff1a;color:#f1f5f9;color:var(--color-slate-100)}.action-btn.like:hover{background:#f43f5e26;color:#f43f5e;color:var(--color-rose-500)}.dark .action-btn.like:hover{background:#f43f5e40;color:var(--color-rose-400)}.action-btn.copy:hover{background:#f0fdfa;background:var(--color-teal-50);color:#0d9488;color:var(--color-teal-600)}.dark .action-btn.copy:hover{background:#0f766e40;color:#2dd4bf;color:var(--color-teal-400)}.action-btn.share:hover{background:#3b82f61a;color:#3b82f6;color:var(--color-blue-500)}.dark .action-btn.share:hover{background:#3b82f640;color:var(--color-blue-400)}.action-btn.pin:hover{background:#f59e0b26;color:#f59e0b;color:var(--color-amber-500)}.dark .action-btn.pin:hover{background:#f59e0b40;color:var(--color-amber-400)}.action-btn.edit:hover{background:#f0fdfa;background:var(--color-teal-50);color:#0d9488;color:var(--color-teal-600)}.dark .action-btn.edit:hover{background:#0f766e40;color:#2dd4bf;color:var(--color-teal-400)}.action-btn.delete:hover{background:#dc26261a;color:#dc2626;color:var(--color-red-600)}.dark .action-btn.delete:hover{background:#dc262640;color:var(--color-red-400)}.external-link-btn{font-weight:700;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.external-link-btn.light{color:#0f766e;color:var(--color-teal-700)}.external-link-btn.dark{color:#2dd4bf;color:var(--color-teal-400)}.external-link-btn.light:hover{color:#115e59;color:var(--color-teal-800)}.external-link-btn.dark:hover{color:var(--color-teal-300)}.ai-fab{align-items:center;border-radius:9999px;border-radius:var(--radius-full);bottom:1.5rem;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);display:flex;justify-content:center;padding:1rem;position:fixed;right:1.5rem;transition:all .2s;z-index:40}.ai-fab.light{background:#fff;box-shadow:0 10px 25px #64748b4d;color:#0f766e;color:var(--color-teal-700)}.ai-fab.dark{background:#0f766e;background:var(--color-teal-700);box-shadow:0 10px 25px #0f766e80;color:#fff}.ai-fab:hover{transform:scale(1.1)}.ai-fab:active{transform:scale(.95)}.ai-fab-tooltip{border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);font-size:.75rem;font-weight:700;margin-right:.75rem;opacity:0;padding:.375rem .75rem;pointer-events:none;position:absolute;right:100%;transition:opacity .2s;white-space:nowrap}.ai-fab:hover .ai-fab-tooltip{opacity:1}.ai-fab-tooltip.light{background:#fff;color:#1e293b;color:var(--color-slate-800)}.ai-fab-tooltip.dark{background:#1e293b;background:var(--color-slate-800);color:#fff}.ai-icon.analyzing{animation:spin 1s linear infinite}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:50}.modal{animation:fadeInZoom .2s ease-out;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:32rem;overflow:hidden;width:95%}.modal.light{background:#fff}.modal.dark{background:#1e293b;background:var(--color-slate-800);border:1px solid #334155;border:1px solid var(--color-slate-700);color:#f1f5f9;color:var(--color-slate-100)}.modal.wide{max-width:42rem}.modal-header{align-items:center;border-bottom:1px solid;display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem}.modal-header.light{background:#f8fafc;background:var(--color-slate-50);border-color:#f1f5f9;border-color:var(--color-slate-100)}.modal-header.dark{background:#0f172a80;border-color:#334155;border-color:var(--color-slate-700)}.modal-title-wrapper{align-items:center;display:flex;gap:.5rem}.modal-icon{color:#0d9488;color:var(--color-teal-600)}.modal-title{font-size:1.125rem;font-weight:700}.modal-close-btn{color:#94a3b8;color:var(--color-slate-400);transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.modal-close-btn:hover{color:#475569;color:var(--color-slate-600)}.modal-body{overflow-y:auto;padding:1.5rem}.modal-tabs{background:#f1f5f9;background:var(--color-slate-100);border-radius:1rem;border-radius:var(--radius-xl);display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem}.dark .modal-tabs{background:#0f172a;background:var(--color-slate-900)}.modal-tab{border-radius:.75rem;border-radius:var(--radius-lg);flex:1 1;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.5rem;text-transform:uppercase;transition:all .2s;transition:var(--transition-all)}.modal-tab.active{background:#0f766e;background:var(--color-teal-700);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff}.modal-tab:not(.active){color:#64748b;color:var(--color-slate-500)}.dark .modal-tab:not(.active){color:#94a3b8;color:var(--color-slate-400)}.modal-tab:not(.active):hover{color:#334155;color:var(--color-slate-700)}.dark .modal-tab:not(.active):hover{color:#e2e8f0;color:var(--color-slate-200)}.upload-zone{border:2px dashed;border-radius:1rem;border-radius:var(--radius-xl);cursor:pointer;padding:2rem;text-align:center;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.upload-zone.light{border-color:#cbd5e1;border-color:var(--color-slate-300)}.upload-zone.dark{border-color:#475569;border-color:var(--color-slate-600)}.upload-zone.light:hover{background:#f0fdfa;background:var(--color-teal-50);border-color:#0d9488;border-color:var(--color-teal-600)}.upload-zone.dark:hover{background:#0f766e4d;border-color:#14b8a6;border-color:var(--color-teal-500)}.upload-icon-wrapper{color:#94a3b8;color:var(--color-slate-400);margin:0 auto .5rem}.upload-text{font-size:.875rem;font-weight:500}.upload-text.light{color:#334155;color:var(--color-slate-700)}.upload-text.dark{color:#cbd5e1;color:var(--color-slate-300)}.paste-textarea{border:1px solid;border-radius:.75rem;border-radius:var(--radius-lg);font-size:.875rem;height:8rem;margin-bottom:.75rem;outline:none;padding:.75rem;resize:none;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors);width:100%}.paste-textarea.light{background:#f8fafc;background:var(--color-slate-50);border-color:#cbd5e1;border-color:var(--color-slate-300);color:#0f172a;color:var(--color-slate-900)}.paste-textarea.dark{background:#0f172a;background:var(--color-slate-900);border-color:#475569;border-color:var(--color-slate-600);color:#fff}.paste-textarea:focus{outline:2px solid #14b8a6;outline:2px solid var(--color-teal-500);outline-offset:0}.analyze-btn{background:#0f766e;background:var(--color-teal-700);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;font-size:.875rem;font-weight:700;padding:.625rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors);width:100%}.analyze-btn:hover{background:#115e59;background:var(--color-teal-800)}.modal-divider{border-top:1px solid;margin-top:1.5rem;padding-top:1rem}.modal-divider.light{border-color:#f1f5f9;border-color:var(--color-slate-100)}.modal-divider.dark{border-color:#334155;border-color:var(--color-slate-700)}.export-btn{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-size:.75rem;font-weight:700;gap:.5rem;justify-content:center;padding:.5rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors);width:100%}.export-btn.light{color:#64748b;color:var(--color-slate-500)}.export-btn.dark{color:#94a3b8;color:var(--color-slate-400)}.export-btn.light:hover{background:#f1f5f9;background:var(--color-slate-100);color:#1e293b;color:var(--color-slate-800)}.export-btn.dark:hover{background:#334155;background:var(--color-slate-700);color:#fff}.ai-content-card{border:1px solid;border-radius:1.5rem;border-radius:var(--radius-2xl);margin-bottom:1.5rem;padding:1.5rem}.ai-content-card.light{background:#f0fdfa;background:var(--color-teal-50);border-color:#ccfbf1;border-color:var(--color-teal-100)}.ai-content-card.dark{background:#0f172a80;border-color:#334155;border-color:var(--color-slate-700)}.ai-content-header{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;text-align:center}.ai-icon-wrapper{border-radius:9999px;border-radius:var(--radius-full);padding:1rem}.ai-icon-wrapper.light{background:#ccfbf1;background:var(--color-teal-100);color:#0d9488;color:var(--color-teal-600)}.ai-icon-wrapper.dark{background:#0f766e80;color:var(--color-teal-300)}.ai-content-title{font-size:1.125rem;font-weight:700}.ai-content-title.light{color:#134e4a;color:var(--color-teal-900)}.ai-content-title.dark{color:#fff}.ai-content-desc{font-size:.875rem;margin-top:.5rem}.ai-content-desc.light{color:#0f766eb3}.ai-content-desc.dark{color:#94a3b8;color:var(--color-slate-400)}.ai-start-btn{align-items:center;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;display:flex;font-weight:700;gap:.5rem;justify-content:center;padding:.875rem;transition:all .2s;width:100%}.ai-start-btn:not(:disabled){background:#0f766e;background:var(--color-teal-700)}.ai-start-btn:not(:disabled):hover{background:#115e59;background:var(--color-teal-800);box-shadow:0 4px 6px #0f766e4d;transform:translateY(-2px)}.ai-start-btn:disabled{background:#64748b;background:var(--color-slate-500);cursor:wait}.progress-bar-wrapper{margin-top:.75rem}.progress-bar{background:#e2e8f0;background:var(--color-slate-200);border-radius:9999px;border-radius:var(--radius-full);height:.375rem;overflow:hidden;width:100%}.progress-bar-fill{animation:progress 2s ease-in-out infinite;background:#14b8a6;background:var(--color-teal-500);height:100%}@keyframes progress{0%{width:0}50%{width:70%}to{width:100%}}.form-group{margin-bottom:1rem}.form-label{color:#64748b;color:var(--color-slate-500);display:block;font-size:.75rem;font-weight:700;margin-bottom:.375rem;text-transform:uppercase}.modal.dark .form-label{color:#cbd5e1;color:var(--color-slate-300)}.form-input,.form-select,.form-textarea{border:1px solid;border-radius:.75rem;border-radius:var(--radius-lg);font-weight:500;outline:none;padding:.625rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors);width:100%}.form-input.light,.form-select.light,.form-textarea.light{background:#fff;border-color:#cbd5e1;border-color:var(--color-slate-300);color:#0f172a;color:var(--color-slate-900)}.form-input.dark,.form-select.dark,.form-textarea.dark{background:#0f172a;background:var(--color-slate-900);border-color:#475569;border-color:var(--color-slate-600);color:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:2px solid #14b8a6;outline:2px solid var(--color-teal-500);outline-offset:0}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.input-with-icon{position:relative}.input-icon{color:#94a3b8;color:var(--color-slate-400);pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.refresh-btn{border:1px solid;border-radius:.75rem;border-radius:var(--radius-lg);padding:.625rem}.refresh-btn.light{background:#f1f5f9;background:var(--color-slate-100);border-color:#e2e8f0;border-color:var(--color-slate-200);color:#475569;color:var(--color-slate-600)}.refresh-btn.dark{background:#334155;background:var(--color-slate-700);border-color:#475569;border-color:var(--color-slate-600);color:#94a3b8;color:var(--color-slate-400)}.checkbox-wrapper{align-items:center;display:flex;padding-top:1.5rem}.checkbox-label{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors);width:100%}.checkbox-label:hover{background:#0000000d}.dark .checkbox-label:hover{background:#33415580}.checkbox-input{accent-color:#0d9488;accent-color:var(--color-teal-600);border-radius:.5rem;border-radius:var(--radius-md);height:1.25rem;width:1.25rem}.checkbox-text,.submit-btn{font-weight:700}.submit-btn{background:#0f766e;background:var(--color-teal-700);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0f766e33;color:#fff;margin-top:1rem;padding:.75rem;transition:transform .2s;width:100%}.submit-btn:hover{background:#115e59;background:var(--color-teal-800)}.submit-btn:active{transform:scale(.95)}.color-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(6,1fr);margin-bottom:1.5rem}.color-btn{align-items:center;border:2px solid #0000;border-radius:9999px;border-radius:var(--radius-full);display:flex;height:2rem;justify-content:center;position:relative;transition:all .2s;width:2rem}.color-btn.selected,.color-btn:hover{transform:scale(1.1)}.color-btn.selected{border-color:#475569;border-color:var(--color-slate-600);box-shadow:0 0 0 2px #14b8a6;box-shadow:0 0 0 2px var(--color-teal-500)}.color-btn-check{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.modal-footer{display:flex;gap:.5rem;justify-content:flex-end}.cancel-btn{font-weight:500;padding:.5rem 1rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.cancel-btn.light{color:#475569;color:var(--color-slate-600)}.cancel-btn.dark{color:#94a3b8;color:var(--color-slate-400)}.cancel-btn.light:hover{color:#0f172a;color:var(--color-slate-900)}.cancel-btn.dark:hover{color:#fff}.confirm-btn{background:#0f766e;background:var(--color-teal-700);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;font-weight:700;padding:.5rem 1.5rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.confirm-btn:hover{background:#115e59;background:var(--color-teal-800)}.confirm-modal{max-width:28rem;padding:2rem;text-align:center}.confirm-icon-wrapper{align-items:center;background:#fee2e2;border-radius:9999px;border-radius:var(--radius-full);display:flex;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.confirm-icon{color:#dc2626;color:var(--color-red-600)}.confirm-title{font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.confirm-message{color:#475569;color:var(--color-slate-600);font-size:1rem;line-height:1.6;margin-bottom:2rem}.dark .confirm-message{color:#cbd5e1;color:var(--color-slate-300)}.confirm-actions{display:flex;gap:1rem}.confirm-cancel-btn{border-radius:.75rem;border-radius:var(--radius-lg);flex:1 1;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.confirm-cancel-btn.light{background:#f1f5f9;background:var(--color-slate-100);color:#334155;color:var(--color-slate-700)}.confirm-cancel-btn.dark{background:#334155;background:var(--color-slate-700);color:#fff}.confirm-cancel-btn.light:hover{background:#e2e8f0;background:var(--color-slate-200)}.confirm-cancel-btn.dark:hover{background:#475569;background:var(--color-slate-600)}.confirm-delete-btn{background:#dc2626;background:var(--color-red-600);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.confirm-delete-btn:hover{background:#b91c1c;background:var(--color-red-700)}.radio-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.radio-option{align-items:center;border:1px solid;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s}.radio-option.light{background:#f8fafc;background:var(--color-slate-50);border-color:#e2e8f0;border-color:var(--color-slate-200)}.radio-option.dark{background:#0f172a;background:var(--color-slate-900);border-color:#475569;border-color:var(--color-slate-600)}.radio-option:hover{border-color:#14b8a6;border-color:var(--color-teal-500)}.radio-option:has(input:checked){background:#f0fdfa;background:var(--color-teal-50);border-color:#14b8a6;border-color:var(--color-teal-500);color:#0f766e;color:var(--color-teal-700)}.dark .radio-option:has(input:checked){background:#0f766e33;color:var(--color-teal-300)}.radio-input{display:none}.help-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,1fr)}.help-card{border:1px solid;border-radius:1rem;border-radius:var(--radius-xl);padding:1rem}.help-card.light{background:#f8fafc;background:var(--color-slate-50);border-color:#f1f5f9;border-color:var(--color-slate-100)}.help-card.dark{background:#0f172a80;border-color:#334155;border-color:var(--color-slate-700)}.help-icon-wrapper{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;height:2.5rem;justify-content:center;margin-bottom:.75rem;width:2.5rem}.help-card-title{font-weight:700;margin-bottom:.25rem}.help-card-desc{font-size:.75rem}.tip-card{border:1px solid;border-radius:1rem;border-radius:var(--radius-xl);padding:1rem}.tip-card.light{background:#fff;border-color:#e2e8f0;border-color:var(--color-slate-200)}.tip-card.dark{background:#1e293b;background:var(--color-slate-800);border-color:#334155;border-color:var(--color-slate-700)}.tip-title{font-weight:700;margin-bottom:.5rem}.tip-desc{font-size:.875rem}.login-container{align-items:center;display:flex;height:100vh;justify-content:center;padding:1rem}.login-card{border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-width:28rem;padding:2rem;text-align:center;width:100%}.login-logo-wrapper{margin-bottom:1.5rem}.login-logo{align-items:center;background:#0f766e;background:var(--color-teal-700);border-radius:9999px;border-radius:var(--radius-full);display:flex;height:5rem;justify-content:center;margin:0 auto 1rem;padding:1rem;width:5rem}.login-title{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.login-slogan{font-size:.875rem}.google-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border:1px solid var(--color-slate-300);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--color-slate-800);display:flex;font-weight:600;gap:.75rem;justify-content:center;padding:.75rem 1rem;transition:all .2s;width:100%}.google-btn:hover{background:#f8fafc;background:var(--color-slate-50)}.google-icon{height:1.25rem;width:1.25rem}.loading-container{align-items:center;display:flex;height:100vh;justify-content:center}.loading-content{text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:9999px;border-radius:var(--radius-full);border-top:2px solid var(--color-teal-600);height:4rem;margin:0 auto 1rem;width:4rem}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;transition:opacity .3s;z-index:30}@media (min-width:640px){.bookmarks-grid{grid-template-columns:repeat(2,1fr)}.pb-24{padding-bottom:5rem}.notification{left:auto}.help-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.sidebar{position:relative;transform:translateX(0)}.sidebar,.sidebar.dark,.sidebar.light{box-shadow:none}.desktop-hide,.mobile-header,.sidebar-backdrop{display:none}.bookmarks-grid{grid-template-columns:repeat(3,1fr)}.bookmark-card:hover .bookmark-actions{opacity:1}}@media (min-width:1280px){.bookmarks-grid{grid-template-columns:repeat(4,1fr)}.page-header{align-items:center;flex-direction:row}.header-actions{width:auto}.sort-menu{flex:none}}@media (max-width:1023px){.ai-fab{bottom:1.5rem;right:1.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideIn{animation:slideInFromBottom .3s ease-out}.collection-badge.slate.light{background:#f1f5f9;border-color:#e2e8f0;color:#334155}.collection-badge.slate.dark{background:#1e293bcc;border-color:#334155;color:#cbd5e1}.collection-icon.slate{color:#64748b}.collection-badge.red.light{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.collection-badge.red.dark{background:#991b1b4d;border-color:#991b1b;color:#fca5a5}.collection-icon.red{color:#ef4444}.collection-badge.orange.light{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.collection-badge.orange.dark{background:#c2410c4d;border-color:#c2410c;color:#fdba74}.collection-icon.orange{color:#f97316}.collection-badge.amber.light{background:#fffbeb;border-color:#fde68a;color:#b45309}.collection-badge.amber.dark{background:#b453094d;border-color:#b45309;color:#fcd34d}.collection-icon.amber{color:#f59e0b}.collection-badge.green.light{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.collection-badge.green.dark{background:#15803d4d;border-color:#15803d;color:#86efac}.collection-icon.green{color:#22c55e}.collection-badge.teal.light{background:#f0fdfa;border-color:#99f6e4;color:#0f766e}.collection-badge.teal.dark{background:#0f766e4d;border-color:#0f766e;color:#5eead4}.collection-icon.teal{color:#14b8a6}.collection-badge.cyan.light{background:#ecfeff;border-color:#a5f3fc;color:#0e7490}.collection-badge.cyan.dark{background:#0e74904d;border-color:#0e7490;color:#67e8f9}.collection-icon.cyan{color:#06b6d4}.collection-badge.blue.light{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.collection-badge.blue.dark{background:#1e40af4d;border-color:#1e40af;color:#93c5fd}.collection-icon.blue{color:#3b82f6}.collection-badge.indigo.light{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.collection-badge.indigo.dark{background:#4338ca4d;border-color:#4338ca;color:#a5b4fc}.collection-icon.indigo{color:#6366f1}.collection-badge.violet.light{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}.collection-badge.violet.dark{background:#6d28d94d;border-color:#6d28d9;color:#c4b5fd}.collection-icon.violet{color:#8b5cf6}.collection-badge.pink.light{background:#fdf2f8;border-color:#fbcfe8;color:#be185d}.collection-badge.pink.dark{background:#be185d4d;border-color:#be185d;color:#f9a8d4}.collection-icon.pink{color:#ec4899}@media print{.ai-fab,.bookmark-actions,.mobile-header,.page-header,.sidebar{display:none!important}.main-content{margin:0}.bookmark-card{break-inside:avoid;page-break-inside:avoid}}.ai-organizer-btn{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-size:.875rem;font-weight:600;gap:.75rem;margin-top:1rem;padding:.875rem 1rem;position:relative;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors);width:100%}.ai-organizer-btn.light{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff}.ai-organizer-btn.dark{background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff}.ai-organizer-btn:hover{box-shadow:0 10px 25px #0d94884d;transform:translateY(-2px)}.ai-quota-badge{background:#ffffff4d;border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;margin-left:auto;padding:.25rem .625rem}.ai-quota-info{background:#f0fdfa;border:1px solid #99f6e4;border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1rem}.dark .ai-quota-info{background:#0f766e1a;border-color:#14b8a64d}.ai-quota-text{align-items:center;color:#0f766e;display:flex;font-size:.875rem;gap:.5rem}.dark .ai-quota-text{color:#5eead4}.ai-quota-text strong{font-size:1.25rem;font-weight:700}.ai-quota-reset{font-size:.75rem;margin-left:auto;opacity:.7}.ai-bookmark-url{color:#0d9488;color:var(--color-teal-600)}.dark .ai-bookmark-url{color:#2dd4bf;color:var(--color-teal-400)}.ai-suggestions-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.ai-suggestion-card{border:1px solid #e2e8f0;border:1px solid var(--color-slate-200);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem}.ai-suggestion-card.light{background:#fff}.ai-suggestion-card.dark{background:#1e293b;background:var(--color-slate-800);border-color:#334155;border-color:var(--color-slate-700)}.ai-suggestion-header{justify-content:space-between}.ai-suggestion-name-wrapper{gap:.75rem}.ai-suggestion-color{border-radius:.5rem;border-radius:var(--radius-md);height:1rem;width:1rem}.ai-suggestion-header h3{color:#0f172a;color:var(--color-slate-900);font-size:1.125rem;font-weight:700}.dark .ai-suggestion-header h3{color:#f1f5f9;color:var(--color-slate-100)}.ai-suggestion-count{background:#f1f5f9;background:var(--color-slate-100);border-radius:9999px;border-radius:var(--radius-full);color:#475569;color:var(--color-slate-600);font-size:.75rem;font-weight:700;padding:.25rem .75rem}.dark .ai-suggestion-count{background:#334155;background:var(--color-slate-700);color:#cbd5e1;color:var(--color-slate-300)}.ai-suggestion-reason{color:#475569;color:var(--color-slate-600);font-size:.875rem;line-height:1.6;margin-bottom:1rem}.dark .ai-suggestion-reason{color:#94a3b8;color:var(--color-slate-400)}.ai-suggestion-links{display:flex;flex-direction:column;gap:.375rem}.ai-suggestion-link{color:#334155;color:var(--color-slate-700);font-size:.875rem;padding:.25rem 0}.dark .ai-suggestion-link{color:#cbd5e1;color:var(--color-slate-300)}.floating-ai-btn{align-items:center;border-radius:50%;bottom:2rem;box-shadow:0 8px 24px #0d948866;cursor:pointer;display:flex;height:4rem;justify-content:center;position:fixed;right:2rem;transition:all .3s ease;width:4rem;z-index:100}.floating-ai-btn.light{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff}.floating-ai-btn.dark{background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff}.floating-ai-btn:hover{box-shadow:0 12px 32px #0d948880;transform:translateY(-4px) scale(1.05)}.floating-ai-quota{align-items:center;background:#ef4444;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:1.75rem;justify-content:center;position:absolute;right:-4px;top:-4px;width:1.75rem}@media (max-width:1023px){.floating-ai-btn{bottom:5rem}}.ai-selection-count{color:#475569;color:var(--color-slate-600);font-size:.875rem}.dark .ai-selection-count{color:#cbd5e1;color:var(--color-slate-300)}.ai-selection-count strong{font-size:1.25rem;margin-right:.25rem}.ai-clear-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-slate-200);border-radius:.5rem;border-radius:var(--radius-md);color:#334155;color:var(--color-slate-700);font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.dark .ai-clear-btn{background:#1e293b;background:var(--color-slate-800);border-color:#334155;border-color:var(--color-slate-700);color:#e2e8f0;color:var(--color-slate-200)}.ai-clear-btn:hover:not(:disabled){background:#f8fafc;background:var(--color-slate-50);border-color:#cbd5e1;border-color:var(--color-slate-300)}.dark .ai-clear-btn:hover:not(:disabled){background:#334155;background:var(--color-slate-700);border-color:#475569;border-color:var(--color-slate-600)}.ai-clear-btn:disabled{cursor:not-allowed;opacity:.4}.ai-collections-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;max-height:40rem;overflow-y:auto}.ai-collection-section{border:1px solid #e2e8f0;border:1px solid var(--color-slate-200);border-radius:.75rem;border-radius:var(--radius-lg);overflow:hidden}.ai-collection-section.light{background:#fff}.ai-collection-section.dark{background:#1e293b;background:var(--color-slate-800);border-color:#334155;border-color:var(--color-slate-700)}.ai-collection-header{align-items:center;background:#f8fafc;background:var(--color-slate-50);cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:background .2s}.dark .ai-collection-header{background:#0f172a;background:var(--color-slate-900)}.ai-collection-header:hover{background:#f1f5f9;background:var(--color-slate-100)}.dark .ai-collection-header:hover{background:#1e293b;background:var(--color-slate-800)}.ai-collection-checkbox{align-items:center;border:2px solid #cbd5e1;border:2px solid var(--color-slate-300);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;transition:all .2s;width:1.5rem}.ai-collection-checkbox.checked{background:#0d9488;background:var(--color-teal-600);border-color:#0d9488;border-color:var(--color-teal-600);color:#fff}.ai-collection-checkbox.indeterminate{background:#ccfbf1;background:var(--color-teal-100);border-color:#2dd4bf;border-color:var(--color-teal-400);color:#0d9488;color:var(--color-teal-600);font-size:1.25rem;line-height:1}.dark .ai-collection-checkbox.indeterminate{background:#14b8a633;border-color:#14b8a6;border-color:var(--color-teal-500);color:#2dd4bf;color:var(--color-teal-400)}.ai-collection-folder{flex-shrink:0;opacity:.9}.ai-collection-name{color:#0f172a;color:var(--color-slate-900);flex:1 1;font-size:.9375rem;font-weight:700}.dark .ai-collection-name{color:#f1f5f9;color:var(--color-slate-100)}.ai-collection-badge{background:#fff;border-radius:9999px;border-radius:var(--radius-full);color:#475569;color:var(--color-slate-600);font-size:.75rem;font-weight:700;padding:.25rem .625rem}.dark .ai-collection-badge{background:#334155;background:var(--color-slate-700);color:#cbd5e1;color:var(--color-slate-300)}.ai-bookmark-card{align-items:center;border:2px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.75rem;min-width:0;overflow:hidden;padding:.75rem;transition:all .2s}.ai-bookmark-card.light{background:#f8fafc;background:var(--color-slate-50)}.ai-bookmark-card.dark{background:#ffffff05}.ai-bookmark-card:hover{border-color:var(--color-teal-300);transform:translateY(-1px)}.ai-bookmark-card.selected{background:#14b8a614;border-color:#14b8a6;border-color:var(--color-teal-500)}.dark .ai-bookmark-card.selected{background:#14b8a626}.ai-bookmark-checkbox{align-items:center;border:2px solid #cbd5e1;border:2px solid var(--color-slate-300);border-radius:.375rem;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:1.125rem;justify-content:center;transition:all .2s;width:1.125rem}.dark .ai-bookmark-checkbox{border-color:#475569;border-color:var(--color-slate-600)}.ai-bookmark-card.selected .ai-bookmark-checkbox{background:#0d9488;background:var(--color-teal-600);border-color:#0d9488;border-color:var(--color-teal-600);color:#fff}.ai-bookmark-info{flex:1 1;min-width:0;overflow:hidden}.ai-bookmark-title{color:#0f172a;color:var(--color-slate-900);font-size:.875rem;font-weight:600;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .ai-bookmark-title{color:#f1f5f9;color:var(--color-slate-100)}.ai-bookmark-url{color:#64748b;color:var(--color-slate-500);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .ai-bookmark-url{color:#94a3b8;color:var(--color-slate-400)}.ai-search-wrapper{margin-bottom:1.5rem;position:relative}.ai-search-icon{color:#94a3b8;color:var(--color-slate-400);left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ai-search-input{border:1px solid #e2e8f0;border:1px solid var(--color-slate-200);border-radius:.75rem;border-radius:var(--radius-lg);font-size:.9375rem;padding:.875rem 1rem .875rem 3rem;transition:all .2s;width:100%}.ai-search-input.light{background:#fff;color:#0f172a;color:var(--color-slate-900)}.ai-search-input.dark{background:#1e293b;background:var(--color-slate-800);border-color:#334155;border-color:var(--color-slate-700);color:#f1f5f9;color:var(--color-slate-100)}.ai-search-input:focus{border-color:#14b8a6;border-color:var(--color-teal-500);box-shadow:0 0 0 3px #14b8a61a;outline:none}.ai-selection-header{align-items:center;background:#14b8a60d;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.dark .ai-selection-header{background:#14b8a61a}.ai-selection-count{color:#334155;color:var(--color-slate-700);font-size:1rem;font-weight:600}.dark .ai-selection-count{color:#e2e8f0;color:var(--color-slate-200)}.ai-selection-count strong{color:#0d9488;color:var(--color-teal-600);font-size:1.5rem;font-weight:700}.dark .ai-selection-count strong{color:#2dd4bf;color:var(--color-teal-400)}.ai-selection-actions{display:flex;gap:.5rem}.ai-select-all-btn{background:#0d9488;background:var(--color-teal-600);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:color .2s,background-color .2s,border-color .2s;transition:var(--transition-colors)}.ai-select-all-btn:hover:not(:disabled){background:#0f766e;background:var(--color-teal-700)}.ai-select-all-btn:disabled{cursor:not-allowed;opacity:.4}.ai-collection-stats{background:#ccfbf1;background:var(--color-teal-100);border-radius:9999px;border-radius:var(--radius-full);color:#0f766e;color:var(--color-teal-700);font-size:.8125rem;font-weight:700;margin-left:auto;margin-right:.5rem;padding:.25rem .75rem}.dark .ai-collection-stats{background:#14b8a633;color:#2dd4bf;color:var(--color-teal-400)}.ai-collection-chevron{color:#94a3b8;color:var(--color-slate-400);flex-shrink:0;transition:transform .2s}.ai-collection-chevron.collapsed{transform:rotate(180deg)}.ai-collection-links{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-bookmark-favicon{border-radius:var(--radius-xs);flex-shrink:0;height:1.25rem;object-fit:contain;width:1.25rem}.ai-collection-links{grid-gap:.75rem;animation:slideDown .2s ease-out;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));padding:1rem}.ai-suggestion-checkbox{align-items:center;border:2px solid #cbd5e1;border:2px solid var(--color-slate-300);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-right:.75rem;transition:all .2s;width:1.5rem}.dark .ai-suggestion-checkbox{border-color:#475569;border-color:var(--color-slate-600)}.ai-suggestion-checkbox.checked{background:#0d9488;background:var(--color-teal-600);border-color:#0d9488;border-color:var(--color-teal-600);color:#fff}.ai-suggestion-card.selected{border-color:#14b8a6;border-color:var(--color-teal-500);box-shadow:0 0 0 3px #14b8a61a}.ai-suggestion-folder{flex-shrink:0;margin-right:.5rem}.ai-suggestion-header{align-items:center;display:flex;margin-bottom:.75rem}.ai-suggestion-name-wrapper{align-items:center;display:flex;flex:1 1}.confirm-btn-all{background:#475569;background:var(--color-slate-600)}.confirm-btn-all:hover{background:#334155;background:var(--color-slate-700)}.confirm-btn:disabled{cursor:not-allowed;opacity:.5}.spinning{animation:spin 1s linear infinite}.ai-suggestion-color-picker{background:#0000000d;border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:.375rem;margin-right:.75rem;padding:.25rem}.dark .ai-suggestion-color-picker{background:#ffffff0d}.color-picker-dot{border:2px solid #0000;border-radius:50%;cursor:pointer;height:1.25rem;transition:all .2s;width:1.25rem}.color-picker-dot:hover{transform:scale(1.15)}.color-picker-dot.active{border-color:#fff;box-shadow:0 0 0 2px currentColor}.ai-suggestion-name-input{background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);flex:1 1;font-size:1.125rem;font-weight:700;padding:.25rem .5rem;transition:background .2s}.ai-suggestion-name-input:hover{background:#0000000d}.dark .ai-suggestion-name-input:hover{background:#ffffff0d}.ai-suggestion-name-input:focus{background:#14b8a61a;outline:none}.ai-suggestion-name-input.light{color:#0f172a;color:var(--color-slate-900)}.ai-suggestion-name-input.dark{color:#f1f5f9;color:var(--color-slate-100)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b880}.dark .sidebar::-webkit-scrollbar-thumb{background:#94a3b833}.dark .sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b866}.char-counter{color:#94a3b8;color:var(--color-slate-400);float:right;font-size:.75rem;font-weight:400}.dark .char-counter{color:#f1f5f9;color:var(--color-slate-100)}.char-counter-inline{color:#94a3b8;color:var(--color-slate-400);display:block;font-size:.75rem;margin-top:.25rem;text-align:right}.dark .char-counter-inline{color:#f1f5f9;color:var(--color-slate-100)}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;cursor:pointer}.auth-page{background:linear-gradient(90.5deg,#70b5b0 1.9%,#dcf4f1 87.7%);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.auth-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:1px solid #e2e8f0;left:0;position:fixed;right:0;top:0;z-index:50}.auth-nav-container{align-items:center;display:flex;height:4rem;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1rem}.auth-nav-logo{align-items:center;display:flex;gap:.75rem}.auth-nav-logo-icon{align-items:center;border-radius:.5rem;display:flex;justify-content:center;padding:.5rem}.auth-nav-logo-text{color:#0f172a;font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.auth-nav-back{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.auth-nav-back:hover{background:#0d9488;border-color:#0d9488;color:#fff}.auth-nav-back span{display:none}.auth-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0 auto;max-width:28rem;padding:5rem 1rem 2rem;position:relative;width:100%;z-index:10}.auth-card{background:#fff;border:1px solid #ffffff80;border-radius:1.5rem;box-shadow:0 25px 50px #00000026;padding:2rem;width:100%}.auth-visual{display:none}.auth-logo-wrapper{margin-bottom:2rem;text-align:center}.auth-logo{align-items:center;border-radius:1rem;display:inline-flex;height:3.5rem;justify-content:center;margin-bottom:1rem;width:3.5rem}.auth-logo svg{color:#fff}.auth-title{color:#0f172a;font-size:1.875rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.5rem}.auth-subtitle{color:#64748b;font-size:.875rem;font-weight:500}.auth-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.375rem}.auth-tab{background:#0000;border:none;border-radius:.5rem;color:#64748b;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:700;padding:.625rem 1rem;transition:all .2s}.auth-tab.active{background:#0d9488;box-shadow:0 2px 8px #0d94884d;color:#fff}.auth-tab:not(.active):hover{background:#0d94880d;color:#0d9488}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form-group{position:relative}.auth-label{color:#64748b;display:block;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.auth-input-wrapper{position:relative}.auth-input-icon{color:#94a3b8;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s}.auth-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;color:#1e293b;font-size:16px;font-weight:500;outline:none;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s;width:100%}.auth-input::placeholder{color:#cbd5e1}.auth-input:focus{background:#fff;border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.auth-input:focus+.auth-input-icon{color:#0d9488}.auth-input.error{background:#fef2f2;border-color:#ef4444}.auth-error-message{align-items:center;color:#ef4444;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;margin-top:.375rem}.auth-password-toggle{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .2s}.auth-password-toggle:hover{color:#0d9488}.auth-forgot{margin-top:-.5rem;text-align:right}.auth-forgot-link{color:#0d9488;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .2s}.auth-forgot-link:hover{color:#0f766e;text-decoration:underline}.auth-submit{background:#0d9488;border:none;border-radius:.75rem;box-shadow:0 4px 12px #0d94884d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:.5rem;padding:.875rem;transition:all .2s;width:100%}.auth-submit:hover{background:#0f766e;box-shadow:0 6px 16px #0d948866;transform:translateY(-2px)}.auth-submit:active{transform:translateY(0)}.auth-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-submit-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:1.25rem;margin-right:.5rem;width:1.25rem}@keyframes spin{to{transform:rotate(1turn)}}.auth-divider{align-items:center;display:flex;gap:1rem;margin:1.25rem 0}.auth-divider-line{background:#e2e8f0;flex:1 1;height:1px}.auth-divider-text{color:#94a3b8;font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.auth-social{display:flex;flex-direction:column;gap:0}.auth-social-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;color:#1e293b;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.75rem;justify-content:center;padding:.75rem 1rem;transition:all .2s;width:100%}.auth-social-btn:hover{background:#0d948805;border-color:#0d9488;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.auth-social-btn:active{transform:translateY(0)}.auth-social-icon{height:1.25rem;width:1.25rem}.auth-success{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.75rem;color:#15803d;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.875rem}.auth-terms{color:#94a3b8;font-size:.75rem;line-height:1.5;margin-top:1.25rem;text-align:center}.auth-terms a{color:#0d9488;font-weight:600;text-decoration:none}.auth-terms a:hover{text-decoration:underline}@media (min-width:640px){.auth-card{padding:2.5rem}.auth-title{font-size:2rem}.auth-nav-back span{display:inline}.auth-container{padding-top:6rem}}@media (min-width:1024px){.auth-page{background:#fff}.auth-container{height:calc(100vh - 4rem);max-width:none;padding:4rem 0 0}.auth-card{border-radius:2rem;box-shadow:0 30px 60px #0003;display:grid;grid-template-columns:45% 55%;margin:0 auto;max-width:1200px;overflow:hidden;padding:0;width:90%}.auth-visual{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:4rem;position:relative;text-align:center}.auth-visual:before{animation:pulse-visual 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes pulse-visual{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.auth-visual-content{position:relative;z-index:2}.auth-visual-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:1.5rem;display:flex;height:5rem;justify-content:center;margin:0 auto 2rem;width:5rem}.auth-visual h2{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.auth-visual p{font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:24rem;opacity:.95}.auth-visual-features{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;margin-top:3rem;max-width:24rem}.auth-visual-feature{align-items:center;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem}.auth-visual-feature svg{background:#fff3;border-radius:50%;flex-shrink:0;padding:.25rem}.auth-form-side{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:4rem 3.5rem}.auth-logo-wrapper{margin-bottom:2.5rem}.auth-title{font-size:2rem}}@media (min-width:1280px){.auth-card{grid-template-columns:40% 60%}.auth-form-side{padding:4rem 4.5rem}}.auth-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.auth-loading-spinner{animation:spin .8s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#fff;height:3rem;width:3rem}.tutorial-page{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.tutorial-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #e2e8f0;left:0;position:fixed;right:0;top:0;z-index:50}.tutorial-nav-container{align-items:center;display:flex;height:4rem;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1.5rem}.tutorial-nav-logo{align-items:center;display:flex;gap:.75rem}.tutorial-nav-logo-icon{align-items:center;border-radius:.5rem;display:flex;justify-content:center;padding:.5rem}.tutorial-nav-logo-text{color:#0f172a;font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.tutorial-nav-back{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.tutorial-nav-back:hover{background:#0d9488;border-color:#0d9488;color:#fff}.tutorial-nav-back span{display:none}.tutorial-hero{background:linear-gradient(180deg,#fff,#f8fafc);padding:8rem 1.5rem 4rem;text-align:center}.tutorial-hero-icon{color:#0d9488;margin-bottom:1.5rem}.tutorial-hero h1{color:#0f172a;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.tutorial-hero p{color:#64748b;font-size:1.125rem;margin:0 auto;max-width:40rem}.tutorial-toc{background:#fff;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;padding:3rem 1.5rem}.tutorial-toc-container{margin:0 auto;max-width:72rem}.tutorial-toc h2{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.tutorial-toc-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.tutorial-toc-item{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;color:#475569;cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:1rem 1.25rem;text-align:left;transition:all .2s}.tutorial-toc-item:hover{background:#f0fdfa;border-color:#0d9488;color:#0d9488;transform:translateY(-2px)}.tutorial-toc-item.active{background:#0d9488;border-color:#0d9488;color:#fff}.tutorial-toc-item span{flex:1 1}.tutorial-content{margin:0 auto;max-width:72rem;padding:4rem 1.5rem}.tutorial-section{margin-bottom:6rem;scroll-margin-top:6rem}.tutorial-section-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;display:flex;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem}.tutorial-section-header svg{color:#0d9488;flex-shrink:0}.tutorial-section-header h2{color:#0f172a;font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:.5rem}.tutorial-section-header p{color:#64748b;font-size:1rem}.tutorial-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 2px 8px #0000000a;margin-bottom:1.5rem;padding:2rem}.tutorial-card h3{align-items:center;color:#0f172a;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin-bottom:1rem}.tutorial-number{align-items:center;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:50%;color:#fff;display:inline-flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.tutorial-card p{color:#475569;line-height:1.7;margin-bottom:1rem}.tutorial-card p:last-child{margin-bottom:0}.tutorial-list{list-style:none;margin:1rem 0;padding:0}.tutorial-list li{align-items:flex-start;color:#475569;display:flex;gap:.75rem;line-height:1.7;padding:.5rem 0}.tutorial-list svg{color:#10b981;flex-shrink:0;margin-top:.125rem}.tutorial-steps{counter-reset:step-counter;list-style:none;margin:1rem 0;padding:0}.tutorial-steps li{background:#f8fafc;border-left:3px solid #e2e8f0;border-radius:.5rem;color:#475569;counter-increment:step-counter;line-height:1.7;margin-bottom:.75rem;padding:1rem 1rem 1rem 3.5rem;position:relative}.tutorial-steps li:before{align-items:center;background:#0d9488;border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:.875rem;font-weight:700;height:1.75rem;justify-content:center;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:1.75rem}.tutorial-example{background:#fef3c7;border:1px solid #fbbf24;border-radius:.75rem;margin-top:1.5rem;padding:1rem}.tutorial-example-label{color:#92400e;font-weight:700;margin-bottom:.5rem}.tutorial-example p{color:#92400e;margin:0}.tutorial-example-full{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;margin-top:1rem;padding:1.5rem}.tutorial-example-full p{margin-bottom:.75rem}.tutorial-use-cases{grid-gap:1rem;display:grid;gap:1rem;margin-top:1.5rem}.tutorial-use-case{background:#f0fdfa;border:1px solid #99f6e4;border-radius:.75rem;display:flex;gap:1rem;padding:1.5rem}.tutorial-use-case-icon{flex-shrink:0;font-size:2rem}.tutorial-use-case strong{color:#0f172a;display:block;font-size:1.125rem;margin-bottom:.5rem}.tutorial-use-case p{color:#475569;margin:0}.tutorial-comparison{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin-top:1.5rem}.tutorial-comparison-item{background:#f8fafc;border-radius:.75rem;padding:1.5rem;text-align:center}.tutorial-comparison-item svg{margin-bottom:.75rem}.tutorial-comparison-item strong{color:#0f172a;display:block;font-size:1.125rem;margin-bottom:.5rem}.tutorial-comparison-item p{color:#64748b;font-size:.875rem;margin:.25rem 0}.tutorial-comparison-example{color:#0d9488!important;font-weight:600!important}.tutorial-ai-analysis{background:#f0fdfa;border:1px solid #99f6e4;border-radius:.5rem;display:flex;gap:1rem;margin:1rem 0;padding:1rem}.tutorial-ai-analysis svg{flex-shrink:0}.tutorial-search-examples{margin-top:1.5rem}.tutorial-search-example{background:#f8fafc;border-left:4px solid #0d9488;border-radius:.5rem;margin-bottom:.75rem;padding:1rem}.tutorial-search-query{background:#fff;border-radius:.375rem;color:#0f172a;display:inline-block;font-family:Courier New,monospace;font-weight:700;margin-bottom:.5rem;padding:.5rem .75rem}.tutorial-search-result{color:#64748b;font-size:.9375rem}.tutorial-tag{background:#0d9488;border-radius:9999px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;margin:0 .25rem;padding:.25rem .75rem}.tutorial-code{background:#1e293b;border-radius:.5rem;color:#e2e8f0;line-height:1.7;margin:1rem 0;overflow-x:auto;padding:1rem}.tutorial-code,code{font-family:Courier New,monospace;font-size:.875rem}code{background:#f1f5f9;border-radius:.25rem;color:#0f172a;padding:.125rem .375rem}.tutorial-action{color:#0d9488;font-weight:600;margin-top:1rem}.tutorial-note{color:#64748b;font-size:.875rem;font-style:italic;margin-top:1rem}.tutorial-divider{background:#e2e8f0;height:1px;margin:1.5rem 0}.tutorial-shortcuts{grid-gap:1rem;display:grid;gap:1rem;margin-top:1.5rem}.tutorial-shortcut{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;justify-content:space-between;padding:1rem 1.5rem}.tutorial-shortcut-keys{align-items:center;color:#0f172a;display:flex;font-weight:600;gap:.5rem}kbd{background:#fff;border:1px solid #cbd5e1;border-radius:.375rem;box-shadow:0 2px 4px #0000000d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:.875rem;font-weight:600;padding:.375rem .75rem}.tutorial-shortcut-desc{color:#64748b;font-size:.9375rem}.tutorial-tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));margin-top:2rem}.tutorial-tip{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:2rem;text-align:center;transition:all .2s}.tutorial-tip:hover{border-color:#0d9488;box-shadow:0 12px 24px #00000014;transform:translateY(-4px)}.tutorial-tip-icon{font-size:3rem;margin-bottom:1rem}.tutorial-tip h4{color:#0f172a;font-size:1.125rem;font-weight:700;margin-bottom:.75rem}.tutorial-tip p{color:#64748b;line-height:1.6;margin:0}.tutorial-footer{background:linear-gradient(0deg,#fff,#f8fafc);border-top:1px solid #e2e8f0;padding:5rem 1.5rem;text-align:center}.tutorial-footer h2{color:#0f172a;font-size:2rem;font-weight:800;margin-bottom:1rem}.tutorial-footer p{color:#64748b;font-size:1.125rem;margin-bottom:2rem}.tutorial-cta-btn{align-items:center;background:#0d9488;border:none;border-radius:.75rem;box-shadow:0 10px 25px #0d94884d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;transition:all .2s}.tutorial-cta-btn:hover{background:#0f766e;box-shadow:0 15px 35px #0d948866;transform:translateY(-2px)}@media (min-width:640px){.tutorial-nav-back span{display:inline}.tutorial-hero h1{font-size:3rem}.tutorial-shortcuts{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.tutorial-hero{padding:10rem 1.5rem 5rem}.tutorial-section-header h2{font-size:2.25rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}
/*# sourceMappingURL=main.812f9385.css.map*/