*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}button{cursor:pointer;background:none;border:none}a{text-decoration:none;color:inherit}ul,ol{list-style:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid currentColor;outline-offset:2px}:root{--color-bg-primary: #FDFDFC;--color-bg-secondary: #FFFFFF;--color-bg-tertiary: #F5F5F5;--color-text-primary: #000000;--color-text-secondary: #333333;--color-text-tertiary: #666666;--color-border: #000000;--color-border-focus: #000000;--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-primary-active: #1D4ED8;--color-accent: #8B5CF6;--color-accent-hover: #7C3AED;--color-success: #10B981;--color-error: #EF4444;--color-warning: #F59E0B;--color-pastel-yellow: #FEF08A;--color-pastel-cyan: #A5F3FC;--color-pastel-pink: #FBCFE8;--color-pastel-blue: #BAE6FD;--color-pastel-purple: #E9D5FF;--color-pastel-green: #BBF7D0;--color-slate-50: #F8FAFC;--color-slate-100: #F1F5F9;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-family-base: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--border-radius-none: 0;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-width: 2px;--border-width-thick: 3px;--shadow-neo-sm: 2px 2px 0px 0px #000000;--shadow-neo: 4px 4px 0px 0px #000000;--shadow-neo-lg: 6px 6px 0px 0px #000000;--shadow-neo-xl: 8px 8px 0px 0px #000000;--shadow-none: 0px 0px 0px 0px #000000;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060;--z-toast: 1070;--container-max-width: 1200px;--textarea-min-height: 200px}[data-theme=dark]{--color-bg-primary: #1A1A1A;--color-bg-secondary: #2A2A2A;--color-bg-tertiary: #3A3A3A;--color-text-primary: #FFFFFF;--color-text-secondary: #E0E0E0;--color-text-tertiary: #B0B0B0;--color-border: #FFFFFF;--color-border-focus: #FFFFFF;--color-primary: #60A5FA;--color-primary-hover: #3B82F6;--color-accent: #A78BFA;--color-accent-hover: #8B5CF6}@media (prefers-color-scheme: dark){[data-theme=auto]{--color-bg-primary: #1A1A1A;--color-bg-secondary: #2A2A2A;--color-bg-tertiary: #3A3A3A;--color-text-primary: #FFFFFF;--color-text-secondary: #E0E0E0;--color-text-tertiary: #B0B0B0;--color-border: #FFFFFF;--color-border-focus: #FFFFFF;--color-primary: #60A5FA;--color-primary-hover: #3B82F6;--color-accent: #A78BFA;--color-accent-hover: #8B5CF6}}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-base);transition:background-color var(--transition-base),color var(--transition-base)}*,*:before,*:after{transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-md)}.header{position:fixed;top:1rem;left:50%;transform:translate(-50%);width:95%;max-width:72rem;z-index:var(--z-sticky);padding:0;border:none;background:transparent;box-shadow:none}.header__content{background-color:#fff;border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-neo);border-radius:var(--border-radius-xl);padding:0 var(--space-lg);height:4rem;display:flex;align-items:center;justify-content:space-between}.header__logo{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.header__logo:hover .logo-icon{transform:rotate(-6deg)}.logo-icon{width:2.5rem;height:2.5rem;background-color:var(--color-pastel-cyan);border:var(--border-width) solid var(--color-border);border-radius:.75rem;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base)}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.025em;color:var(--color-text-primary)}.logo-badge{background-color:var(--color-pastel-yellow);padding:0 .25rem;border:var(--border-width) solid var(--color-border);margin-left:.25rem}.header__title{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.header__icon{width:2rem;height:2rem;color:var(--color-primary)}.theme-switcher{display:flex;gap:var(--space-xs);padding:var(--space-xs);background-color:var(--color-bg-secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-neo-sm)}.theme-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:var(--border-width) solid transparent;border-radius:var(--border-radius-md);color:var(--color-text-secondary);transition:all var(--transition-base)}.theme-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border);transform:translate(2px,2px)}.theme-btn[aria-checked=true]{background-color:var(--color-primary);color:#fff;border-color:var(--color-border);box-shadow:var(--shadow-neo-sm)}.theme-btn svg{width:1.25rem;height:1.25rem}.main{padding-top:8rem;padding-bottom:6rem;width:100%;max-width:72rem;margin:0 auto;padding-left:var(--space-md);padding-right:var(--space-md)}.hero{text-align:center;margin-bottom:4rem;display:flex;flex-direction:column;gap:1.5rem}.hero__title{font-size:3rem;font-weight:900;letter-spacing:-.05em;line-height:1}@media (min-width: 768px){.hero__title{font-size:4.5rem}}.hero__highlight{background-color:var(--color-pastel-yellow);border:var(--border-width) solid var(--color-border);padding:0 1rem;box-shadow:var(--shadow-neo);display:inline-block;transform:rotate(-1deg)}.hero__subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);max-width:42rem;margin:0 auto}.hero__badges{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);margin-top:1rem}.cleaner-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:start}@media (min-width: 1024px){.cleaner-grid{grid-template-columns:1fr 1fr}}.cleaner-column{display:flex;flex-direction:column;gap:1.5rem}.cleaner-header{display:flex;justify-content:space-between;align-items:center;padding:0 .25rem}.cleaner-title{font-size:var(--font-size-lg);font-weight:900;text-transform:uppercase}.char-counter{background-color:var(--color-text-primary);color:var(--color-bg-primary);padding:.25rem .75rem;font-size:var(--font-size-xs);font-weight:700;border-radius:.5rem}.textarea-wrapper{position:relative;width:100%}.cleaner-section{display:flex;flex-direction:column;gap:var(--space-sm)}.cleaner-label{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.label-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.char-count{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.help-text{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.cleaner-textarea{width:100%;height:24rem;padding:2rem;background-color:#fff;border:var(--border-width) solid var(--color-border);border-radius:1.5rem;box-shadow:var(--shadow-neo);font-size:var(--font-size-lg);font-weight:500;line-height:var(--line-height-relaxed);resize:none;transition:outline none}.cleaner-textarea:focus{outline:none}.cleaner-textarea--output{background-color:var(--color-slate-50)}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-neo);border-radius:1rem;cursor:pointer;transition:all var(--transition-base)}.action-btn:hover{transform:translate(2px,2px);box-shadow:var(--shadow-none)}.action-btn--markdown{background-color:var(--color-pastel-pink)}.action-btn--emoji{background-color:var(--color-pastel-cyan)}.action-btn--all{background-color:var(--color-pastel-yellow)}.action-btn span{font-size:.75rem;text-transform:uppercase;font-weight:900}.btn-copy{position:absolute;bottom:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:1rem;font-weight:900;background-color:#fff;border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-neo);transition:all var(--transition-base)}.btn-copy:hover{transform:translate(2px,2px);box-shadow:var(--shadow-none)}.btn-copy.copied{background-color:var(--color-pastel-green)}.output-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap}.output-actions{display:flex;gap:var(--space-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:#fff;background-color:var(--color-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-neo);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translate(2px,2px);box-shadow:var(--shadow-none)}.btn:active:not(:disabled){background-color:var(--color-primary-active);transform:translate(2px,2px);box-shadow:var(--shadow-none)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--accent{background-color:var(--color-accent)}.btn--accent:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn--secondary{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.btn__icon{width:1.25rem;height:1.25rem}.btn-link{background:none;border:none;cursor:pointer;font-weight:900;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;font-size:.75rem;color:var(--color-text-secondary);transition:color var(--transition-base)}.btn-link:hover:not(:disabled){color:var(--color-primary)}.btn-link:disabled{opacity:.5;cursor:not-allowed}.info-section{padding:6rem 0;border-top:4px solid #000000;background-color:#fff}.section-header{text-align:center;margin-bottom:5rem}.section-title{font-size:3rem;font-weight:900;text-transform:uppercase;font-style:italic;letter-spacing:-.025em;margin-bottom:1rem}@media (min-width: 768px){.section-title{font-size:4rem}}.section-divider{height:.5rem;width:8rem;background-color:#000;margin:0 auto}.info-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;margin-bottom:6rem}@media (min-width: 768px){.info-grid{grid-template-columns:repeat(3,1fr)}}.info-card{background-color:#fff;border:var(--border-width) solid var(--color-border);border-radius:1.5rem;padding:2rem;box-shadow:var(--shadow-neo);transition:all var(--transition-base);cursor:default}.info-card:hover{transform:rotate(1deg) translate(2px,2px);box-shadow:var(--shadow-none)}.card-icon-box{width:4rem;height:4rem;border:var(--border-width) solid var(--color-border);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform var(--transition-base)}.info-card:hover .card-icon-box{transform:rotate(12deg)}.card-title{font-size:1.5rem;font-weight:900;text-transform:uppercase;margin-bottom:1rem}.card-desc{color:var(--color-text-secondary);font-weight:700;line-height:1.6}.details-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media (min-width: 768px){.details-grid{grid-template-columns:1fr 1fr}}.detail-card{border:var(--border-width) solid var(--color-border);border-radius:1.5rem;padding:2.5rem;box-shadow:var(--shadow-neo)}.detail-card--white{background-color:#fff;color:#000}.detail-card--black{background-color:#000;color:#fff}.detail-title{font-size:1.5rem;font-weight:900;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;text-transform:uppercase}.detail-list{display:flex;flex-direction:column;gap:1.5rem}.detail-item{display:flex;align-items:start;gap:1rem;font-size:1.125rem;font-weight:700}.check-icon{width:1.5rem;height:1.5rem;background-color:#fff;border:var(--border-width) solid #000000;border-radius:.25rem;box-shadow:2px 2px #000;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#000}.footer{background-color:var(--color-pastel-yellow);border-top:4px solid #000000;padding-top:4rem;padding-bottom:4rem}.footer__content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2.5rem;text-align:center}@media (min-width: 768px){.footer__content{flex-direction:row;text-align:left}}.footer__brand .brand-title{font-size:1.875rem;font-weight:900;text-transform:uppercase;letter-spacing:-.05em;color:#000}.footer__brand p{font-weight:700;color:#0009;margin-top:.5rem}.footer__center{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.badge-local{background-color:#000;color:#fff;padding:.75rem 1.5rem;border:var(--border-width) solid #000000;box-shadow:2px 2px #0003;border-radius:9999px;font-weight:900;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em}.footer__links{display:flex;gap:2rem}.footer__link{font-weight:900;text-transform:uppercase;font-size:.875rem;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;color:#000;padding:0 .5rem}.footer__link:hover{background-color:#fff}.footer__copyright{margin-top:4rem;padding-top:2rem;border-top:2px solid rgba(0,0,0,.1);text-align:center;font-weight:700;font-size:.75rem;opacity:.5;color:#000}.toast{position:fixed;bottom:var(--space-xl);right:var(--space-xl);padding:var(--space-md) var(--space-lg);background-color:var(--color-text-primary);color:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-neo-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);z-index:var(--z-toast);opacity:0;transform:translateY(100%);transition:opacity var(--transition-base),transform var(--transition-base);pointer-events:none}.toast--visible{opacity:1;transform:translateY(0);pointer-events:auto}.toast--success{background-color:var(--color-success);color:#fff}.toast--error{background-color:var(--color-error);color:#fff}@media (max-width: 640px){:root{--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.875rem}.header__title{font-size:var(--font-size-xl)}.action-buttons{flex-direction:column}.btn{width:100%}.output-header{flex-direction:column;align-items:flex-start}.output-actions{width:100%}.output-actions .btn{flex:1}.feature-grid,.use-cases{grid-template-columns:1fr}.toast{bottom:var(--space-md);right:var(--space-md);left:var(--space-md)}}@media (min-width: 641px) and (max-width: 1024px){.feature-grid,.use-cases{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.feature-grid{grid-template-columns:repeat(3,1fr)}.use-cases{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}