:root{--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--bg-color: #0f0f11;--card-bg: #16161a;--card-border: rgba(255, 255, 255, .04);--text-primary: #f5f5f7;--text-secondary: #9ea0a5;--accent-color: #d1b48c;--accent-hover: #e6cb9f;--accent-glow: rgba(209, 180, 140, .15);--focus-ring: rgba(209, 180, 140, .4);--transition-smooth: all .35s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .15s ease;--shadow-premium: 0 20px 40px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);height:100vh;overflow:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{display:grid;grid-template-rows:auto 1fr auto;height:100vh;padding:2rem 3.5rem;max-width:1440px;margin:0 auto}.editorial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1.25rem}.logo{display:flex;align-items:center;gap:.75rem;font-family:var(--font-serif);font-size:1.5rem;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.logo-link{text-decoration:none;transition:var(--transition-fast)}.logo-link:hover{color:var(--accent-color)}.site-logo-img{height:32px;width:32px;object-fit:contain}.header-meta{display:flex;align-items:center;gap:.75rem}.reddit-link{width:34px;height:34px;border-radius:50%;background:#ffffff05;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);text-decoration:none}.reddit-link:hover{color:#ff4500;border-color:#ff450066;background:#ff450014;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.reddit-icon{width:16px;height:16px;fill:currentColor}.meta-separator{color:#ffffff26;font-size:.85rem;-webkit-user-select:none;user-select:none}.commit-link{color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:var(--transition-fast)}.commit-link:hover{color:var(--accent-color)}.main-content{display:grid;grid-template-columns:1.3fr 1fr;gap:6rem;align-items:center;margin-bottom:2rem}.converter-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:2.25rem 2.5rem;box-shadow:var(--shadow-premium);position:relative;overflow:visible;transition:var(--transition-smooth)}.converter-card:before{content:"";position:absolute;top:1px;left:1px;width:calc(100% - 2px);height:4px;background:linear-gradient(90deg,var(--accent-color),#f7e7d0);border-top-left-radius:23px;border-top-right-radius:23px;z-index:2}.hero-text{font-family:var(--font-serif);font-size:3.25rem;font-weight:600;line-height:1.15;letter-spacing:-1px;color:var(--text-primary);margin-bottom:1.25rem;transition:opacity .15s ease-in-out}.hero-text em{font-style:italic;font-weight:400;color:var(--accent-color)}.subtitle-text{font-size:1.05rem;font-weight:300;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;max-width:480px;transition:opacity .15s ease-in-out}.fade-out{opacity:0!important}.converter-form{display:flex;flex-direction:column;gap:2rem;transition:var(--transition-smooth)}.input-group{position:relative;width:100%}.primary-input{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem 1.5rem;color:var(--text-primary);font-family:var(--font-sans);font-size:1.1rem;font-weight:400;outline:none;transition:var(--transition-smooth);box-shadow:inset 0 2px 4px #0000001a}.primary-input:focus{border-color:var(--accent-color);background:#ffffff0d;box-shadow:0 0 0 4px var(--focus-ring),inset 0 2px 4px #0000000d}.primary-input::placeholder{color:#ffffff40;font-weight:300}.controls-row{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.toggle-container{display:flex;align-items:center;background:#ffffff08;padding:.5rem 1rem;border-radius:50px;border:1px solid rgba(255,255,255,.05)}.toggle-label{font-size:.9rem;font-weight:600;letter-spacing:.5px;color:#ffffff4d;padding:0 .5rem;transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.toggle-label.active{color:var(--accent-color)}.switch-toggle{position:relative;display:inline-block;width:50px;height:26px;margin:0 .25rem}.switch-toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff1a;transition:.3s cubic-bezier(.16,1,.3,1);border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:var(--text-primary);transition:.3s cubic-bezier(.16,1,.3,1);border-radius:50%;box-shadow:0 2px 4px #0003}.switch-toggle input:checked+.slider{background-color:#d1b48c33}.switch-toggle input:focus+.slider{box-shadow:0 0 1px var(--accent-color)}.switch-toggle input:checked+.slider:before{transform:translate(24px);background-color:var(--accent-color)}.primary-button{background:var(--accent-color);color:#0f0f11;font-family:var(--font-sans);font-size:1rem;font-weight:600;padding:1.1rem 2.5rem;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:var(--transition-fast);box-shadow:0 4px 12px #d1b48c33;-webkit-user-select:none;user-select:none}.primary-button:hover{background:var(--accent-hover);box-shadow:0 6px 16px #d1b48c4d;transform:translateY(-1px)}.primary-button:active{transform:translateY(1px);box-shadow:0 2px 6px #d1b48c26}.primary-button:disabled{background:#ffffff0d;color:#fff3;cursor:not-allowed;box-shadow:none;transform:none}.primary-button:disabled .btn-icon{transform:none}.btn-icon{transition:transform .25s cubic-bezier(.16,1,.3,1)}.primary-button:hover:not(:disabled) .btn-icon{transform:translate(3px)}.advanced-dropdown{margin-top:.5rem;border-top:1px solid rgba(255,255,255,.04);padding-top:1rem;position:relative}.advanced-toggle-btn{background:none;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition-fast);padding:.5rem 0;-webkit-user-select:none;user-select:none}.advanced-toggle-btn:hover{color:var(--text-primary)}.dropdown-chevron{transition:transform .3s ease}.advanced-toggle-btn[aria-expanded=true] .dropdown-chevron{transform:rotate(180deg)}.advanced-content{position:absolute;bottom:100%;left:0;width:100%;max-height:250px;opacity:1;overflow:hidden;transition:max-height .3s cubic-bezier(.16,1,.3,1),opacity .2s ease,transform .2s ease;margin-bottom:.75rem;z-index:50;transform:translateY(0)}.advanced-content.hidden{max-height:0;opacity:0;margin-bottom:0;pointer-events:none;transform:translateY(8px)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;background:#111115;padding:1.25rem;border-radius:12px;border:1px solid rgba(209,180,140,.2);box-shadow:0 15px 35px #0009}.setting-item{display:flex;flex-direction:column;gap:.5rem}.setting-item label{font-size:.8rem;font-weight:500;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase}.sleek-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.75rem;color:var(--text-primary);font-family:var(--font-sans);font-size:.9rem;outline:none;cursor:pointer;transition:var(--transition-fast)}.sleek-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--focus-ring)}.disabled-setting{opacity:.4;pointer-events:none}.loading-state{display:flex;flex-direction:column;gap:2rem;animation:fadeIn .4s ease forwards}.skeleton-card{display:flex;gap:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);padding:1.5rem;border-radius:16px;align-items:center}.skeleton-thumbnail{width:90px;height:60px;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff3;position:relative;overflow:hidden}.skeleton-icon svg{animation:pulseIcon 2s infinite ease-in-out}.skeleton-details{display:flex;flex-direction:column;gap:.6rem;flex:1}.skeleton-title{height:1rem;width:75%;background:#ffffff12;border-radius:4px}.skeleton-subtitle{height:.75rem;width:40%;background:#ffffff0a;border-radius:4px}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff08 20%,#ffffff14,#fff0);transform:translate(-100%);animation:shimmerAnim 1.6s infinite}@keyframes shimmerAnim{to{transform:translate(100%)}}@keyframes pulseIcon{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:.7;transform:scale(1.05)}}.progress-container{display:flex;flex-direction:column;gap:.75rem}.progress-info{display:flex;justify-content:space-between;font-size:.9rem}.progress-status{font-weight:500;color:var(--text-secondary)}.progress-percentage{font-weight:600;color:var(--accent-color)}.progress-bar-bg{width:100%;height:6px;background:#ffffff0f;border-radius:10px;overflow:hidden}.progress-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--accent-color),#f7e7d0);border-radius:10px;transition:width .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #d1b48c4d}.success-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0;animation:fadeIn .4s ease forwards}.success-icon-badge{width:64px;height:64px;border-radius:50%;background:#2ecc711a;color:#2ecc71;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border:1px solid rgba(46,204,113,.2);box-shadow:0 8px 24px #2ecc711a}.success-title{font-family:var(--font-serif);font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.success-subtitle{font-size:.95rem;color:var(--text-secondary);margin-bottom:2rem;word-break:break-all;max-width:80%;background:#ffffff05;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.03)}.success-actions{display:flex;gap:1rem;align-items:center;justify-content:center;width:100%}.success-btn{box-shadow:0 4px 12px #d1b48c26}.error-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0;animation:fadeIn .4s ease forwards}.error-icon-badge{width:64px;height:64px;border-radius:50%;background:#e74c3c1a;color:#e74c3c;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border:1px solid rgba(231,76,60,.2);box-shadow:0 8px 24px #e74c3c1a}.error-title{font-family:var(--font-serif);font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.error-subtitle{font-size:.95rem;color:var(--text-secondary);margin-bottom:2rem;word-break:break-all;max-width:80%;background:#ffffff05;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.03)}.error-actions{display:flex;gap:1rem;align-items:center;justify-content:center;width:100%}.secondary-button{background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;font-weight:500;padding:1.1rem 2rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:var(--transition-fast)}.secondary-button:hover{background:#ffffff08;border-color:#fff3}.secondary-button:active{background:#ffffff0d}.editorial-sidebar{display:flex;flex-direction:column;gap:3.5rem;padding-left:2rem;border-left:1px solid rgba(255,255,255,.05)}.editorial-block{display:flex;flex-direction:column;gap:.75rem}.editorial-num{font-family:var(--font-serif);font-size:1rem;font-weight:600;color:var(--accent-color);opacity:.6}.editorial-heading{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;line-height:1.3}.editorial-desc{font-size:.95rem;font-weight:300;color:var(--text-secondary);line-height:1.6}.editorial-footer{margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem;font-size:.8rem;color:#fff3;display:flex;justify-content:space-between;align-items:center}.footer-legal-links{display:flex;gap:.75rem;align-items:center}.footer-link{color:#ffffff4d;text-decoration:none;transition:var(--transition-fast)}.footer-link:hover{color:var(--accent-color)}.footer-link-separator{color:#ffffff26;-webkit-user-select:none;user-select:none}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.main-content{grid-template-columns:1fr;gap:4rem}.editorial-sidebar{padding-left:0;border-left:none;border-top:1px solid rgba(255,255,255,.05);padding-top:3.5rem;flex-direction:row;flex-wrap:wrap}.editorial-block{flex:1 1 300px}}@media(max-width:640px){.app-layout{padding:1.5rem}.editorial-header{margin-bottom:2rem}.converter-card{padding:2rem}.hero-text{font-size:2.25rem;padding-right:0!important}.subtitle-text{padding-right:0!important;max-width:100%!important}.controls-row{flex-direction:column;align-items:stretch;gap:1.25rem}.toggle-container,.primary-button{justify-content:center}.success-actions{flex-direction:column;align-items:stretch}}.monetization-pill{position:fixed;bottom:2.5rem;right:2.5rem;background:var(--card-bg);border:1px solid rgba(209,180,140,.4);padding:.85rem 1.5rem;border-radius:50px;display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary);font-family:var(--font-sans);font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 10px 30px #00000080,0 0 15px #d1b48c1a;transition:var(--transition-smooth);z-index:100;animation:pillPulse 3s ease-in-out infinite,pillGlow 6s linear infinite}@keyframes pillPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pillGlow{0%,to{border-color:#d1b48c66;box-shadow:0 10px 30px #00000080,0 0 15px #d1b48c26}50%{border-color:#fff5e6;box-shadow:0 10px 30px #0009,0 0 25px #d1b48c59}}.monetization-pill:hover{animation-play-state:paused;transform:scale(1.05) translateY(-2px);border-color:var(--accent-color);background:#d1b48c0d;box-shadow:0 15px 35px #0009,0 0 30px #d1b48c80}.monetization-pill .pill-logo{color:var(--accent-color);transition:transform .3s ease;filter:drop-shadow(0 0 4px rgba(209,180,140,.4));width:18px;height:18px}.monetization-pill:hover .pill-logo{transform:scale(1.2) rotate(15deg);color:var(--accent-hover)}.success-monetization{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.coffee-link{color:var(--accent-color);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;transition:var(--transition-fast);border-bottom:1px dashed rgba(209,180,140,.4);padding-bottom:2px}.coffee-link:hover{color:var(--accent-hover);border-bottom-color:var(--accent-hover)}.coffee-icon{display:inline-block;transition:transform .2s ease}.coffee-link:hover .coffee-icon{transform:scale(1.15) rotate(5deg)}@media(max-width:640px){.monetization-pill{bottom:1rem;right:1rem;padding:.5rem 1rem;font-size:.75rem}}.goal-widget{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;text-decoration:none;color:var(--text-primary);transition:var(--transition-smooth);box-shadow:0 10px 30px #0003}.goal-widget:hover{transform:translateY(-2px);border-color:var(--accent-color);background:#ffffff08;box-shadow:0 15px 35px #0000004d,0 0 12px var(--accent-glow)}.goal-header-row{display:flex;justify-content:space-between;align-items:center}.goal-title{font-family:var(--font-sans);font-size:.85rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary)}.goal-widget:hover .goal-title{color:var(--accent-color)}.goal-stats{font-family:var(--font-sans);font-size:.95rem;font-weight:600;color:var(--accent-color)}.goal-bar-bg{width:100%;height:6px;background:#ffffff0f;border-radius:10px;overflow:hidden}.goal-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-color),#f7e7d0,var(--accent-color));background-size:200% 100%;border-radius:10px;box-shadow:0 0 8px #d1b48c4d;transition:var(--transition-smooth);animation:goalBarFlow 4s linear infinite}@keyframes goalBarFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.live-dot{display:inline-block;width:7px;height:7px;background-color:#2ecc71;border-radius:50%;margin-left:8px;vertical-align:middle;box-shadow:0 0 #2ecc7166;animation:livePulse 2.5s infinite}@keyframes livePulse{0%{box-shadow:0 0 #2ecc71b3}70%{box-shadow:0 0 0 5px #2ecc7100}to{box-shadow:0 0 #2ecc7100}}.platform-logo-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:var(--transition-smooth)}.platform-logo-large svg{width:28px!important;height:28px!important}.youtube-logo{background:#ff00001f;color:red;border:1px solid rgba(255,0,0,.2);box-shadow:inset 0 0 10px #ff00000d}.tiktok-logo{background:#00f2fe14;color:#00f2fe;border:1px solid rgba(0,242,254,.2);box-shadow:inset 0 0 10px #00f2fe0d}.facebook-logo{background:#1877f21f;color:#1877f2;border:1px solid rgba(24,119,242,.2);box-shadow:inset 0 0 10px #1877f20d}.instagram-logo{background:#e1306c1f;color:#e1306c;border:1px solid rgba(225,48,108,.2);box-shadow:inset 0 0 10px #e1306c0d}.default-logo{background:#ffffff0d;color:var(--accent-color);border:1px solid rgba(255,255,255,.08)}.goal-widget:hover .goal-bar-fill{background:linear-gradient(90deg,var(--accent-hover),#fff5e6);box-shadow:0 0 12px #d1b48c80}.goal-subtext{font-family:var(--font-sans);font-size:.85rem;font-weight:300;color:var(--text-secondary);line-height:1.5}.goal-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#d1b48c14;border:1px solid rgba(209,180,140,.2);color:var(--accent-color);font-family:var(--font-sans);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.6rem 1rem;border-radius:8px;transition:var(--transition-fast);margin-top:.25rem}.goal-widget:hover .goal-action-btn{background:var(--accent-color);color:#0b0c10;border-color:var(--accent-color)}.goal-action-arrow{transition:transform .2s ease}.goal-widget:hover .goal-action-arrow{transform:translate(3px)}.platform-badge-stack{position:absolute;top:2rem;right:2.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;z-index:10}.platform-stack-title{font-family:var(--font-sans);font-size:.65rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-color);opacity:.8}.platform-badges-row{display:flex;gap:.6rem}.platform-badge{position:relative;width:38px;height:38px;border-radius:50%;background:#ffffff05;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.platform-badge:hover{color:var(--accent-color);border-color:#d1b48c66;background:#d1b48c14;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.platform-icon{width:18px;height:18px}.platform-badge:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%) scale(.9);background:#0f1015;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);padding:.25rem .5rem;border-radius:4px;font-family:var(--font-sans);font-size:.7rem;font-weight:500;letter-spacing:.5px;white-space:nowrap;opacity:0;pointer-events:none;transition:transform .15s cubic-bezier(.16,1,.3,1),opacity .15s ease;box-shadow:0 4px 12px #0000004d}.platform-badge:hover:after{opacity:1;transform:translate(-50%) scale(1)}@media(max-width:640px){.platform-badge-stack{top:1rem;right:1rem;align-items:center}.platform-badge:after{bottom:auto;top:125%}}