@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Patrick+Hand&display=swap";:root{--bg-color: #0d1117;--card-bg: #131722;--card-border: #1f2937;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-green: #22c55e;--accent-green-hover: #16a34a;--danger: #ef4444;--input-bg: #0f1219;--input-border: #2d3748;--font-family: "Inter", system-ui, -apple-system, sans-serif;--header-height: 4rem}body{font-family:var(--font-family),serif;background-color:var(--bg-color);color:var(--text-primary);margin:0;padding:2rem;min-height:100vh;box-sizing:border-box}.container{width:100%;max-width:1400px;margin:0 auto}header{margin-bottom:2.5rem;padding:1.5rem 2rem;background:linear-gradient(180deg,#1e293b66,#0f172a33);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.header-content{display:flex;flex-direction:column}h1{font-size:2.2rem;font-weight:800;margin:0;background:linear-gradient(135deg,#60a5fa,#34d399);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}header p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.95rem;font-weight:500}.header-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f633,#22c55e33);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-blue);border:1px solid rgba(255,255,255,.1)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;align-items:start}.column{display:flex;flex-direction:column;gap:1.5rem}.sub-grid{display:grid;grid-template-columns:300px 1fr;gap:1.5rem}@media(max-width:1024px){.dashboard-grid,.sub-grid{grid-template-columns:1fr}}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #00000026}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;color:var(--text-primary)}.card-header svg{color:var(--accent-blue)}h2{font-size:1.1rem;font-weight:600;margin:0;color:var(--text-primary)}input,select{background:Var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;font-size:.9rem;width:100%;box-sizing:border-box;transition:all .2s}input:focus,select:focus{outline:none;border-color:var(--accent-blue);background:#1a202c}button{cursor:pointer;font-weight:600;transition:all .2s;border:none;font-family:inherit}#generate-btn{width:100%;padding:1.25rem;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;border-radius:12px;font-size:1.1rem;box-shadow:0 4px 12px #4f46e54d}#generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e566}#generate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.add-btn{background:#10b981;color:#fff;padding:.75rem 1rem;border-radius:8px;white-space:nowrap}.add-btn:hover{background:#059669}.delete-btn{background:transparent;color:var(--text-secondary);padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center}.delete-btn:hover{background:#ef44441a;color:var(--danger)}.item-list{list-style:none;padding:0;margin:0 0 1.5rem}.item-list li{background:#1f293780;border:1px solid var(--card-border);margin-bottom:.75rem;padding:1rem;border-radius:10px;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s}.item-list li:hover{border-color:var(--accent-blue)}#feeds-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem}#feeds-list li{margin-bottom:0}.status-indicator{display:flex;align-items:center;gap:8px}#connection-status{font-size:1rem;color:var(--text-primary);font-weight:700}.cover-wrapper{display:flex;flex-direction:column;align-items:center}.current-cover{position:relative;width:100%;max-width:200px;aspect-ratio:2/3;background:linear-gradient(135deg,#e5e7eb,#9ca3af);border-radius:8px;overflow:hidden;margin-bottom:1rem;box-shadow:0 10px 15px -3px #00000080}.cover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;background:#0006;pointer-events:none}.cover-overlay span{font-family:serif;font-weight:700;color:#fffc;font-size:1.2rem;text-transform:uppercase}.current-cover img{width:100%;height:100%;object-fit:cover}.upload-label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary)}.file-input-wrapper{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:.5rem;margin-bottom:10px}#cover-file{width:100%;font-size:.85rem}#downloads-list li{background:#3b82f60d;border-left:3px solid var(--accent-blue);border-radius:6px}#downloads-list a,#downloads-list button{color:var(--text-primary);text-decoration:none;font-weight:500;display:flex;flex-direction:column;font-size:.95rem;background:none;border:none;cursor:pointer;padding:0;font-family:inherit;text-align:left}#downloads-list a:hover,#downloads-list button:hover{color:var(--accent-blue)}#downloads-list a small,#downloads-list button small{color:var(--text-secondary);font-size:.8rem;margin-top:2px}#login-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50}.hidden{display:none!important}#add-feed-form .input-group,#add-schedule-form .time-row{display:flex;gap:10px;margin-bottom:10px}#add-schedule-form select{min-width:0}#status{margin-top:1rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.switch{position:relative;display:inline-block;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--card-border);transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent-blue)}input:focus+.slider{box-shadow:0 0 1px var(--accent-blue)}input:checked+.slider:before{transform:translate(24px)}#popup-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100}.popup-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 10px 25px #00000080;animation:popupFadeIn .3s cubic-bezier(.16,1,.3,1)}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popup-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.popup-message{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.popup-btn{background:var(--accent-blue);color:#fff;padding:.75rem 2rem;border-radius:8px;font-size:1rem;width:100%}.popup-btn:hover{background:var(--accent-blue-hover)}.popup-btn.error{background:var(--danger)}.tabs-container{margin-bottom:2rem}.schedule-info{display:flex;flex-direction:column;gap:4px}.schedule-type-badge{font-size:.75rem;padding:2px 6px;border-radius:4px;background:#ffffff1a;color:var(--text-secondary);width:fit-content}.add-btn-modern{background-color:var(--accent-blue, #007bff);color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s;grid-column:1 / -1}.add-btn-modern:hover{background-color:var(--accent-blue-hover, #0056b3)}@media(min-width:768px){.form-grid{grid-template-columns:2fr 1fr 1.5fr 1.5fr}.frequency-group{grid-column:span 1}.add-btn-modern{grid-column:auto}}.theme-toggle{background:transparent;border:1px solid var(--card-border);border-radius:8px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.85rem;transition:all .2s;margin-left:1rem}.theme-toggle:hover{border-color:var(--accent-blue);color:var(--text-primary)}.theme-toggle svg{width:18px;height:18px}body.sketch-theme{--bg-color: #f5f3e8;--card-bg: #fffef9;--card-border: #2c2c2c;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--accent-blue: #2563eb;--accent-blue-hover: #1d4ed8;--accent-green: #16a34a;--accent-green-hover: #15803d;--danger: #dc2626;--input-bg: #fffef9;--input-border: #2c2c2c;--font-family: "Caveat", "Patrick Hand", cursive}body.sketch-theme{background-image:linear-gradient(90deg,transparent 79px,#e8e4d9 79px,#e8e4d9 81px,transparent 81px),linear-gradient(#e8e4d9 1px,transparent 1px);background-size:100% 28px;background-color:var(--bg-color)}body.sketch-theme{font-size:1.1rem}body.sketch-theme h1{font-family:Caveat,cursive;font-size:3rem;background:none;background-clip:text;-webkit-background-clip:unset;-webkit-text-fill-color:var(--text-primary);text-shadow:2px 2px 0 rgba(0,0,0,.1)}body.sketch-theme h2{font-family:Caveat,cursive;font-size:1.6rem}body.sketch-theme .card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:3px;box-shadow:3px 3px #00000026,inset 0 0 30px #c8beaa33;position:relative;transform:rotate(-.3deg)}body.sketch-theme .card:nth-child(2n){transform:rotate(.3deg)}body.sketch-theme .card:before{content:"";position:absolute;inset:-3px;border:1px dashed rgba(0,0,0,.2);border-radius:5px;pointer-events:none}body.sketch-theme header{background:var(--card-bg);border:2px solid var(--card-border);border-radius:3px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:4px 4px #00000026;transform:rotate(.2deg)}body.sketch-theme header:after{content:"";position:absolute;bottom:8px;right:10px;width:60px;height:20px;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px)}body.sketch-theme input,body.sketch-theme select{background:transparent;border:none;border-bottom:2px solid var(--card-border);border-radius:0;font-family:Patrick Hand,cursive;font-size:1.1rem;padding:.5rem .25rem}body.sketch-theme input:focus,body.sketch-theme select:focus{background:#ffffc84d;border-bottom-color:var(--accent-blue);border-bottom-style:dashed}body.sketch-theme input::placeholder{color:#888;font-style:italic}body.sketch-theme button{font-family:Caveat,cursive;font-size:1.2rem;font-weight:600}body.sketch-theme .add-btn,body.sketch-theme .add-btn-modern{background:#fef3c7;color:var(--text-primary);border:2px solid var(--card-border);border-radius:3px;box-shadow:2px 2px #0003;transition:all .15s}body.sketch-theme .add-btn:hover,body.sketch-theme .add-btn-modern:hover{background:#fde68a;transform:translate(-1px,-1px);box-shadow:3px 3px #00000040}body.sketch-theme #generate-btn{background:linear-gradient(135deg,#fef3c7,#fde68a);color:var(--text-primary);border:3px solid var(--card-border);border-radius:5px;box-shadow:4px 4px #0003;position:relative;overflow:hidden}body.sketch-theme #generate-btn:before{content:"✏️";position:absolute;left:1rem;font-size:1.5rem}body.sketch-theme #generate-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #00000040}body.sketch-theme .delete-btn{border:1px solid transparent}body.sketch-theme .delete-btn:hover{background:#fecaca;border:1px dashed var(--danger)}body.sketch-theme .item-list li{background:var(--card-bg);border:1px solid var(--card-border);border-left:3px solid var(--card-border);border-radius:2px;box-shadow:2px 2px #0000001a;position:relative}body.sketch-theme .item-list li:before{content:"•";position:absolute;left:-12px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--card-border)}body.sketch-theme .item-list li:hover{border-color:var(--accent-blue);transform:translate(2px)}body.sketch-theme .tabs{border-bottom:2px solid var(--card-border)}body.sketch-theme .tab-btn{font-family:Caveat,cursive;font-size:1.3rem;border-radius:0;position:relative}body.sketch-theme .tab-btn.active{background:var(--card-bg);border:2px solid var(--card-border);border-bottom:2px solid var(--card-bg);margin-bottom:-2px;color:var(--text-primary)}body.sketch-theme .tab-btn.active:before{content:"📌";position:absolute;top:-8px;right:5px;font-size:.9rem}body.sketch-theme .popup-box{background:var(--card-bg);border:3px solid var(--card-border);border-radius:5px;box-shadow:6px 6px #0003;transform:rotate(-.5deg)}body.sketch-theme .popup-btn{background:#fef3c7;color:var(--text-primary);border:2px solid var(--card-border)}body.sketch-theme .popup-btn.error{background:#fecaca}body.sketch-theme #login-overlay{background:#f5f3e8f2}body.sketch-theme .slider{background-color:#e5e7eb;border:2px solid var(--card-border)}body.sketch-theme input:checked+.slider{background-color:#bfdbfe}body.sketch-theme #downloads-list li{background:var(--card-bg);border-left:4px solid var(--accent-blue)}body.sketch-theme .current-cover{border:3px solid var(--card-border);border-radius:3px;box-shadow:4px 4px #00000026;background:#e5e7eb}body.sketch-theme .schedule-type-badge{background:#fef3c7;border:1px solid var(--card-border);color:var(--text-primary)}body.sketch-theme .card-header:after{content:"";flex-grow:1;height:2px;margin-left:10px;background:repeating-linear-gradient(90deg,var(--card-border),var(--card-border) 4px,transparent 4px,transparent 8px)}body.sketch-theme .file-input-wrapper{background:transparent;border:2px dashed var(--card-border)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;max-width:500px;width:90%;box-shadow:0 10px 25px #00000080}.modal-box h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem}.modal-field{margin-bottom:1rem}.modal-field label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.modal-field select,.modal-field textarea{width:100%;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);padding:.75rem;border-radius:8px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:1.5rem}.edit-btn{background:transparent;color:var(--text-secondary);border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:1rem}.edit-btn:hover{background:#3b82f61a;color:var(--accent-blue)}.cancel-btn{background:transparent;border:1px solid var(--card-border);color:var(--text-secondary);padding:.5rem 1rem;border-radius:6px;cursor:pointer}.cancel-btn:hover{border-color:var(--text-secondary)}.btn{padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn.secondary{background:#ffffff1a;color:var(--text-primary)}.btn.secondary:hover{background:#ffffff26}.btn.text{background:transparent;color:var(--text-secondary);padding:.25rem .5rem}.btn.text:hover{color:var(--text-primary);background:#ffffff0d}.btn.danger{color:#ef4444}.btn.danger:hover{background:#ef44441a}button:disabled{opacity:.5;cursor:not-allowed}textarea{resize:vertical;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);border-radius:8px;padding:.75rem}textarea.invalid{border-color:var(--danger);background:#ef44441a;color:var(--text-primary)}.validation-error{color:var(--text-primary);font-size:.8rem;margin-top:.5rem;padding:.5rem;background:#ef444426;border-radius:4px;border-left:3px solid var(--danger)}.section-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.empty-state{color:var(--text-secondary);font-style:italic;text-align:center;padding:1rem}.modern-form{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--card-border)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;align-items:center}.frequency-group{grid-column:span 2}.time-group{justify-content:flex-start}.modern-select{padding:.5rem;border:1px solid var(--input-border);border-radius:6px;background-color:var(--input-bg);color:var(--text-primary);font-size:.9rem;width:100%;min-width:0}.time-select{width:60px;text-align:center}.time-separator{font-weight:700;color:var(--text-secondary)}.timezone-select{min-width:120px}.ril-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.ril-add-form{display:flex;gap:.5rem;margin-bottom:1.5rem}.ril-list{display:flex;flex-direction:column;gap:.5rem}.ril-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff05;border-radius:8px;border:1px solid transparent}.ril-item.read{opacity:.6}.ril-info{flex:1;min-width:0}.ril-title{font-weight:500;margin-bottom:.25rem;word-break:break-all}.ril-meta{font-size:.85rem;color:var(--text-secondary)}.ril-actions{display:flex;gap:.5rem}.ril-empty{text-align:center;color:var(--text-secondary);padding:2rem}.tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--card-border);padding-bottom:1px}.tab-btn{background:transparent;color:var(--text-secondary);padding:.75rem 1.5rem;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s;border-radius:8px 8px 0 0}.tab-btn:hover{color:var(--text-primary);background:#ffffff08}.tab-btn.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue);background:#3b82f61a}#login-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 10px 25px #00000080}#login-box h2{margin-bottom:1.5rem}#login-form{display:flex;flex-direction:column;gap:1rem}.popup-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.popup-btn.secondary{background:#555;color:#fff}.popup-btn.primary{background:var(--accent-blue);color:#fff}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:.5rem}.form-group{margin-bottom:.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary)}.config-actions{display:flex;align-items:center;gap:1rem}.config-message{font-size:.9rem;color:var(--accent-green)}.config-message.error{color:var(--danger)}@media(max-width:600px){.config-grid{grid-template-columns:1fr}}.drag-handle{cursor:grab;color:#666;-webkit-user-select:none;user-select:none;font-size:14px;letter-spacing:-2px;padding:0 4px}.drag-handle:active{cursor:grabbing}#feeds-list li.dragging{opacity:.5;background-color:#64646433}#feeds-list li.drop-target{border-top:2px solid #4a90d9;margin-top:-2px}#feeds-list li{cursor:default;transition:background-color .15s ease,opacity .15s ease}#feeds-list li:hover .drag-handle{color:#999}