.card{background:var(--color-surface-elevated);border-radius:var(--radius-md);transition:all var(--transition-base)}.card--default{border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.card--elevated{border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.card--flat{border:1px solid var(--color-border)}.card--ghost{border:none;box-shadow:none}.card--default:hover,.card--elevated:hover,.card--flat:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-3)}.card--padding-default{padding:var(--space-4)}.card--padding-lg{padding:var(--space-6)}.card__header{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-divider);margin-bottom:var(--space-4)}.card__footer{padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--color-divider)}.card__title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-tight)}.card__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-2)}.card__meta>*{display:flex;align-items:center;gap:var(--space-1)}.card__meta>*:not(:last-child):after{content:"•";margin-left:var(--space-2);color:var(--color-text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-medium);line-height:var(--leading-none);text-decoration:none;white-space:nowrap;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--color-primary-400);outline-offset:2px}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:32px}.btn--md{padding:var(--space-3) var(--space-4);font-size:var(--text-base);min-height:40px}.btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--text-lg);min-height:48px}.btn--full-width{width:100%}.btn--primary{background:var(--color-primary-500);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--primary:active:not(:disabled){background:var(--color-primary-700);transform:translateY(0)}.btn--secondary{background:var(--color-neutral-100);color:var(--color-text-primary)}.btn--secondary:hover:not(:disabled){background:var(--color-neutral-200);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn--secondary:active:not(:disabled){background:var(--color-neutral-300);transform:translateY(0)}.btn--accent{background:var(--color-accent-500);color:#fff}.btn--accent:hover:not(:disabled){background:var(--color-accent-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--accent:active:not(:disabled){background:var(--color-accent-700);transform:translateY(0)}.btn--ghost{background:transparent;color:var(--color-text-primary)}.btn--ghost:hover:not(:disabled){background:var(--color-neutral-100)}.btn--ghost:active:not(:disabled){background:var(--color-neutral-200)}.btn--danger{background:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--danger:active:not(:disabled){background:#991b1b;transform:translateY(0)}.btn:disabled,.btn--disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn--loading{pointer-events:none}.btn--loading .btn__content{opacity:.7}.btn__spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-group{display:inline-flex;gap:var(--space-2)}.btn-group .btn{flex:0 1 auto}.chip{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-sans);font-weight:var(--font-medium);border-radius:var(--radius-full);transition:all var(--transition-fast)}.chip--sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);height:20px}.chip--md{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);height:24px}.chip--lg{padding:var(--space-2) var(--space-4);font-size:var(--text-base);height:32px}.chip--default{background:var(--color-neutral-100);color:var(--color-text-secondary);border:1px solid var(--color-border)}.chip--primary{background:var(--color-primary-50);color:var(--color-primary-700);border:1px solid var(--color-primary-200)}.chip--accent{background:var(--color-accent-50);color:var(--color-accent-700);border:1px solid var(--color-accent-200)}.chip--success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.chip--warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.chip--error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.chip__label{line-height:1}.chip--removable{padding-right:var(--space-1)}.chip__remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;margin:0;background:transparent;border:none;border-radius:var(--radius-full);color:currentColor;cursor:pointer;font-size:18px;line-height:1;transition:background-color var(--transition-fast)}.chip__remove:hover{background:#0000001a}.chip__remove:focus{outline:2px solid currentColor;outline-offset:1px}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.input-wrapper--full-width{width:100%}.input__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50)}.input::placeholder{color:var(--color-text-tertiary)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--color-neutral-50)}.input--textarea{min-height:100px;resize:vertical;font-family:var(--font-sans);line-height:var(--leading-normal)}.input--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2357534e' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);cursor:pointer}.input-wrapper--error .input{border-color:var(--color-error)}.input-wrapper--error .input:focus{box-shadow:0 0 0 3px #dc26261a}.input__error{font-size:var(--text-sm);color:var(--color-error)}.input__helper{font-size:var(--text-sm);color:var(--color-text-secondary)}[data-theme=dark] .input--select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d6d3d1' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);min-height:400px}.empty-state__icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.8}.empty-state__title{margin:0;font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state__description{margin:0;font-size:var(--text-base);color:var(--color-text-secondary);max-width:480px;line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.empty-state__action{margin-top:var(--space-4)}.skeleton{background:linear-gradient(90deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 50%,var(--color-neutral-100) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-base)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:1em;margin-bottom:var(--space-2)}.skeleton--circle{border-radius:var(--radius-full);width:40px;height:40px}.skeleton--rectangular{width:100%;height:200px}.skeleton--pill{border-radius:var(--radius-full);height:24px}.skeleton-card{padding:var(--space-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.skeleton-card__meta{display:flex;gap:var(--space-3);margin-top:var(--space-3)}.skeleton-card__tags{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.skeleton-list{display:flex;flex-direction:column;gap:var(--space-4)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--color-neutral-700) 0%,var(--color-neutral-600) 50%,var(--color-neutral-700) 100%)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-6) 0;margin-bottom:var(--space-6);border-bottom:1px solid var(--color-divider)}.page-header__content{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:0}.page-header__back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary-600);background:none;border:none;cursor:pointer;transition:color var(--transition-fast);margin-bottom:var(--space-2)}.page-header__back:hover{color:var(--color-primary-700)}.page-header__text{display:flex;flex-direction:column;gap:var(--space-1)}.page-header__title{margin:0;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-tight)}.page-header__subtitle{margin:0;font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-normal)}.page-header__action{flex-shrink:0}@media (max-width: 640px){.page-header{flex-direction:column;align-items:flex-start}.page-header__title{font-size:var(--text-2xl)}}.dropdown-menu{position:relative;display:inline-block}.dropdown-menu__trigger{cursor:pointer;display:inline-flex;align-items:center}.dropdown-menu__content{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:180px;padding:4px 0;z-index:1000;animation:dropdown-fade-in .15s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu__item{width:100%;padding:8px 12px;text-align:left;background:none;border:none;cursor:pointer;font-size:14px;color:var(--color-text, #374151);display:flex;align-items:center;gap:8px;transition:background-color .15s ease}.dropdown-menu__item:hover{background-color:var(--color-bg-secondary, #f3f4f6)}.dropdown-menu__item--danger{color:#dc2626}.dropdown-menu__item--danger:hover{background-color:#fef2f2}.dropdown-menu__separator{height:1px;background-color:var(--color-border, #e5e7eb);margin:4px 0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:modal-fade-in .2s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modal-slide-up .2s ease-out}@keyframes modal-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{font-size:1.25rem;font-weight:600;padding:1.5rem 1.5rem 0;margin:0;color:var(--color-text, #111827)}.modal-body{padding:1.5rem}.modal-actions{padding:0 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.landing{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.hero__title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:1.25rem;line-height:1.6;color:#4a5568;margin-bottom:2rem}.hero__cta{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.hero__trust{font-size:.875rem;color:#718096}.hero__image{border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;background:#fff;display:flex;align-items:center;justify-content:center;min-height:400px}.hero__image img{width:100%;height:auto;display:block}.features{max-width:1200px;margin:0 auto;padding:6rem 2rem;text-align:center}.features h2{font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#1a202c}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;text-align:left;transition:transform .2s;display:flex;gap:1rem}.feature:hover{transform:translateY(-4px)}.feature__icon{font-size:2.5rem;flex-shrink:0}.feature h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#1a202c}.feature p{color:#718096;line-height:1.6}.how-it-works{background:#fff;padding:6rem 2rem}.how-it-works h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#1a202c}.steps{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.step{text-align:center}.step__number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.step img{width:100%;border-radius:8px;margin-bottom:1rem;box-shadow:0 4px 6px -1px #0000001a;background:#f7fafc;min-height:200px;object-fit:cover}.step h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#1a202c}.step p{color:#718096;line-height:1.6}.trust{max-width:1200px;margin:0 auto;padding:6rem 2rem;text-align:center}.trust h2{font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#1a202c}.trust__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}.trust__item{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;text-align:left}.trust__item h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#1a202c}.trust__item p{color:#718096;line-height:1.6}.trust__links{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.trust__links a{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s}.trust__links a:hover{color:#764ba2;text-decoration:underline}.cta{max-width:1200px;margin:0 auto;padding:6rem 2rem;text-align:center;background:#fff;border-radius:12px;margin:0 2rem 4rem;box-shadow:0 10px 25px -5px #0000001a}.cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1a202c}.cta p{font-size:1.25rem;color:#718096;margin-bottom:2rem}.cta__buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.footer{background:#1a202c;color:#e2e8f0;padding:4rem 2rem 2rem}.footer__content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:3rem}.footer__brand h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.footer__brand p{color:#a0aec0}.footer__links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer__links h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;color:#fff}.footer__links a{display:block;color:#a0aec0;text-decoration:none;margin-bottom:.5rem;transition:color .2s}.footer__links a:hover{color:#fff}.footer__copyright{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid #2d3748;text-align:center;color:#a0aec0;font-size:.875rem}.demo-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;border-radius:12px;margin-bottom:2rem}.demo-banner__content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.demo-banner__icon{font-size:2rem}.demo-banner__text{flex:1;min-width:200px}.demo-banner__text strong{display:block;margin-bottom:.25rem;font-size:1.125rem}.demo-banner__text p{margin:0;opacity:.9}.demo-banner__cta{margin-left:auto;background:#fff;color:#667eea;padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-weight:600;transition:transform .2s}.demo-banner__cta:hover{transform:translateY(-2px)}.policy-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e9ecef);padding:2rem}.policy-container{max-width:800px;margin:0 auto;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a}.policy-back{color:#667eea;text-decoration:none;font-weight:600;display:inline-block;margin-bottom:2rem;transition:color .2s}.policy-back:hover{color:#764ba2}.policy-container h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#1a202c}.policy-meta{color:#718096;font-size:.875rem;margin-bottom:2rem}.policy-section{margin-bottom:2.5rem}.policy-section h2{font-size:1.75rem;font-weight:600;margin-bottom:1rem;color:#1a202c}.policy-section h3{font-size:1.25rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem;color:#2d3748}.policy-section p{color:#4a5568;line-height:1.7;margin-bottom:1rem}.policy-section ul{list-style:disc;margin-left:1.5rem;margin-bottom:1rem}.policy-section li{color:#4a5568;line-height:1.7;margin-bottom:.5rem}.policy-section a{color:#667eea;text-decoration:none;font-weight:500}.policy-section a:hover{text-decoration:underline}@media (max-width: 768px){.hero{grid-template-columns:1fr;padding:3rem 1rem}.hero__title{font-size:2.5rem}.hero__image{order:-1}.features__grid,.steps,.trust__grid{grid-template-columns:1fr}.footer__content{grid-template-columns:1fr;gap:2rem}.footer__links{grid-template-columns:1fr}.demo-banner__cta{margin-left:0;width:100%;text-align:center}.policy-container{padding:2rem 1.5rem}}:root{--color-bg: #ffffff;--color-bg-alt: #f7fafc;--color-text-primary: #1a202c;--color-text-secondary: #4a5568;--color-text-tertiary: #718096;--color-accent: #667eea;--color-accent-hover: #5568d3;--color-border: #e2e8f0}.landing-v2{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg)}.landing-v2 h1,.landing-v2 h2,.landing-v2 h3{font-weight:600;line-height:1.2}.landing-v2 h1{font-size:2.5rem}.landing-v2 h2{font-size:2rem}.landing-v2 h3{font-size:1.125rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s;text-decoration:none}.button-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.button-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-1px)}.button-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-secondary{background:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.button-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.hero{max-width:1200px;margin:0 auto;padding:6rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero h1{font-size:2.5rem;font-weight:600;color:#1a202c;line-height:1.2;margin-bottom:1.5rem}.hero p{font-size:1.125rem;color:#4a5568;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.hero-trust{font-size:.875rem;color:var(--color-text-tertiary);line-height:1.5}.hero-image{width:100%;height:auto;border-radius:8px;box-shadow:0 10px 40px #0000001a}.proof{max-width:1200px;margin:0 auto;padding:4rem 2rem;text-align:center;background:#f7fafc}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:2rem}.proof-item{font-size:1rem;color:#2d3748;font-weight:500}.product{max-width:1200px;margin:0 auto;padding:6rem 2rem}.product h2{font-size:2rem;font-weight:600;color:#1a202c;margin-bottom:3rem;text-align:center}.product-visual{position:relative}.product-image{width:100%;height:auto;border-radius:12px;box-shadow:0 20px 40px #0000001a}.product-callouts{margin-top:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.product-callout{font-size:1rem;color:var(--color-text-secondary);font-weight:500}.product-callout:before{content:"→ ";color:var(--color-accent);font-weight:600}.how-it-works{max-width:800px;margin:0 auto;padding:6rem 2rem;background:#fff}.how-it-works h2{font-size:2rem;font-weight:600;color:#1a202c;margin-bottom:3rem;text-align:center}.steps{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.step{padding-left:3rem;position:relative}.step:before{content:attr(data-number);position:absolute;left:0;top:0;width:2rem;height:2rem;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.step h3{font-size:1.125rem;font-weight:600;color:#1a202c;margin-bottom:.5rem}.step p{color:#4a5568;line-height:1.6;margin:0}.trust{max-width:800px;margin:0 auto;padding:6rem 2rem;background:#f7fafc}.trust h2{font-size:2rem;font-weight:600;color:#1a202c;margin-bottom:2rem;text-align:center}.trust-facts{display:flex;flex-direction:column;gap:1.5rem}.trust-fact{padding:1.5rem;background:#fff;border-left:3px solid #667eea}.trust-fact strong{display:block;font-weight:600;color:#1a202c;margin-bottom:.5rem}.trust-fact p{color:#4a5568;line-height:1.6;margin:0}.pricing{max-width:600px;margin:0 auto;padding:6rem 2rem;text-align:center}.pricing h2{font-size:2rem;font-weight:600;color:#1a202c;margin-bottom:1rem}.pricing p{font-size:1.125rem;color:#4a5568;line-height:1.6}.footer{background:#1a202c;color:#cbd5e0;padding:3rem 2rem;text-align:center}.footer-links{display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem}.footer-links a{color:#cbd5e0;text-decoration:none;font-size:.875rem}.footer-links a:hover{color:#fff}.footer-copyright{font-size:.875rem;color:#718096}@media (max-width: 767px){.hero{grid-template-columns:1fr;padding:3rem 1rem;text-align:center}.hero h1{font-size:2rem}.hero-buttons{justify-content:center}.proof-grid{grid-template-columns:1fr;gap:2rem}.product-callouts{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:1rem}}.landing-page{min-height:100vh;background:linear-gradient(135deg,#e6f7f7,#fff4f0)}.landing-nav{background:#fffffff2;border-bottom:1px solid rgba(0,0,0,.05);padding:var(--space-4) 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-nav__container{max-width:1280px;margin:0 auto;padding:0 var(--space-6);display:flex;justify-content:space-between;align-items:center}.landing-nav__logo{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary-600)}.landing-nav__login{color:var(--color-text-secondary);font-weight:var(--font-medium);font-size:var(--text-base);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast);background:none;border:none;cursor:pointer}.landing-nav__login:hover{color:var(--color-primary-600);background:var(--color-primary-50)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--color-background);border-radius:var(--radius-xl);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;font-size:32px;line-height:1;color:var(--color-text-tertiary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-neutral-100);color:var(--color-text-primary)}.hero-section{padding:var(--space-16) 0}.hero-section__container{max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.hero-section__grid{display:grid;grid-template-columns:1fr;gap:var(--space-12);align-items:center}@media (min-width: 768px){.hero-section__grid{grid-template-columns:1fr 1fr;gap:var(--space-16)}}.hero-section__content{display:flex;flex-direction:column;gap:var(--space-6)}.hero-section__headline{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary);margin:0}@media (min-width: 768px){.hero-section__headline{font-size:var(--text-5xl)}}@media (min-width: 1024px){.hero-section__headline{font-size:var(--text-6xl)}}.hero-section__subtitle{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0}.hero-section__cta-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:var(--font-bold);color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast);box-shadow:0 10px 25px #667eea4d;align-self:flex-start}.hero-section__cta-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px #667eea66}.hero-section__cta-subtext{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.hero-section__image-container{width:100%;display:flex;justify-content:center;align-items:center}.hero-section__image{width:100%;height:auto;border-radius:16px;border:1px solid rgba(0,0,0,.05);box-shadow:0 25px 50px #00000026,0 10px 20px #0000001a;object-fit:cover;transition:transform var(--transition-base)}.hero-section__image:hover{transform:scale(1.02)}.features-section{padding:var(--space-20) 0;background:#ffffff80}.features-section__container{max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.features-section__grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width: 768px){.features-section__grid{grid-template-columns:repeat(3,1fr);gap:var(--space-10)}}.features-section__feature{display:flex;gap:var(--space-4);align-items:flex-start;background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 12px #0000000d;transition:all var(--transition-base)}.features-section__feature:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.features-section__feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.features-section__feature-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.features-section__feature-desc{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#e6f7f7,#fff4f0);padding:var(--space-6)}.auth-container--landing{padding:0;align-items:stretch}.auth-landing{display:grid;grid-template-columns:1fr;width:100%;min-height:100vh}@media (min-width: 768px){.auth-landing{grid-template-columns:1fr 480px}}.auth-landing__content{background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-accent-50) 100%);padding:var(--space-12) var(--space-6);display:flex;flex-direction:column;justify-content:center;max-width:600px;margin:0 auto;position:relative;overflow:hidden}@media (min-width: 768px){.auth-landing__content{padding:var(--space-16) var(--space-12)}}.auth-landing__headline{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary);margin-bottom:var(--space-4)}.auth-landing__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary-600);margin-bottom:var(--space-4)}@media (min-width: 768px){.auth-landing__headline{font-size:var(--text-6xl)}}@media (min-width: 1024px){.auth-landing__headline{font-size:var(--text-7xl)}}.auth-landing__subtitle{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-10)}.auth-landing__cta{background:#ffffffb3;border:1px solid rgba(102,126,234,.18);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-16);box-shadow:0 16px 30px #0f172a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-landing__cta-text{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.auth-landing__cta-subtext{font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-landing__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-16)}.auth-landing__metric-card{background:#ffffffb3;border:1px solid rgba(102,126,234,.15);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 12px 24px #0f172a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-landing__metric-label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-2);font-weight:var(--font-semibold)}.auth-landing__metric-value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.auth-landing__features{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-16)}.auth-landing__feature{display:flex;gap:var(--space-4);align-items:flex-start}.auth-landing__feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.auth-landing__feature-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.auth-landing__feature-desc{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.auth-landing__outcomes{display:grid;gap:var(--space-3);margin-bottom:var(--space-10)}.auth-landing__outcome{padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-primary-400);background:#ffffffa6;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);box-shadow:0 10px 20px #0f172a0f}.auth-landing__how-it-works{margin-bottom:var(--space-8)}.auth-landing__section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.auth-landing__steps{list-style-position:inside;display:flex;flex-direction:column;gap:var(--space-3);color:var(--color-text-secondary);line-height:var(--leading-relaxed);padding-left:var(--space-2)}.auth-landing__steps li{padding-left:var(--space-2)}.auth-landing__comparison{margin-bottom:var(--space-16)}.auth-landing__comparison-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.auth-landing__comparison-card{background:#ffffffb3;border:1px solid rgba(148,163,184,.25);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 12px 24px #0f172a14}.auth-landing__comparison-card--highlight{border-color:#6366f199;border-width:2px;background:linear-gradient(135deg,#6366f12e,#0e749026);box-shadow:0 16px 32px #6366f126}.auth-landing__comparison-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.auth-landing__comparison-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.auth-landing__closing{background:#ffffffbf;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-10);box-shadow:0 16px 32px #0f172a14}.auth-landing__closing-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.auth-landing__closing-list{list-style:none;padding:0;margin:0 0 var(--space-4);display:grid;gap:var(--space-2);color:var(--color-text-secondary)}.auth-landing__closing-list li:before{content:"•";color:var(--color-primary-500);margin-right:var(--space-2)}.auth-landing__closing-cta{font-weight:var(--font-semibold);color:var(--color-primary-700)}.auth-landing__footer{margin-top:auto;padding-top:var(--space-6)}.auth-landing__link{color:var(--color-primary-600);font-weight:var(--font-medium);font-size:var(--text-base);transition:color var(--transition-fast)}.auth-landing__link:hover{color:var(--color-primary-700);text-decoration:underline}.auth-landing__auth-card{background:var(--color-background);padding:var(--space-6);display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.auth-landing__auth-card{padding:var(--space-12)}}.auth-box{width:100%;max-width:420px}.auth-logo{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);color:var(--color-primary-600);text-align:center}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-6);text-align:center;color:var(--color-text-primary)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-error{background:#fee2e2;color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);border:1px solid #fecaca}.auth-notice{background:var(--color-primary-50);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid var(--color-primary-200)}.auth-notice p{margin:0;font-size:var(--text-sm);color:var(--color-text-primary)}.auth-link{margin-top:var(--space-4);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.auth-link a{color:var(--color-primary-600);font-weight:var(--font-medium)}.auth-link a:hover{text-decoration:underline}.auth-link--secondary{font-size:var(--text-xs);margin-top:var(--space-2)}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:#fff!important;border:1px solid var(--color-border)!important;color:var(--color-text-primary)!important}.auth-google-btn:hover{background:var(--color-neutral-50)!important;border-color:var(--color-neutral-300)!important}.auth-google-icon{display:flex;align-items:center;justify-content:center}.auth-divider{display:flex;align-items:center;text-align:center;margin:var(--space-4) 0;color:var(--color-text-tertiary);font-size:var(--text-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.auth-divider span{padding:0 var(--space-3)}.upgrade-modal{text-align:center}.upgrade-modal__header{margin-bottom:2rem}.upgrade-modal__icon{color:#667eea;margin-bottom:1rem}.upgrade-modal__title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.upgrade-modal__description{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.upgrade-modal__benefits{background:var(--color-background);padding:1.5rem;border-radius:var(--radius-lg);margin-bottom:2rem;text-align:left}.upgrade-modal__benefits-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.upgrade-modal__benefits-list{list-style:none;padding:0;margin:0}.upgrade-modal__benefit{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--color-text-primary);font-size:.9375rem}.upgrade-modal__check{color:#10b981;flex-shrink:0}.upgrade-modal__pricing{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.upgrade-modal__price-card{background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;position:relative;transition:all .2s ease}.upgrade-modal__price-card:hover{border-color:#667eea}.upgrade-modal__price-card--best{border-color:#667eea;background:linear-gradient(to bottom,rgba(102,126,234,.05),transparent)}.upgrade-modal__price-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;box-shadow:var(--shadow-sm)}.upgrade-modal__price-header{display:flex;flex-direction:column;align-items:center;gap:.25rem}.upgrade-modal__price-label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.upgrade-modal__price{font-size:2rem;font-weight:700;color:var(--color-text-primary);display:flex;align-items:baseline}.upgrade-modal__price-period{font-size:1rem;font-weight:400;color:var(--color-text-secondary);margin-left:.25rem}.upgrade-modal__price-total{font-size:.75rem;color:var(--color-text-secondary)}.upgrade-modal__guarantee{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1rem}.upgrade-modal__cta{background:linear-gradient(135deg,#667eea,#764ba2)!important;font-weight:600}@media (max-width: 640px){.upgrade-modal__pricing{grid-template-columns:1fr}.upgrade-modal__title{font-size:1.25rem}.upgrade-modal__price{font-size:1.75rem}}.dashboard{min-height:100vh;background:var(--color-surface)}.dashboard-header{background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-max-width);margin:0 auto;padding:var(--space-4) var(--container-padding)}.dashboard-header__brand{display:flex;align-items:center;gap:var(--space-3)}.dashboard-header__logo{color:var(--color-primary-600);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.dashboard-header__nav{display:flex;gap:var(--space-4);align-items:center}.nav-link{color:var(--color-text-primary);font-weight:var(--font-medium);font-size:var(--text-base);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover{background:var(--color-neutral-100);color:var(--color-primary-600)}.dashboard-main{padding:var(--space-8) var(--container-padding)}.save-section{margin-bottom:var(--space-8)}.save-form{display:flex;gap:var(--space-3);align-items:flex-end}.save-form .input-wrapper{flex:1}.quick-access-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.quick-section{background:var(--color-primary-50);border:1px solid var(--color-primary-200)}.quick-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.quick-section__title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.quick-section__count{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-secondary)}.quick-section__preview{display:flex;flex-direction:column;gap:var(--space-3)}.quick-item{padding:var(--space-2) 0}.quick-item__title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);display:block;margin-bottom:var(--space-1);transition:color var(--transition-fast)}.quick-item__title:hover{color:var(--color-primary-600)}.quick-item__reason{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0;font-style:italic}.view-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:2px solid var(--color-divider);overflow-x:auto}.view-tab{background:transparent;color:var(--color-text-secondary);border:none;border-bottom:3px solid transparent;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;display:flex;align-items:center;gap:var(--space-2)}.view-tab:hover{background:var(--color-neutral-50);color:var(--color-text-primary)}.view-tab--active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600)}.view-tab__count{font-size:var(--text-sm);color:var(--color-text-tertiary)}.items-list{display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-item-card{transition:all var(--transition-base)}.dashboard-item-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.item-title-link{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);transition:color var(--transition-fast)}.item-title-link:hover{color:var(--color-primary-600)}.item-excerpt{margin-top:var(--space-3);margin-bottom:0;color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.recommendation-reason{background:var(--color-primary-50);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border-left:3px solid var(--color-primary-400);font-size:var(--text-sm);color:var(--color-primary-700);margin-top:var(--space-3);display:flex;align-items:flex-start;gap:var(--space-2)}.reason-icon{font-size:var(--text-lg);flex-shrink:0}.reason-text{flex:1;line-height:var(--leading-normal)}.meta-item{display:flex;align-items:center;gap:var(--space-1)}.item-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.collection-selector{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-border)}.collection-selector__title{margin:0 0 var(--space-3);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary)}.collection-selector__empty{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm)}.collection-selector__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-2);margin-bottom:var(--space-3)}.collection-selector__option{justify-content:flex-start;text-align:left;border:1px solid var(--color-border)}.collection-selector__option:hover{background:var(--color-primary-50);border-color:var(--color-primary-400);color:var(--color-primary-700)}.collection-selector__cancel{width:100%}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:var(--space-3);align-items:flex-start}.dashboard-header__nav{width:100%;overflow-x:auto}.save-form{flex-direction:column;align-items:stretch}.quick-access-sections{grid-template-columns:1fr}}.badge{display:inline-block;padding:.25rem .75rem;background:#eee;border-radius:12px;font-size:.85rem;color:#666}.collection-header{margin-bottom:2rem}.collection-meta{display:flex;gap:1rem;align-items:center;margin:1rem 0}.share-link{color:#667eea;font-size:.9rem}.edit-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.edit-form .form-group{margin-bottom:1rem}.edit-form label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.edit-form input,.edit-form textarea,.edit-form select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.edit-form button{width:auto;padding:.75rem 1.5rem}.empty-state{text-align:center;padding:3rem;color:#999}.onboarding-container{max-width:800px;margin:0 auto}.onboarding-card{background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-accent-50) 100%);border:2px solid var(--color-primary-200)}.onboarding-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-3);text-align:center}.onboarding-description{font-size:var(--text-lg);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-8)}.onboarding-actions{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.onboarding-action{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-5);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.onboarding-action:hover{border-color:var(--color-primary-600);box-shadow:var(--shadow-md);transform:translateY(-2px)}.onboarding-action--highlight{border-color:var(--color-primary-400);background:var(--color-primary-50)}.onboarding-action__icon{font-size:var(--text-4xl);flex-shrink:0}.onboarding-action__content{flex:1}.onboarding-action__content h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.onboarding-action__content p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-3) 0}.onboarding-action__content p:last-child{margin-bottom:0}.onboarding-examples{display:flex;flex-wrap:wrap;gap:var(--space-2)}.onboarding-example-chip{cursor:pointer;transition:all var(--transition-fast)}.onboarding-example-chip:hover{background:var(--color-primary-600);color:#fff;transform:translateY(-1px)}.onboarding-tip{text-align:center;font-size:var(--text-base);color:var(--color-text-secondary);padding:var(--space-4);background:#fff;border-radius:var(--radius-md);margin:0;border:1px solid var(--color-border)}.onboarding-tip strong{color:var(--color-text-primary)}.create-collection-section{margin-bottom:var(--space-8)}.create-collection-form{display:flex;gap:var(--space-3);align-items:flex-end}.create-collection-form .input-wrapper{flex:1}.collection-premium-banner{background:linear-gradient(135deg,#667eea1f,#764ba21f);border:1px solid rgba(102,126,234,.2);color:var(--color-text-primary);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-weight:var(--font-medium)}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.collection-card{height:100%;display:flex;flex-direction:column}.collection-card .card__body{display:flex;flex-direction:column;gap:var(--space-4);flex:1}.collection-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.collection-card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight);flex:1}.collection-card__description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.collection-card__actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto}.collection-hero{background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-8)}.collection-hero__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-4)}.collection-hero__content{flex:1}.collection-hero__title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-3);line-height:var(--leading-tight)}.collection-hero__description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.collection-hero__meta{display:flex;gap:var(--space-4);align-items:center;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary)}.collection-hero__actions{display:flex;gap:var(--space-2);flex-shrink:0}.collection-share-box{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-6)}.collection-share-box__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}.collection-share-box__url{display:flex;gap:var(--space-2);align-items:center}.collection-share-box__url input{flex:1;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-primary-600)}.collection-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.collection-items-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.collection-items-list{display:flex;flex-direction:column;gap:var(--space-4)}.collection-edit-form{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.collection-edit-form__fields{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.collection-visibility-note{margin:calc(var(--space-2) * -1) 0 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.collection-edit-form__actions{display:flex;gap:var(--space-2)}@media (max-width: 768px){.collections-grid{grid-template-columns:1fr}.create-collection-form{flex-direction:column;align-items:stretch}.collection-hero{padding:var(--space-6)}.collection-hero__header{flex-direction:column}.collection-hero__title{font-size:var(--text-3xl)}}.public-collection{min-height:100vh;background:var(--color-surface);display:flex;flex-direction:column}.public-header{background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--container-padding);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:var(--z-sticky)}.public-header__logo a{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary-600)}.public-header__auth{display:flex;gap:var(--space-3);align-items:center}.public-main{flex:1;max-width:1000px;margin:0 auto;width:100%;padding:var(--space-8) var(--container-padding)}.loading-state{text-align:center;padding:var(--space-12)}.public-hero{text-align:center;margin-bottom:var(--space-12);padding:var(--space-10);background:var(--color-surface-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.public-hero__badge{margin-bottom:var(--space-4)}.public-hero__title{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-4);line-height:var(--leading-tight)}.public-hero__description{font-size:var(--text-xl);color:var(--color-text-secondary);margin:0 auto var(--space-6);line-height:var(--leading-relaxed);max-width:700px}.public-hero__meta{display:flex;gap:var(--space-3);justify-content:center;align-items:center;color:var(--color-text-tertiary);font-size:var(--text-base);margin-bottom:var(--space-8)}.public-hero__cta{font-size:var(--text-lg);padding:var(--space-4) var(--space-8)}.public-items-section{margin-bottom:var(--space-16)}.public-items-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-6)}.public-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.public-item-card{position:relative;transition:all var(--transition-base)}.public-item-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.public-item-number{position:absolute;top:var(--space-4);right:var(--space-4);width:2.5rem;height:2.5rem;background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--text-sm);z-index:1}.public-item-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3);line-height:var(--leading-tight);padding-right:var(--space-10)}.public-item-excerpt{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.public-item-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-top:1px solid var(--color-divider)}.public-item-site{font-size:var(--text-sm);color:var(--color-text-tertiary)}.public-cta-footer{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-accent-500) 100%);color:#fff;border-radius:var(--radius-xl);padding:var(--space-12);margin-bottom:var(--space-8);text-align:center}.public-cta-content{max-width:700px;margin:0 auto}.public-cta-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:#fff;margin:0 0 var(--space-4);line-height:var(--leading-tight)}.public-cta-description{font-size:var(--text-xl);color:#ffffffe6;margin:0 0 var(--space-8);line-height:var(--leading-relaxed)}.public-cta-footer .btn{background:#fff;color:var(--color-primary-600)}.public-cta-footer .btn:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:var(--shadow-xl)}.public-footer{background:var(--color-surface-elevated);border-top:1px solid var(--color-border);padding:var(--space-8) var(--container-padding);margin-top:auto}.public-footer__content{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.public-footer__logo{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary-600)}.public-footer__links{display:flex;gap:var(--space-6)}.public-footer__links a{color:var(--color-text-secondary);font-size:var(--text-sm);transition:color var(--transition-fast)}.public-footer__links a:hover{color:var(--color-primary-600)}@media (max-width: 768px){.public-hero{padding:var(--space-8) var(--space-6)}.public-hero__title{font-size:var(--text-3xl)}.public-hero__description{font-size:var(--text-lg)}.public-items-grid{grid-template-columns:1fr}.public-cta-footer{padding:var(--space-8) var(--space-6)}.public-cta-title{font-size:var(--text-2xl)}.public-cta-description{font-size:var(--text-base)}.public-header__auth{gap:var(--space-2)}.public-footer__content{flex-direction:column;gap:var(--space-4);text-align:center}}.reader-wrapper{min-height:100vh;background:var(--color-surface)}.reader-header{background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--container-padding);position:sticky;top:0;z-index:var(--z-sticky)}.reader-header__brand{display:flex;align-items:center;gap:var(--space-6)}.reader-header__logo{color:var(--color-primary-600);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.reader-header__back{color:var(--color-text-secondary);font-weight:var(--font-medium);font-size:var(--text-sm);transition:color var(--transition-fast)}.reader-header__back:hover{color:var(--color-primary-600)}.reader-header__nav{display:flex;gap:var(--space-4);align-items:center}.reader-nav-link{color:var(--color-text-primary);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast)}.reader-nav-link:hover{background:var(--color-neutral-100);color:var(--color-primary-600)}.reader-container{display:flex;max-width:var(--container-max-width);margin:0 auto;gap:var(--space-8);padding:var(--space-8) var(--container-padding);align-items:flex-start}.reader-sidebar{width:var(--sidebar-width);flex-shrink:0;position:sticky;top:calc(var(--header-height) + var(--space-8));max-height:calc(100vh - var(--header-height) - var(--space-8) * 2);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6)}.sidebar-section__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.sidebar-section__count{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-tertiary)}.sidebar-section__content{display:flex;flex-direction:column;gap:var(--space-3)}.sidebar-empty{color:var(--color-text-tertiary);font-size:var(--text-sm);font-style:italic;text-align:center;padding:var(--space-4)}.highlights-list{display:flex;flex-direction:column;gap:var(--space-3)}.highlight-card{background:var(--color-primary-50);border-left:3px solid var(--color-primary-500)}.highlight-quote{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-primary);margin:0 0 var(--space-2);font-style:italic}.highlight-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.notes-list{display:flex;flex-direction:column;gap:var(--space-3)}.note-card{background:var(--color-accent-50);border-left:3px solid var(--color-accent-500)}.note-body{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-primary);margin:0 0 var(--space-2)}.note-footer{display:flex;justify-content:space-between;align-items:center}.note-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.note-delete{background:none;border:none;color:var(--color-error);font-size:var(--text-2xl);padding:0;width:auto;margin:0;cursor:pointer;line-height:1;transition:color var(--transition-fast)}.note-delete:hover{color:#b91c1c}.note-form{background:var(--color-accent-50)}.add-note-btn{margin-top:var(--space-2)}.reader-main{flex:1;min-width:0}.reader-article{background:var(--color-surface-elevated);padding:var(--space-12) var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-base)}.article-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-4);line-height:var(--leading-tight)}.article-byline{color:var(--color-text-secondary);margin:0 0 var(--space-3);font-size:var(--text-lg);font-style:italic}.article-meta{display:flex;gap:var(--space-4);align-items:center;font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-6)}.article-meta span:not(:last-child):after{content:"•";margin-left:var(--space-4)}.article-divider{height:1px;background:var(--color-divider);margin-bottom:var(--space-8)}.article-content{font-size:var(--text-lg);color:var(--color-text-primary);line-height:var(--leading-loose)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-weight:var(--font-bold);color:var(--color-text-primary);margin-top:var(--space-8);margin-bottom:var(--space-4);line-height:var(--leading-tight)}.article-content h1{font-size:var(--text-3xl)}.article-content h2{font-size:var(--text-2xl)}.article-content h3{font-size:var(--text-xl)}.article-content p{margin-bottom:var(--space-6)}.article-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-8) 0}.article-content a{color:var(--color-primary-600);text-decoration:underline;transition:color var(--transition-fast)}.article-content a:hover{color:var(--color-primary-700)}.article-content blockquote{border-left:4px solid var(--color-primary-500);padding-left:var(--space-6);margin:var(--space-8) 0;color:var(--color-text-secondary);font-style:italic}.article-content code{background:var(--color-neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.9em;font-family:var(--font-mono)}.article-content pre{background:var(--color-neutral-100);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-6) 0}.article-content pre code{background:none;padding:0}.article-content ul,.article-content ol{margin:var(--space-4) 0;padding-left:var(--space-8)}.article-content li{margin-bottom:var(--space-2)}.content-error,.content-fallback{padding:var(--space-12) var(--space-6)}@media (max-width: 968px){.reader-container{flex-direction:column-reverse}.reader-sidebar{width:100%;position:static;max-height:none}.reader-article{padding:var(--space-8) var(--space-6)}.article-title{font-size:var(--text-3xl)}.reader-header{flex-direction:column;gap:var(--space-3);align-items:flex-start}.reader-header__nav{width:100%;overflow-x:auto}}.import-page{min-height:100vh;background:var(--color-background)}.import-main{padding-top:var(--space-8);padding-bottom:var(--space-16)}.import-hero{text-align:center;margin-bottom:var(--space-10)}.import-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.import-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.import-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-bottom:var(--space-8)}@media (min-width: 1024px){.import-grid{grid-template-columns:repeat(2,1fr)}}.import-card{display:flex;flex-direction:column}.import-card .card__header{border-bottom:2px solid var(--color-border)}.import-card__icon{font-size:var(--text-2xl);margin-right:var(--space-2)}.import-card__description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.import-steps{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-md);border-left:3px solid var(--color-primary-600)}.import-steps__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.import-steps__list{list-style-position:outside;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-sm)}.import-steps__list a{color:var(--color-primary-600);font-weight:var(--font-medium);text-decoration:underline}.import-form{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.import-upload{display:flex;flex-direction:column;gap:var(--space-3)}.import-upload__input{display:none}.import-upload__label{display:flex;align-items:center;justify-content:center;padding:var(--space-6);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-neutral-50);cursor:pointer;transition:all var(--transition-fast)}.import-upload__label:hover{border-color:var(--color-primary-600);background:var(--color-primary-50)}.import-upload__placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-tertiary)}.import-upload__icon{font-size:var(--text-3xl)}.import-upload__file-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.import-upload__file-name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary)}.import-upload__file-size{font-size:var(--text-sm);color:var(--color-text-tertiary)}.import-upload__remove{align-self:flex-start;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-error);background:transparent;border:1px solid var(--color-error);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.import-upload__remove:hover:not(:disabled){background:var(--color-error);color:#fff}.import-upload__remove:disabled{opacity:.5;cursor:not-allowed}.import-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm)}.import-message--error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.import-report{padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary-50) 0%,#d1fae5 100%);border:2px solid var(--color-primary-200);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.import-report__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:#065f46;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.import-report__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.import-report__stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border)}.import-report__stat--error{border-color:var(--color-error)}.import-report__stat-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.import-report__stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.import-report__stat--error .import-report__stat-value{color:var(--color-error)}.import-report__action{width:100%}@media (min-width: 640px){.import-report__action{width:auto}}.import-details{display:grid;grid-template-columns:1fr;gap:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}@media (min-width: 640px){.import-details{grid-template-columns:repeat(2,1fr)}}.import-details__section h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.import-details__section ul{list-style-position:outside;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.import-tips{background:var(--color-neutral-50);border:1px solid var(--color-border)}.import-tips__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.import-tips__list{list-style-position:outside;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.import-tips__list strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}.import-failures{margin-top:var(--space-4);padding:var(--space-4);background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-error)}.import-failures__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-error);margin-bottom:var(--space-3)}.import-failures__list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.import-failures__item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:#fef2f2;border-radius:var(--radius-sm);font-size:var(--text-xs)}.import-failures__url{color:var(--color-text-primary);font-weight:var(--font-medium);word-break:break-all}.import-failures__error{color:var(--color-error);font-size:var(--text-xs)}.trust-page{min-height:100vh;background:#fafafa}.trust-header{background:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.trust-header .logo{font-size:1.5rem;font-weight:700;color:#667eea}.trust-header nav{display:flex;gap:1rem}.trust-header nav a{padding:.5rem 1rem;border-radius:4px;font-weight:500}.trust-header nav a:last-child{background:#667eea;color:#fff}.trust-main{max-width:900px;margin:0 auto;padding:3rem 2rem}.trust-main h1{font-size:2.5rem;color:#333;margin-bottom:1rem}.subtitle{font-size:1.2rem;color:#666;margin-bottom:3rem}.trust-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.trust-section h2{color:#333;margin-bottom:1rem;font-size:1.5rem}.trust-section ul{margin-left:1.5rem;line-height:1.8}.trust-section li{margin-bottom:.75rem;color:#555}.trust-section strong{color:#333}.trust-section ul ul{margin-top:.5rem}.trust-section a{color:#667eea;text-decoration:underline}.trust-footer{text-align:center;padding:2rem;color:#999}.trust-footer p{margin-bottom:.5rem}.trust-footer a{color:#667eea;font-weight:500}.settings-page{min-height:100vh;background:#f8f9fa;padding:2rem}.settings-container{max-width:800px;margin:0 auto;background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a}.settings-container h1{margin-top:0;margin-bottom:2rem;color:#333}.settings-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e0e0e0}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h2{font-size:1.25rem;margin-top:0;margin-bottom:1rem;color:#333}.setting-item{margin-bottom:1.5rem}.setting-item:last-child{margin-bottom:0}.setting-item label{display:block;font-weight:600;margin-bottom:.5rem;color:#555}.setting-item p{margin:0;color:#666}.help-text{font-size:.9rem;color:#666;margin:0}.token-display{display:flex;gap:.75rem;align-items:flex-start}.token-display textarea,.token-display input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:4px;resize:vertical;width:100%}.token-display button{flex-shrink:0}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:400px;width:90%;box-shadow:0 4px 6px #0000001a}.modal-content h3{margin-top:0;margin-bottom:1rem}.modal-content p{margin-bottom:1.5rem;color:#666}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-actions .btn{padding:.5rem 1rem;flex:0 0 auto}.extension-page{min-height:100vh;background:var(--color-background)}.extension-main{padding-top:var(--space-8);padding-bottom:var(--space-16)}.extension-hero{text-align:center;margin-bottom:var(--space-12)}.extension-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.extension-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.extension-card{margin-bottom:var(--space-8)}.extension-section-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border)}.extension-steps{display:flex;flex-direction:column;gap:var(--space-10)}.extension-step{display:flex;gap:var(--space-6);align-items:flex-start}.extension-step__number{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-primary-600);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-bold)}.extension-step__content{flex:1}.extension-step__content h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.extension-step__content p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.extension-step__content p:last-child{margin-bottom:0}.extension-step__note{background:var(--color-neutral-50);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border-left:3px solid var(--color-primary-600)}.extension-substeps{list-style-position:outside;padding-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.extension-substeps code{background:var(--color-neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em;color:var(--color-primary-700)}.extension-substeps strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}.extension-features{margin-bottom:var(--space-8)}.extension-feature-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 768px){.extension-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.extension-feature-grid{grid-template-columns:repeat(3,1fr)}}.extension-feature{display:flex;flex-direction:column;gap:var(--space-3)}.extension-feature__icon{font-size:var(--text-3xl)}.extension-feature h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.extension-feature p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.extension-cta{text-align:center;margin-top:var(--space-8);padding:var(--space-6);background:var(--color-neutral-50);border-radius:var(--radius-lg)}.extension-cta p{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.extension-cta a{color:var(--color-primary-600);font-weight:var(--font-medium);text-decoration:underline}.account-page{min-height:100vh;background:var(--color-background)}.account-main{padding-top:var(--space-8);padding-bottom:var(--space-16)}.account-loading{text-align:center;padding:var(--space-16);font-size:var(--text-lg);color:var(--color-text-secondary)}.account-hero{text-align:center;margin-bottom:var(--space-10)}.account-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.account-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.account-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8)}.account-card{margin-bottom:0}.account-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-2)}.account-info{display:flex;flex-direction:column;gap:var(--space-6)}.account-info__item{display:flex;flex-direction:column;gap:var(--space-2)}.account-info__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.account-info__value{font-size:var(--text-lg);color:var(--color-text-primary);padding:var(--space-3) var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-md)}.account-info__actions{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.account-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm)}.account-message--success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.account-message--error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.account-form{display:flex;flex-direction:column;gap:var(--space-6)}.account-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.account-form__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.account-form__textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;min-height:100px;transition:border-color var(--transition-fast)}.account-form__textarea:focus{outline:none;border-color:var(--color-primary-600);box-shadow:0 0 0 3px #00a0a01a}.account-form__textarea::placeholder{color:var(--color-text-tertiary)}.account-form__helper{font-size:var(--text-xs);color:var(--color-text-tertiary)}.account-privacy{display:flex;flex-direction:column;gap:var(--space-8)}.account-privacy__item{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.account-privacy__item:last-child{border-bottom:none;padding-bottom:0}.account-privacy__item--danger{padding-top:var(--space-6);border-top:1px solid var(--color-error)}.account-privacy__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.account-privacy__item--danger .account-privacy__title{color:var(--color-error)}.account-privacy__text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.account-privacy__link{color:var(--color-primary-600);font-weight:var(--font-medium);font-size:var(--text-base);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);transition:color var(--transition-fast)}.account-privacy__link:hover{color:var(--color-primary-700);text-decoration:underline}.account-privacy__action{align-self:flex-start}.nav-link--active{color:var(--color-primary-600);font-weight:var(--font-semibold)}.pricing-page{min-height:100vh;background:var(--color-background)}.pricing-main{padding-top:4rem;padding-bottom:6rem}.pricing-hero{text-align:center;margin-bottom:4rem}.pricing-hero__title{font-size:3rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.pricing-hero__icon{color:#667eea}.pricing-hero__subtitle{font-size:1.25rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.billing-toggle{display:flex;justify-content:center;gap:.5rem;margin-bottom:3rem;background:var(--color-card-background);padding:.5rem;border-radius:var(--radius-lg);width:fit-content;margin-left:auto;margin-right:auto;box-shadow:var(--shadow-sm)}.billing-toggle__btn{padding:.75rem 2rem;border:none;background:transparent;border-radius:var(--radius-md);font-size:1rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;gap:.5rem}.billing-toggle__btn:hover{color:var(--color-text-primary)}.billing-toggle__btn--active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:var(--shadow-md)}.billing-toggle__badge{display:inline-block;background:#fff3;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:900px;margin:0 auto 4rem}.pricing-card{background:var(--color-card-background);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:2rem;position:relative;transition:all .3s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card--premium{border-color:#667eea;background:linear-gradient(to bottom,rgba(102,126,234,.05),transparent)}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.25rem;box-shadow:var(--shadow-md)}.pricing-card__header{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.pricing-card__title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem;display:flex;align-items:center}.pricing-card__price{display:flex;align-items:baseline;gap:.25rem}.pricing-card__amount{font-size:3rem;font-weight:700;color:var(--color-text-primary)}.pricing-card__period{font-size:1.125rem;color:var(--color-text-secondary)}.pricing-card__billed{font-size:.875rem;color:var(--color-text-secondary);margin-top:.5rem}.pricing-card__body{margin-bottom:2rem}.pricing-card__features{list-style:none;padding:0;margin:0}.pricing-card__feature{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;color:var(--color-text-primary);font-size:1rem}.pricing-card__feature--premium{font-weight:600;color:#667eea;margin-bottom:.5rem}.pricing-card__check{color:#10b981;flex-shrink:0;margin-top:2px}.pricing-card__footer{margin-bottom:1rem}.pricing-card__cta{background:linear-gradient(135deg,#667eea,#764ba2)!important;font-weight:600;font-size:1.125rem;padding:1rem!important}.pricing-card__current{text-align:center;padding:1rem;border-radius:var(--radius-md);font-weight:600;color:var(--color-text-secondary);background:var(--color-background)}.pricing-card__current--premium{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;display:flex;align-items:center;justify-content:center}.pricing-card__guarantee{text-align:center;font-size:.875rem;color:var(--color-text-secondary)}.pricing-faq{max-width:900px;margin:0 auto}.pricing-faq__title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--color-text-primary)}.pricing-faq__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.pricing-faq__item{background:var(--color-card-background);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.pricing-faq__question{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.75rem}.pricing-faq__answer{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6;margin:0}@media (max-width: 768px){.pricing-hero__title{font-size:2rem}.pricing-hero__subtitle{font-size:1rem}.pricing-cards{grid-template-columns:1fr;gap:1.5rem}.billing-toggle__btn{padding:.625rem 1.5rem;font-size:.9375rem}.pricing-card__amount{font-size:2.5rem}.pricing-faq__grid{grid-template-columns:1fr;gap:1.5rem}}.search-page{min-height:100vh;background:var(--color-background)}.search-hero{background:linear-gradient(135deg,#667eea0d,#764ba20d);padding:var(--space-16) var(--space-6);border-bottom:1px solid var(--color-border)}.search-hero__container{max-width:800px;margin:0 auto}.search-hero__title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:var(--space-8);color:var(--color-text-primary)}.search-input-container{position:relative;margin-bottom:var(--space-6)}.search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2);transition:all .2s ease}.search-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.search-input-wrapper__icon{flex-shrink:0;color:var(--color-text-tertiary);margin:0 var(--space-3)}.search-input{flex:1;border:none;background:transparent;font-size:1.25rem;font-weight:500;color:var(--color-text-primary);padding:var(--space-3) 0;outline:none}.search-input::placeholder{color:var(--color-text-tertiary);font-weight:400}.search-input-clear{flex-shrink:0;background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.search-input-clear:hover{background:var(--color-border);color:var(--color-text-primary)}.search-loading-spinner{flex-shrink:0;color:var(--color-primary);margin:0 var(--space-3);animation:spin 1s linear infinite}.search-modes{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-4);flex-wrap:wrap}.search-mode-button{padding:var(--space-2) var(--space-4);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-2)}.search-mode-button:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.search-mode-button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.search-controls{max-width:var(--layout-max-width);margin:0 auto;padding:var(--space-6);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.search-stats{color:var(--color-text-secondary);font-size:.875rem}.search-stats strong{color:var(--color-text-primary);font-weight:600}.search-actions{display:flex;gap:var(--space-3);align-items:center}.search-sort{display:flex;gap:var(--space-2);align-items:center}.search-sort-label{font-size:.875rem;color:var(--color-text-secondary)}.search-sort-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:all .2s ease}.search-sort-select:hover{border-color:var(--color-primary)}.search-results{max-width:var(--layout-max-width);margin:0 auto;padding:0 var(--space-6) var(--space-12)}.search-results-list{display:flex;flex-direction:column;gap:var(--space-4)}.search-result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all .2s ease;cursor:pointer}.search-result-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.search-result-card__header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.search-result-card__favicon{width:20px;height:20px;border-radius:var(--radius-sm);object-fit:contain;flex-shrink:0}.search-result-card__title{flex:1;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);line-height:1.4;margin:0;text-decoration:none}.search-result-card__title:hover{color:var(--color-primary)}.search-result-card__meta{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:var(--space-3);flex-wrap:wrap}.search-result-card__domain{color:var(--color-text-secondary)}.search-result-card__date{display:flex;align-items:center;gap:var(--space-1)}.search-result-card__description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-card__scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.score-item{display:flex;flex-direction:column;gap:var(--space-1)}.score-item__label{font-size:.75rem;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.score-item__value{display:flex;align-items:center;gap:var(--space-2)}.score-item__number{font-size:.875rem;font-weight:600;color:var(--color-text-primary);min-width:45px}.score-progress{flex:1;height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.score-progress__bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full);transition:width .3s ease}.score-progress__bar--high{background:linear-gradient(90deg,#10b981,#059669)}.score-progress__bar--medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.score-progress__bar--low{background:linear-gradient(90deg,#94a3b8,#64748b)}.combined-score-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.search-result-card__tags{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center}.search-result-card__tag{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:var(--color-text-secondary)}.search-result-card__actions{display:flex;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.search-empty{max-width:600px;margin:var(--space-12) auto;text-align:center}.search-empty__icon{color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.search-empty__title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.search-empty__description{font-size:1rem;color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6}.search-empty__suggestions{display:flex;flex-direction:column;gap:var(--space-2);text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6)}.search-empty__suggestions-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.search-empty__suggestion-item{font-size:.875rem;color:var(--color-text-secondary);padding-left:var(--space-4);position:relative}.search-empty__suggestion-item:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.search-history{margin-top:var(--space-6)}.search-history__title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.search-history__list{display:flex;flex-direction:column;gap:var(--space-2)}.search-history__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-2);text-align:left}.search-history__item:hover{border-color:var(--color-primary);background:#667eea0d}.search-history__item-text{flex:1;font-size:.875rem;color:var(--color-text-secondary)}.search-filters{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.search-filters__title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.search-filters__section{margin-bottom:var(--space-6)}.search-filters__section:last-child{margin-bottom:0}.search-filters__section-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px}.search-filters__date-presets{display:flex;flex-direction:column;gap:var(--space-2)}.search-filters__date-preset{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:all .2s ease;text-align:left}.search-filters__date-preset:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.search-filters__date-preset.active{background:#667eea1a;border-color:var(--color-primary);color:var(--color-primary)}.search-filters__checkbox-group{display:flex;flex-direction:column;gap:var(--space-2)}.search-filters__checkbox{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);cursor:pointer}.search-filters__checkbox input{cursor:pointer}.search-filters__checkbox label{font-size:.875rem;color:var(--color-text-secondary);cursor:pointer}@media (max-width: 768px){.search-hero{padding:var(--space-8) var(--space-4)}.search-hero__title{font-size:1.5rem}.search-input{font-size:1rem}.search-controls{flex-direction:column;align-items:flex-start;padding:var(--space-4)}.search-results{padding:0 var(--space-4) var(--space-8)}.search-result-card{padding:var(--space-4)}.search-result-card__scores{grid-template-columns:1fr}.search-modes{justify-content:flex-start}.search-actions{width:100%;justify-content:space-between}}.keyboard-hint{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);font-family:monospace}:root{--color-primary-50: #e6f7f7;--color-primary-100: #b3e8e8;--color-primary-200: #80d9d9;--color-primary-300: #4dcaca;--color-primary-400: #1abbbb;--color-primary-500: #00a0a0;--color-primary-600: #008080;--color-primary-700: #006060;--color-primary-800: #004040;--color-primary-900: #002020;--color-accent-50: #fff4f0;--color-accent-100: #ffd9cc;--color-accent-200: #ffbfa8;--color-accent-300: #ffa485;--color-accent-400: #ff8a61;--color-accent-500: #ff6f3d;--color-accent-600: #e65a28;--color-accent-700: #cc4614;--color-accent-800: #b33100;--color-accent-900: #991d00;--color-neutral-50: #fafaf9;--color-neutral-100: #f5f5f4;--color-neutral-200: #e7e5e4;--color-neutral-300: #d6d3d1;--color-neutral-400: #a8a29e;--color-neutral-500: #78716c;--color-neutral-600: #57534e;--color-neutral-700: #44403c;--color-neutral-800: #292524;--color-neutral-900: #1c1917;--color-success: #059669;--color-warning: #f59e0b;--color-error: #dc2626;--color-info: #3b82f6;--color-background: #ffffff;--color-surface: #fafaf9;--color-surface-elevated: #ffffff;--color-border: #e7e5e4;--color-divider: #f5f5f4;--color-text-primary: #1c1917;--color-text-secondary: #57534e;--color-text-tertiary: #78716c;--color-text-disabled: #a8a29e;--color-text-inverse: #fafaf9;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-serif: "Georgia", "Times New Roman", serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Droid Sans Mono", "Source Code Pro", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.5rem;--text-7xl: 4rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--container-max-width: 1100px;--container-padding: var(--space-6);--reading-column-width: 680px;--sidebar-width: 280px;--header-height: 64px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}[data-theme=dark]{--color-background: #1c1917;--color-surface: #292524;--color-surface-elevated: #44403c;--color-border: #44403c;--color-divider: #292524;--color-text-primary: #fafaf9;--color-text-secondary: #d6d3d1;--color-text-tertiary: #a8a29e;--color-text-disabled: #78716c;--color-text-inverse: #1c1917;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5)}.container{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.reading-column{max-width:var(--reading-column-width);margin-left:auto;margin-right:auto}.text-serif{font-family:var(--font-serif)}.text-sans{font-family:var(--font-sans)}.text-mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text-primary);font-size:var(--text-base);line-height:var(--leading-normal)}#root{min-height:100vh}a{text-decoration:none;color:var(--color-primary-600);transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-neutral-100)}::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}