body{font-family:'Roboto',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','Open Sans',sans-serif}:root{--reddit-orange:#FF4500;--reddit-orange-hover:#E64300;--bg-primary:#1a1a1b;--bg-secondary:#242529;--text-primary:#ffffff;--text-secondary:#d7dadc;--border:#343537;--shadow:0 2px 8px rgba(0,0,0,0.3);--success:#4caf50;--error:#f44336;--warning:#ff9800}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Roboto',sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.container{max-width:960px;margin:0 auto;padding:0 20px}.site-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:20px 0}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.logo{display:flex;align-items:center;gap:10px;font-size:1.5em;font-weight:700;color:var(--reddit-orange);text-decoration:none}.logo-icon{width:24px;height:24px}.header-right{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end}.lang-dropdown{position:relative;display:inline-block}.lang-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:8px 12px;border-radius:4px;cursor:pointer;font-size:1em;transition:border-color 0.3s}.lang-btn:hover,.lang-btn:focus{border-color:var(--reddit-orange);color:var(--reddit-orange)}.dropdown-arrow{margin-left:5px;font-size:.8em}.lang-list{display:none;position:absolute;top:100%;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;list-style:none;min-width:200px;box-shadow:var(--shadow);z-index:1000}.lang-list.show{display:block}.lang-list li{margin:0}.lang-list a{display:block;padding:10px 15px;color:var(--text-secondary);text-decoration:none;transition:background 0.3s}.lang-list a:hover,.lang-list a.active{background:rgb(255 69 0 / .1);color:var(--reddit-orange)}.privacy-link{color:var(--text-secondary);text-decoration:none}.privacy-link:hover{color:var(--reddit-orange)}main{padding:40px 0}.hero-section{margin-bottom:40px}.hero-bar{padding:40px 20px;text-align:center}.hero-bar h1{font-size:2.5em;font-weight:700;color:#fff;margin-bottom:10px}.hero-bar p{font-size:1.1em;line-height:1.4em;color:rgb(255 255 255 / .9);margin-bottom:30px}.url-form{display:flex;justify-content:center}.input-wrapper{display:flex;flex-direction:row;align-items:center;gap:0;background:#fff;padding:5px;box-shadow:0 4px 12px rgb(0 0 0 / .2);width:100%;max-width:600px}.input-bar{display:flex;align-items:center;flex:1;background:#fff0;padding:0;border-radius:0;gap:5px}.input-bar input{flex:1;border:none;padding:15px 15px;font-size:1em;border-radius:0;outline:none;background:#fff0}.input-bar input::placeholder{color:#999}.input-bar input:focus{background-color:#fff}.paste-btn{background:#f0f0f0;border:none;padding:10px;border-radius:50%;cursor:pointer;font-size:1.2em;margin-right:5px;transition:background 0.3s;flex-shrink:0}.paste-btn:hover{background:#e0e0e0}.download-btn{background:var(--reddit-orange);color:#fff;border:none;padding:15px 20px;font-weight:500;cursor:pointer;transition:background 0.3s;margin:0;flex-shrink:0;white-space:nowrap}.download-btn:hover{background:var(--reddit-orange-hover)}.back-btn{display:inline-block;padding:15px 30px;margin:20px 0;background:var(--bg-secondary);color:var(--text-secondary);text-decoration:none;border-radius:4px;font-size:1.1em;font-weight:500;transition:background 0.3s;border:1px solid var(--border);cursor:pointer}.back-btn:hover{background:var(--border);color:var(--text-primary)}.alert{padding:15px;border-radius:4px;text-align:center;margin-bottom:20px;border:1px solid}.alert.success{background:rgb(76 175 80 / .1);color:var(--success);border-color:var(--success)}.alert.error{background:rgb(244 67 54 / .1);color:var(--error);border-color:var(--error)}.alert.warning{background:rgb(255 152 0 / .1);color:var(--warning);border-color:var(--warning)}h2{font-size:24px;font-weight:500;color:var(--text-primary);margin-bottom:12px;line-height:1.25}h3{font-size:20px;font-weight:500;color:var(--text-primary);margin-bottom:8px;line-height:1.3}.content-section{margin-top:40px}.content-blocks{display:flex;gap:40px;margin-bottom:40px}.block{flex:1;text-align:center;background:var(--bg-secondary);padding:30px;border-radius:8px;border:1px solid var(--border)}.graphic{width:80px;height:80px;margin:0 auto 20px;border-radius:50%}.video-graphic{background-image:url(/images/reddit-video.webp);background-position:center;background-repeat:no-repeat}.image-graphic{background-image:url(/images/reddit-media.webp);background-position:center;background-repeat:no-repeat;background-size:cover}.audio-graph{max-width:300px;width:100%;height:auto;display:block}.block p{color:var(--text-secondary);font-size:1.1em}.steps-section{margin:40px 0;text-align:center}.steps-section h2{color:var(--reddit-orange);margin-bottom:30px}.steps-list{display:flex;justify-content:space-around;list-style:none;padding:0;gap:20px;max-width:800px;margin:0 auto}.steps-list li{flex:1;background:var(--bg-secondary);padding:20px;border-radius:8px;border:1px solid var(--border);text-align:center;font-weight:500;color:var(--text-secondary)}.steps-list li::before{content:counter(list-item);counter-reset:list-counter;display:block;font-size:2em;color:var(--reddit-orange);margin-bottom:10px;font-weight:700}.faq-section{margin-top:60px}.faq-section h2{text-align:center;color:var(--reddit-orange);margin-bottom:30px}.faq-content{background:var(--bg-secondary);padding:30px;border-radius:8px;border:1px solid var(--border);margin-bottom:30px}.faq-content>div{margin-bottom:20px;padding:15px;border-left:3px solid var(--reddit-orange)}.faq-content h3{color:var(--reddit-orange);margin-bottom:10px}.results{padding:40px}.results h2{text-align:center;color:var(--reddit-orange)}.media-item{margin-bottom:30px;padding:20px;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border)}video,img{display:block;margin:0 auto 15px;border-radius:4px;max-height:350px}.policy-page{padding:40px}.policy-content{line-height:1.8;color:var(--text-primary)}.policy-content h2,.policy-content h3{color:var(--reddit-orange);margin-top:20px}.policy-content ul{margin:10px 0 20px 20px;list-style-type:disc}.policy-content a{color:var(--reddit-orange)}.site-footer{background:var(--bg-primary);border-top:1px solid var(--border);padding:20px 0;color:var(--text-secondary);text-align:center}.site-footer a{color:var(--reddit-orange);text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-privacy{margin-bottom:10px}@media (max-width:768px){.header-content{flex-direction:row;justify-content:space-between;gap:5px;flex-wrap:wrap}.header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.lang-btn{padding:5px 8px;font-size:.9em}.lang-list{min-width:100px}.input-wrapper{flex-direction:column;gap:10px;align-items:stretch;background:#fff0;padding:0;border-radius:0;box-shadow:none}.input-bar{background:#fff;padding:5px;flex:none;gap:0}.input-bar input{padding:15px 15px;border-radius:0;max-width:190px}.paste-btn{padding:10px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.download-btn{width:100%;padding:15px 20px}.hero-bar h1{font-size:2em}.content-blocks{flex-direction:column;gap:20px}.input-form,.results,.policy-page,.block{padding:20px}.steps-list{flex-direction:column;gap:10px}.steps-list li{padding:15px}}.text-features-section{display:flex;flex-direction:column;align-items:center;margin-top:40px;margin-bottom:40px}.text-block{text-align:center;margin-bottom:40px;max-width:600px}.text-block h2{font-size:24px;font-weight:500;color:var(--text-primary);margin-bottom:12px;line-height:1.25}.text-block p{color:var(--text-secondary);font-size:1.1em;line-height:1.6}@media (max-width:768px){.text-features-section{margin-top:20px;margin-bottom:20px}.text-block{margin-bottom:30px}.text-block h2{font-size:20px}.text-block p{font-size:1em}}.faq-item{margin-bottom:10px;border:1px solid var(--border);border-radius:4px;overflow:hidden}.faq-question{background:var(--bg-secondary);padding:15px;cursor:pointer;transition:background 0.3s;font-weight:500}.faq-question:hover{background:var(--border)}.faq-question.open{background:rgb(255 69 0 / .1)}.faq-answer{padding:0 15px 15px;transition:max-height 0.3s ease-out}.faq-answer p{margin:0}.download-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgb(255 255 255 / .3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.download-btn{justify-content:center}}.benefits-section { padding: 40px 0; } .benefits-list { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } .benefit-icon { vertical-align: middle; margin-right: 10px; }