:root{--space-micro:4px;--space-small:8px;--space-inner:12px;--space-standard:16px;--space-section:20px;--space-large:24px;--space-page:32px;--space-hero:48px;--space-major:64px;--font-sans:-apple-system,BlinkMacSystemFont,Inter,Roboto,"Segoe UI",sans-serif;--text-display:clamp(2.5rem,5vw,3.5rem);--text-title:clamp(1.5rem,2.5vw,2rem);--text-section:1.25rem;--text-body:1rem;--text-caption:0.875rem;--text-footnote:0.75rem;--leading-tight:1.2;--leading-normal:1.35;--ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--duration-micro:120ms;--duration-standard:200ms;--duration-slow:280ms;--radius-input:12px;--radius-card:16px;--radius-button:12px;--background:#fafafa;--surface:#ffffff;--surface-elevated:#ffffff;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eff6ff;--label-primary:#111827;--label-secondary:#6b7280;--separator:#e5e7eb;--success:#10b981;--destructive:#ef4444;--shadow-soft:0 1px 3px rgba(0,0,0,0.06);--shadow-card:0 4px 24px rgba(0,0,0,0.06),0 2px 8px rgba(0,0,0,0.04);--shadow-focus:0 0 0 3px var(--primary-soft)}@media (prefers-color-scheme:dark){:root{--background:#0f1115;--surface:#181b20;--surface-elevated:#1e2228;--primary:#3b82f6;--primary-hover:#60a5fa;--primary-soft:rgba(59,130,246,0.2);--label-primary:#f3f4f6;--label-secondary:#9ca3af;--separator:#2d323a;--success:#34d399;--destructive:#f87171;--shadow-soft:0 1px 3px rgba(0,0,0,0.3);--shadow-card:0 4px 24px rgba(0,0,0,0.25),0 2px 8px rgba(0,0,0,0.2);--shadow-focus:0 0 0 3px var(--primary-soft)}}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body,html{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--label-primary);background:var(--background);-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;flex-direction:column}.app-shell,.app-shell>*{flex:1 1;display:flex;flex-direction:column;min-height:0}.app-shell--atmospheric{flex:1 1;display:flex;flex-direction:column;min-height:100%;background:radial-gradient(ellipse 120% 80% at 50% -20%,var(--primary-soft) 0,transparent 50%),var(--background)}.app-main{flex:1 1;width:100%;max-width:640px;margin:0 auto;padding:var(--space-page) var(--space-standard)}.app-main--wide{max-width:960px}.app-main--narrow{max-width:420px}.text-display{font-size:var(--text-display);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-large)}.text-display,.text-title{line-height:var(--leading-tight);color:var(--label-primary)}.text-title{font-size:var(--text-title);font-weight:600;margin:0 0 var(--space-standard)}.text-section{font-size:var(--text-section);font-weight:600;margin:0 0 var(--space-inner)}.text-body,.text-section{color:var(--label-primary)}.text-body{font-size:var(--text-body);margin:0 0 var(--space-standard)}.text-caption{font-size:var(--text-caption)}.text-caption,.text-footnote{color:var(--label-secondary);margin:0}.text-footnote{font-size:var(--text-footnote)}.app-header{padding:var(--space-standard) var(--space-page);border-bottom:1px solid var(--separator);background:var(--surface)}.app-header__inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-standard)}.app-logo{font-size:var(--text-section);font-weight:600;color:var(--label-primary);text-decoration:none;transition:color var(--duration-micro) var(--ease-out)}.app-logo:hover{color:var(--primary)}.app-nav{display:flex;align-items:center;gap:var(--space-large)}.app-nav__link{font-size:var(--text-caption);color:var(--label-secondary);text-decoration:none;transition:color var(--duration-micro) var(--ease-out)}.app-nav__link:hover{color:var(--label-primary)}.app-nav__btn{font-family:inherit;font-size:var(--text-caption);color:var(--label-secondary);background:none;border:none;padding:0;cursor:pointer;text-decoration:none;transition:color var(--duration-micro) var(--ease-out)}.app-nav__btn:hover{color:var(--label-primary)}.app-nav__btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-footer{padding:var(--space-large) var(--space-page);border-top:1px solid var(--separator);background:var(--surface);margin-top:auto}.app-footer__inner{max-width:960px;margin:0 auto;text-align:center}.app-footer__copy{font-size:var(--text-footnote);color:var(--label-secondary);margin:0}.card{background:var(--surface-elevated);border:1px solid var(--separator);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-large);transition:box-shadow var(--duration-standard) var(--ease-out),transform var(--duration-standard) var(--ease-out)}.card--elevated:hover{box-shadow:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04)}.card--compact{padding:var(--space-standard) var(--space-large)}.card--compact .card__title{margin-bottom:var(--space-inner)}@media (prefers-color-scheme:dark){.card--elevated:hover{box-shadow:0 8px 32px rgba(0,0,0,.35)}}.card__title{font-size:var(--text-section);font-weight:600;margin:0 0 var(--space-inner);color:var(--label-primary)}.card__meta{font-size:var(--text-caption);color:var(--label-secondary);margin:0}.input-wrap{margin-bottom:var(--space-standard)}.input{width:100%;min-height:48px;padding:var(--space-inner) var(--space-standard);font-family:inherit;font-size:var(--text-body);color:var(--label-primary);background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius-input);transition:border-color var(--duration-micro) var(--ease-out),box-shadow var(--duration-micro) var(--ease-out)}.input::placeholder{color:var(--label-secondary)}.input:hover{border-color:var(--label-secondary)}.input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.input--error{border-color:var(--destructive)}.input--error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.2)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--space-large);font-family:inherit;font-size:var(--text-body);font-weight:500;border:none;border-radius:var(--radius-button);cursor:pointer;transition:background-color var(--duration-micro) var(--ease-out),transform var(--duration-micro) var(--ease-out),box-shadow var(--duration-micro) var(--ease-out)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:active{transform:scale(.98)}.btn--primary{width:100%;background:var(--primary);color:white}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn--secondary{background:var(--surface);color:var(--label-primary);border:1px solid var(--separator)}.btn--secondary:hover:not(:disabled){background:var(--surface-elevated);border-color:var(--label-secondary)}.btn--ghost{background:transparent;color:var(--label-secondary)}.btn--ghost:hover:not(:disabled){color:var(--label-primary)}.format-pills{display:flex;flex-wrap:wrap;gap:var(--space-small);margin-bottom:var(--space-large)}.format-pills--compact{gap:var(--space-micro);margin-bottom:var(--space-inner)}.format-pills--chips .format-pill,.format-pills--compact .format-pill{padding:var(--space-micro) var(--space-inner);font-size:var(--text-footnote);border-radius:999px}.format-pill{padding:var(--space-inner) var(--space-standard);font-family:inherit;font-size:var(--text-caption);font-weight:500;color:var(--label-primary);background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius-input);cursor:pointer;transition:background-color var(--duration-micro) var(--ease-out),border-color var(--duration-micro) var(--ease-out),color var(--duration-micro) var(--ease-out),transform var(--duration-micro) var(--ease-out)}.format-pill:hover{border-color:var(--primary);background:var(--primary-soft)}.format-pill--active{background:var(--primary);border-color:var(--primary);color:white}.format-pill--active:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:white}.export-format-card__title{font-size:var(--text-caption);font-weight:600;color:var(--label-primary);margin:0 0 var(--space-inner)}.export-format-card__cta{margin-top:var(--space-large);padding-top:var(--space-standard);border-top:1px solid var(--separator)}.format-more-toggle{display:inline-flex;align-items:center;gap:var(--space-small);margin-top:var(--space-inner);padding:0;font-family:inherit;font-size:var(--text-footnote);font-weight:500;color:var(--label-secondary);background:transparent;border:none;border-radius:0;cursor:pointer;transition:color var(--duration-micro) var(--ease-out)}.format-more-toggle:hover{color:var(--primary)}.format-more-toggle:active{opacity:.85}.additional-features-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:0}.additional-features-trigger{display:inline-flex;align-items:center;gap:var(--space-small);padding:var(--space-small) var(--space-standard);border-radius:999px;background:var(--surface);border:1px solid var(--separator);box-shadow:var(--shadow-soft);font:inherit;color:var(--label-primary);cursor:pointer;transition:border-color var(--duration-micro) var(--ease-out),box-shadow var(--duration-micro) var(--ease-out)}.additional-features-trigger:hover{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.additional-features-chevron{font-size:.75rem;color:var(--label-secondary);margin-left:var(--space-small)}.additional-features-dropdown{margin-top:var(--space-inner);padding:var(--space-inner) var(--space-standard);width:100%;max-width:480px;border-radius:var(--radius-input);background:var(--surface-elevated);border:1px solid var(--separator);box-shadow:var(--shadow-card)}.additional-features-dropdown .format-pills,.additional-features-dropdown .format-pills--compact{margin-bottom:var(--space-inner)}.additional-features-dropdown__title{font-size:var(--text-footnote);font-weight:600;color:var(--label-primary);margin:0 0 var(--space-inner)}.additional-features-dropdown__row{align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:var(--space-inner);padding-top:var(--space-inner);border-top:1px solid var(--separator)}.additional-features-dropdown__actions,.additional-features-dropdown__row{display:flex;gap:var(--space-small)}.video-preview{display:grid;grid-template-columns:160px 1fr;grid-gap:var(--space-large);gap:var(--space-large);align-items:start;margin-bottom:var(--space-page)}@media (max-width:480px){.video-preview{grid-template-columns:1fr}}.video-preview__thumb{aspect-ratio:16/9;background:var(--separator);border-radius:var(--radius-input);overflow:hidden}.video-preview__thumb img{width:100%;height:100%;object-fit:cover}.video-preview__info{min-width:0}.video-preview__title{font-size:var(--text-body);font-weight:600;margin:0 0 var(--space-small);color:var(--label-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-preview__channel,.video-preview__count{font-size:var(--text-caption);color:var(--label-secondary);margin:0}.top-comments-cta{margin-top:var(--space-standard);padding:var(--space-inner) var(--space-standard);border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--separator);display:flex;align-items:center;justify-content:space-between;gap:var(--space-standard)}.top-comments-cta__copy{display:flex;flex-direction:column;gap:2px}.top-comments-cta__eyebrow{font-size:var(--text-footnote);color:var(--label-secondary);text-transform:uppercase;letter-spacing:.08em}.top-comments-cta__title{font-size:var(--text-caption);color:var(--label-primary);margin:0}.top-comments-cta__link{display:inline-flex;align-items:center;gap:var(--space-small);padding:0 var(--space-inner);min-height:32px;border-radius:999px;font-size:var(--text-footnote);color:var(--primary);text-decoration:none;background:var(--primary-soft);transition:background-color var(--duration-micro) var(--ease-out),transform var(--duration-micro) var(--ease-out)}.top-comments-cta__link:hover{background:var(--primary-hover);color:white;transform:translateY(-1px)}@media (max-width:480px){.top-comments-cta{flex-direction:column;align-items:flex-start}}.comment-list{gap:var(--space-standard)}.comment-list,.comment-list__item{display:flex;flex-direction:column}.comment-list__item{position:relative;gap:var(--space-inner);padding:var(--space-standard) var(--space-page);border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--separator);box-shadow:var(--shadow-soft);transition:transform var(--duration-standard) var(--ease-out),box-shadow var(--duration-standard) var(--ease-out),border-color var(--duration-standard) var(--ease-out)}.comment-list__item:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.comment-list__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-standard)}.comment-list__author-row{display:inline-flex;align-items:center;gap:var(--space-small);min-width:0}.comment-list__rank{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-inner);border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:var(--text-footnote);font-weight:600}.comment-list__meta{display:flex;flex-direction:column;gap:4px}.comment-list__author{font-size:var(--text-caption);color:var(--label-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-list__likes{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-footnote);color:var(--primary)}.comment-list__likes svg{width:14px;height:14px}.comment-list__text{font-size:var(--text-body);color:var(--label-primary);margin:0;white-space:pre-wrap}.comment-list__meta-row{margin-top:var(--space-small);color:var(--label-secondary)}.page-inline-nav{display:flex;flex-wrap:wrap}.page-inline-nav,.page-inline-nav__link{gap:var(--space-small);align-items:center}.page-inline-nav__link{display:inline-flex;padding:0 var(--space-inner);min-height:32px;border-radius:999px;font-size:var(--text-footnote);color:var(--label-secondary);text-decoration:none;background:var(--surface);border:1px solid var(--separator);transition:background-color var(--duration-micro) var(--ease-out),border-color var(--duration-micro) var(--ease-out),color var(--duration-micro) var(--ease-out),transform var(--duration-micro) var(--ease-out)}.page-inline-nav__link:hover{color:var(--label-primary);border-color:var(--primary);background:var(--primary-soft);transform:translateY(-1px)}.steps{margin:var(--space-large) 0}.step{display:flex;align-items:center;gap:var(--space-inner);padding:var(--space-small) 0;font-size:var(--text-caption);color:var(--label-secondary)}.step--done{color:var(--success)}.step--active{color:var(--label-primary);font-weight:500}.step__bullet{width:8px;height:8px;border-radius:50%;background:var(--separator);flex-shrink:0}.step--done .step__bullet{background:var(--success)}.step--active .step__bullet{background:var(--primary)}.message{padding:var(--space-standard);border-radius:var(--radius-input);font-size:var(--text-caption);margin-bottom:var(--space-standard)}.message--error{background:rgba(239,68,68,.1);color:var(--destructive)}.message--success{background:rgba(16,185,129,.1);color:var(--success)}.message--info{background:var(--primary-soft);color:var(--primary)}.divider{display:flex;align-items:center;gap:var(--space-standard);margin:var(--space-large) 0;color:var(--label-secondary);font-size:var(--text-footnote)}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--separator)}.table-wrap{overflow-x:auto;border-radius:var(--radius-card);border:1px solid var(--separator);background:var(--surface-elevated)}.table{width:100%;border-collapse:collapse;font-size:var(--text-caption)}.table td,.table th{padding:var(--space-inner) var(--space-standard);text-align:left;border-bottom:1px solid var(--separator)}.table th{font-weight:600;color:var(--label-secondary);background:var(--surface)}.table td{color:var(--label-primary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--primary-soft)}@media (prefers-color-scheme:dark){.table tr:hover td{background:var(--primary-soft)}}.spinner{width:24px;height:24px;border:2px solid var(--separator);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.spinner--center{margin:var(--space-page) auto;display:block}.hero{padding:var(--space-page) 0 var(--space-standard)}.hero__title{font-size:var(--text-display);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.02em;margin:0 0 var(--space-inner);color:var(--label-primary)}.hero__sub{max-width:520px;margin-left:0;margin-right:0;margin-bottom:var(--space-standard)}.hero__seo-line{font-size:var(--text-caption);color:var(--label-secondary);margin:0}.hero__kicker{display:inline-flex;align-items:center;gap:var(--space-small);padding:2px var(--space-inner);border-radius:999px;border:1px solid var(--separator);background:var(--surface-elevated);color:var(--label-secondary);font-size:var(--text-footnote);margin-bottom:var(--space-inner)}.hero__layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-gap:var(--space-page);gap:var(--space-page);align-items:center}@media (max-width:800px){.hero__layout{grid-template-columns:minmax(0,1fr)}}.hero__copy{max-width:520px}.hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-standard);margin-top:var(--space-standard)}.hero__meta-item{min-width:180px;padding:var(--space-small) var(--space-standard);border-radius:999px;background:var(--surface-elevated);border:1px solid var(--separator);box-shadow:var(--shadow-soft);display:inline-flex;flex-direction:column;gap:2px;font-size:var(--text-footnote);color:var(--label-secondary)}.hero__meta-label{font-weight:600;color:var(--label-primary)}.hero__meta-detail{font-size:var(--text-footnote);color:var(--label-secondary)}.pricing-hero{text-align:center;padding:var(--space-hero) 0 var(--space-large)}.pricing-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-small);padding:2px var(--space-inner);border-radius:999px;border:1px solid var(--separator);background:var(--surface-elevated);color:var(--label-secondary);font-size:var(--text-footnote);margin-bottom:var(--space-standard)}.pricing-hero__title{font-size:var(--text-title);font-weight:600;line-height:var(--leading-tight);letter-spacing:-.01em;margin:0 0 var(--space-inner)}.pricing-hero__sub{font-size:var(--text-body);color:var(--label-secondary);max-width:520px;margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-large);gap:var(--space-large);align-items:stretch}@media (max-width:960px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.pricing-grid{grid-template-columns:minmax(0,1fr)}}.pricing-card{position:relative;display:flex;flex-direction:column;gap:var(--space-standard);padding:var(--space-page);background:var(--surface-elevated);border-radius:var(--radius-card);border:1px solid var(--separator);box-shadow:var(--shadow-card)}.pricing-card--featured{border-color:var(--primary)}.pricing-card__badge{position:absolute;top:var(--space-inner);right:var(--space-inner);padding:2px var(--space-inner);border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:var(--text-footnote);font-weight:500}.pricing-card__header{display:flex;flex-direction:column;gap:var(--space-small)}.pricing-card__title{font-size:var(--text-section);font-weight:600;margin:0}.pricing-card__subtitle{font-size:var(--text-caption);color:var(--label-secondary);margin:0}.pricing-card__price-row{display:flex;align-items:baseline;gap:var(--space-small)}.pricing-card__price{font-size:var(--text-title);font-weight:600}.pricing-card__limits,.pricing-card__price-period{font-size:var(--text-caption);color:var(--label-secondary)}.pricing-card__limits{margin:0}.pricing-card__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-small);font-size:var(--text-caption)}.pricing-card__features li{display:flex;align-items:flex-start;gap:var(--space-small)}.pricing-card__features-bullet{width:6px;height:6px;border-radius:999px;background:var(--primary);margin-top:6px;flex-shrink:0}.pricing-card__footer{margin-top:auto}.pricing-footnote{margin-top:var(--space-page);font-size:var(--text-footnote);color:var(--label-secondary);text-align:center}.paste-card{background:var(--surface-elevated);border:1px solid var(--separator);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-page);margin-bottom:var(--space-large);transition:box-shadow var(--duration-standard) var(--ease-out)}.paste-card:focus-within{box-shadow:var(--shadow-card),var(--shadow-focus)}.paste-card__helper{margin-top:var(--space-inner);font-size:var(--text-footnote);color:var(--label-secondary);text-align:center}.paste-card__helper a{color:var(--primary);text-decoration:none}.paste-card__helper a:hover{text-decoration:underline}.formats-strip{margin-top:var(--space-page);margin-bottom:var(--space-page);padding:var(--space-page) var(--space-standard);border-radius:var(--radius-card);background:var(--surface-elevated);border:1px solid var(--separator);box-shadow:var(--shadow-card)}.formats-strip__eyebrow{font-size:var(--text-footnote);color:var(--label-secondary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-small)}.formats-strip__title{font-size:var(--text-section);font-weight:600;margin:0 0 var(--space-inner);color:var(--label-primary)}.formats-strip__sub{font-size:var(--text-caption);color:var(--label-secondary);margin:0}.formats-strip__hint{margin-top:var(--space-small);font-size:var(--text-footnote);color:var(--label-secondary)}.formats-strip__rail{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-standard);gap:var(--space-standard);padding-top:var(--space-standard)}.formats-strip__pill{display:flex;flex-direction:column;justify-content:center;font-size:var(--text-footnote);color:var(--label-primary);min-height:0}.formats-strip__pill:hover{color:var(--primary)}.formats-strip__pill-label{font-weight:600}.formats-strip__pill-tagline{font-size:var(--text-footnote);color:var(--label-secondary)}.section{margin-bottom:var(--space-page)}.section:last-child{margin-bottom:0}