:root{--primary-color:#4a90e2;--secondary-color:#f8f9fa;--accent-color:#34c759;--error-color:#ff3b30;--text-primary:#2c3e50;--text-secondary:#666;--gradient-start:#4a90e2;--gradient-end:#34c759}body{background-color:#f0f2f5;color:#2c3e50;color:var(--text-primary)}.App{margin:0 auto;max-width:1200px;padding:20px}.app-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding:0 20px}.kofi-button{background-color:#ff5e5b;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .2s}.kofi-button:hover{background-color:#ff4542}.app-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90e2,#34c759);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;color:#4a90e2;color:var(--primary-color);font-size:2.5em;margin:0}.url-form{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:10px;margin-bottom:20px;padding:20px;position:sticky;top:20px;z-index:10}.url-input{border:2px solid #e1e8ed;border-radius:8px;flex:1 1;font-size:1em;padding:12px;transition:border-color .3s ease}.url-input:focus{border-color:#4a90e2;border-color:var(--primary-color);outline:none}button{background:linear-gradient(135deg,#4a90e2,#34c759);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:transform .2s ease,box-shadow .2s ease}button:hover:not(:disabled){box-shadow:0 4px 12px #4a90e24d;transform:translateY(-2px)}button:disabled{background:#cbd5e0;cursor:not-allowed}.error{background-color:#ff3b301a;border-left:4px solid #ff3b30;border-left:4px solid var(--error-color);border-radius:8px;color:#ff3b30;color:var(--error-color);margin:10px 0;padding:12px}.categories{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.category{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:600px;padding:20px;transition:transform .2s ease}.category:hover{transform:translateY(-5px)}.category h2{background-color:#fff;border-bottom:2px solid #4a90e2;border-bottom:2px solid var(--primary-color);color:#4a90e2;color:var(--primary-color);font-size:1.5em;margin:0 0 15px;padding-bottom:10px;position:sticky;top:0}.comment-list{flex-grow:1;overflow-y:auto;padding-right:10px}.comment{background-color:#f8f9fa;background-color:var(--secondary-color);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:12px;padding:15px;transition:transform .2s ease}.comment:hover{transform:translateX(5px)}.comment p{color:#2c3e50;color:var(--text-primary);line-height:1.5;margin:0 0 10px}.comment-meta{border-top:1px solid #e1e8ed;color:#666;color:var(--text-secondary);display:flex;font-size:.9em;justify-content:space-between;margin-top:8px;padding-top:8px}.video-info{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:20px 0;padding:20px}.video-info h2{color:#4a90e2;color:var(--primary-color);font-size:1.8em;margin:0 0 15px}.description{color:#666;color:var(--text-secondary);line-height:1.6;max-height:200px;overflow-y:auto;padding-right:10px;white-space:pre-line}.comment-list::-webkit-scrollbar,.description::-webkit-scrollbar{width:8px}.comment-list::-webkit-scrollbar-track,.description::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.comment-list::-webkit-scrollbar-thumb,.description::-webkit-scrollbar-thumb{background:#4a90e2;background:var(--primary-color);border-radius:4px;opacity:.8}.comment-list::-webkit-scrollbar-thumb:hover,.description::-webkit-scrollbar-thumb:hover{opacity:1}.comment-content a,.description a{color:#4a90e2;color:var(--primary-color);text-decoration:none;transition:color .2s ease;word-break:break-word}.comment-content a:hover,.description a:hover{color:#34c759;color:var(--gradient-end);text-decoration:underline}.comment-content{color:#2c3e50;color:var(--text-primary);line-height:1.5;word-break:break-word}.comment-content,.description{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;-ms-word-break:break-all;word-break:break-word}.progress-bar{background-color:#f8f9fa;background-color:var(--secondary-color);border-radius:10px;height:20px;margin:20px 0;overflow:hidden;position:relative;width:100%}.progress-fill{background:linear-gradient(135deg,#4a90e2,#34c759);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-radius:10px;height:100%;transition:width .3s ease}.progress-text{color:#2c3e50;color:var(--text-primary);font-size:.9em;font-weight:500;left:50%;position:absolute;text-shadow:0 0 2px #fff;top:50%;transform:translate(-50%,-50%)}
/*# sourceMappingURL=main.3dbb34cb.css.map*/