body{font-family:"Trebuchet MS",sans-serif;background-color:#212326;color:#fff;margin:0;padding:5px;display:flex;flex-direction:column;align-items:center;min-height:100vh}.main-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#57c27a;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;display:block;width:70%;text-align:center;margin-left:auto;margin-right:auto}.main-title::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#57c27a,transparent);border-radius:3px}.container{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:20px;margin:0 auto;padding:0 20px}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}.left-column,.right-column,.spoilers-left{display:flex;flex-direction:column;gap:20px}.card{background-color:#2c2f34;border-radius:10px;padding:25px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid rgba(87,194,122,.1);width:100%;margin:0}.main-content .card{width:100%;margin:0}.seo-cards{grid-column:1/-1;width:100%;margin-top:20px}.seo-cards .card{width:100%;margin:0 auto}@media (max-width:768px){.main-content{grid-template-columns:1fr;gap:20px}.seo-cards{grid-column:1;margin-top:20px;width:95%}.main-title{width:95%}p.text-gray-400{width:95%!important}}@media (max-width:480px){.main-content{grid-template-columns:1fr;gap:15px}.card{padding:20px 15px;border-radius:8px}.main-title{width:100%}p.text-gray-400{width:100%!important}body{padding:0}.container{max-width:100%;padding:0 10px;gap:10px}.seo-cards{grid-column:1;margin-top:15px;width:100%}}.textarea-container{position:relative;width:100%}textarea{width:100%;min-height:180px;background-color:#2c2f34;border:1px solid #57c27a;color:#fff;border-radius:8px;padding:20px 20px 20px 30px;resize:vertical;outline:0;font-family:inherit;font-size:16px;line-height:1.5;transition:border-color .2s;box-sizing:border-box}textarea:focus{border-color:#6cd08b;box-shadow:0 0 0 2px rgba(87,194,122,.2)}textarea::placeholder{color:#666;font-size:15px;position:relative;top:5px}.icon-btn{position:absolute;right:15px;top:5px;background:0 0;border:none;color:#ccc;cursor:pointer;font-size:18px;transition:color .2s;z-index:2;padding:5px}.icon-btn:hover{color:#fff}.stats-card{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:12px;background:rgba(87,194,122,.05);border-radius:8px}.stat-value{font-size:26px;font-weight:700;color:#57c27a;margin-bottom:6px}.stat-label{font-size:14px;color:#aaa;text-align:center}.reading-time{grid-column:span 2;text-align:center;padding:16px;background:rgba(87,194,122,.1);border-radius:8px;margin-top:5px}.reading-value{font-size:30px;color:#fff;font-weight:700;margin-bottom:5px}.reading-label{font-size:16px;color:#ccc}details{overflow:hidden}details summary{cursor:pointer;outline:0;font-size:16px;user-select:none;position:relative;padding:15px 20px;color:#eee;list-style:none;display:flex;align-items:center}details summary::-webkit-details-marker{display:none}details summary::after{content:"›";position:absolute;right:20px;top:50%;transform:translateY(-50%) rotate(0);font-size:24px;transition:.3s;color:#57c27a}details[open] summary::after{transform:translateY(-50%) rotate(90deg)}.details-content{padding:0 20px 15px;color:#bbb;animation:.3s fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tempo-options{display:flex;flex-direction:column;gap:10px;margin-top:15px}.tempo-option{display:flex;align-items:center;padding:12px 15px;background:#373a40;border-radius:8px;cursor:pointer;transition:.3s;border:1px solid transparent}.tempo-option:hover{background:#3e4248}.tempo-option.selected{background:rgba(87,194,122,.2);border-color:#57c27a}.tempo-dot{width:16px;height:16px;border-radius:50%;border:2px solid #666;margin-right:12px;position:relative;transition:.2s}.tempo-option.selected .tempo-dot{border-color:#57c27a}.tempo-option.selected .tempo-dot::after{content:"";position:absolute;width:8px;height:8px;background:#57c27a;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.tempo-label{flex:1}.tempo-speed{color:#aaa;font-size:13px;margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;background-color:#57c27a;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:.2s;font-size:15px}.btn:hover{background-color:#4daf6c;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn svg{margin-right:10px}.info-section{color:#ddd;line-height:1.6}.info-section h2{color:#57c27a;margin-top:0;margin-bottom:15px;font-size:1.5rem;font-weight:700}.info-section h3{color:#57c27a;margin-top:0;margin-bottom:15px;font-size:1.3rem;font-weight:700}.info-section h4{color:#57c27a;margin-top:15px;margin-bottom:10px;font-size:1.1rem;font-weight:700}.info-content{margin-bottom:15px}.info-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.info-tag{background:rgba(87,194,122,.1);color:#ccc;padding:7px 14px;border-radius:20px;font-size:14px;transition:.2s;border:1px solid rgba(87,194,122,.2)}.info-tag:hover{background:#57c27a;color:#fff;border-color:transparent}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(20px)}10%,90%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(-10px)}}.list-disc{list-style-type:disc;padding-left:1.5rem;margin-top:10px;margin-bottom:15px}.list-disc li{margin-bottom:8px}.seo-content{margin-top:20px;padding:15px;background:rgba(87,194,122,.05);border-radius:8px;border-left:4px solid #57c27a}.seo-content p{margin-bottom:12px}.language-switcher{display:flex;gap:5px;background:#373a40;border-radius:8px;padding:4px}.lang-btn{padding:8px 16px;background:0 0;border:none;color:#ccc;border-radius:6px;cursor:pointer;transition:.2s;font-size:14px;font-weight:500}.lang-btn:hover{background:rgba(87,194,122,.1);color:#fff}.lang-btn.active{background:#57c27a;color:#fff}