:root{--bg-base:#09090b;--card-bg:#18181b99;--card-border:#ffffff14;--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#0ea5e9;--secondary:#6366f1;--accent:#38bdf8;--glow:#0ea5e926}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-base);color:var(--text-main);min-height:100vh;padding-bottom:5rem;overflow-x:hidden}#video-background{object-fit:cover;z-index:-1;opacity:.3;width:100vw;height:100vh;position:fixed;top:0;left:0}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--card-bg);border:1px solid var(--card-border);color:#fff;border-radius:12px;flex-direction:column;gap:1rem;width:90%;max-width:500px;padding:2rem;display:flex}.modal h3{margin-bottom:1rem}.modal input,.modal textarea{border:1px solid var(--card-border);color:#fff;background:#0000004d;border-radius:6px;width:100%;margin-bottom:10px;padding:.8rem}.modal button{cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:6px;padding:.8rem 1.5rem;font-weight:700}.modal .btn-cancel{border:1px solid var(--text-muted);background:0 0}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.pub-video-bg{object-fit:cover;z-index:-1;opacity:.3;width:100vw;height:100vh;position:fixed;top:0;left:0}.pub-header{text-align:center;z-index:10;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 2rem;display:flex;position:relative}.pub-logo{filter:drop-shadow(0 0 20px #0ea5e966);width:320px;height:auto;margin-bottom:1rem}.pub-title{letter-spacing:-1px;background:linear-gradient(to right, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:900}.pub-subtitle{color:var(--text-muted);max-width:700px;font-size:1.2rem;line-height:1.6}.pub-loading{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:1rem;padding:5rem;font-size:1.2rem;display:flex}.pub-spinner{border:4px solid #ffffff1a;border-left-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pub-canvas-container{z-index:1;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;position:relative}.pub-module-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:20px;flex-direction:column;gap:1.5rem;padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.pub-module-card:hover{box-shadow:0 20px 40px -10px var(--glow), inset 0 0 20px -10px var(--glow);border-color:#38bdf866;transform:translateY(-10px)}.pub-module-number{color:#ffffff05;z-index:0;pointer-events:none;font-size:8rem;font-weight:900;line-height:1;transition:color .4s;position:absolute;top:-1rem;right:-1rem}.pub-module-card:hover .pub-module-number{color:#38bdf80d}.pub-module-header{z-index:1;border-bottom:1px solid #ffffff0d;align-items:center;gap:1rem;padding-bottom:1rem;display:flex;position:relative}.pub-icon-box{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex;box-shadow:inset 0 0 10px #00000080}.pub-module-title{color:#f1f5f9;font-size:1.4rem;font-weight:700;line-height:1.2}.pub-file-list{z-index:1;flex-direction:column;gap:.8rem;list-style:none;display:flex;position:relative}.pub-class-item{background:#0003;border-radius:8px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.pub-class-header{cursor:pointer;color:var(--text-muted);justify-content:space-between;align-items:center;padding:.8rem;display:flex}.pub-class-header:hover{color:var(--text-main);background:#38bdf81a}.pub-class-title-wrap{align-items:center;gap:.75rem;font-size:.95rem;display:flex}.pub-arrow{color:var(--primary);font-size:1.1rem;font-weight:700;line-height:1}.pub-class-content{color:var(--text-muted);background:#0000001a;border-top:1px solid #ffffff0d;flex-direction:column;gap:1rem;padding:1rem;font-size:.9rem;display:flex}.pub-class-desc{line-height:1.5}.pub-yt-thumb{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden}.pub-yt-thumb img{object-fit:cover;opacity:.8;width:100%;height:100%;transition:opacity .2s}.pub-yt-thumb:hover img{opacity:1}.pub-play-overlay{color:#fff;filter:drop-shadow(0 0 10px #000c);opacity:.85;transition:transform .2s,opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pub-yt-thumb:hover .pub-play-overlay{opacity:1;transform:translate(-50%,-50%)scale(1.1)}@media (width>=1100px){.pub-canvas-container:before{content:"";background:linear-gradient(90deg, var(--card-border) 1px, transparent 1px) 0 0 / 100px 100px, linear-gradient(var(--card-border) 1px, transparent 1px) 0 0 / 100px 100px;opacity:.2;z-index:0;pointer-events:none;border-radius:20px;position:absolute;inset:5rem}}.pub-yt-btn{-webkit-backdrop-filter:blur(10px);color:#f44;z-index:100;background:#141414cc;border:1px solid #ff00004d;border-radius:30px;align-items:center;gap:12px;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem}.pub-yt-btn:hover{color:#fff;background:red;transform:translateY(-3px);box-shadow:0 0 20px #f006}.pub-admin-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);color:#fff;z-index:100;background:#18181bcc;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:2rem;left:2rem}.pub-admin-link:hover{border-color:var(--primary);box-shadow:0 0 10px var(--glow);transform:scale(1.1)}@media (width<=768px){.pub-title{font-size:2.5rem}.pub-logo{width:240px}.pub-canvas-container{grid-template-columns:1fr;gap:2rem;padding:1rem}.pub-yt-btn{padding:.8rem 1.5rem;font-size:.9rem;bottom:1rem;right:1rem}.pub-admin-link{width:40px;height:40px;bottom:1rem;left:1rem}.pub-obsidian-vault-btn{padding:.8rem 1.5rem;font-size:.9rem;bottom:4.5rem;right:1rem}}.pub-resources-btn{color:#e0f2fe;background:#0ea5e926;border:1px solid #0ea5e94d;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:.6rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.pub-resources-btn:hover{background:#0ea5e940;border-color:#0ea5e999;transform:translateY(-1px);box-shadow:0 0 10px #0ea5e933}.pub-obsidian-vault-btn{-webkit-backdrop-filter:blur(10px);color:#c084fc;z-index:100;background:#9333ea33;border:1px solid #9333ea66;border-radius:30px;align-items:center;gap:12px;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:6rem;right:2rem}.pub-obsidian-vault-btn:hover{color:#fff;background:#9333ea;transform:translateY(-3px);box-shadow:0 0 20px #9333ea66}.pub-arrow-icon{color:var(--primary)}.login-video-bg{object-fit:cover;z-index:-1;opacity:.3;width:100vw;height:100vh;position:fixed;top:0;left:0}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);width:100%;max-width:400px;box-shadow:0 20px 40px -10px var(--glow);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem;display:flex}.login-logo{filter:drop-shadow(0 0 20px #0ea5e966);width:180px;height:auto;margin-bottom:.5rem}.login-card h2{color:#f1f5f9;font-size:1.5rem;font-weight:700}.login-card form{flex-direction:column;gap:1rem;width:100%;display:flex}.login-card input{border:1px solid var(--card-border);color:#fff;background:#0000004d;border-radius:8px;outline:none;width:100%;padding:.8rem;font-size:1rem;transition:border-color .2s}.login-card input:focus{border-color:var(--primary)}.login-error{color:#ef4444;margin:0;font-size:.85rem}.login-card button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.8rem;font-size:1rem;font-weight:700;transition:all .2s}.login-card button:hover{background:var(--accent);box-shadow:0 0 10px var(--glow)}.login-back-link{color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .2s}.login-back-link:hover{color:var(--text-main)}header{text-align:center;z-index:10;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 2rem;display:flex;position:relative}.logo{filter:drop-shadow(0 0 20px #0ea5e966);width:320px;height:auto;margin-bottom:1rem}h1{letter-spacing:-1px;background:linear-gradient(to right, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:900}p.subtitle{color:var(--text-muted);max-width:700px;font-size:1.2rem;line-height:1.6}.canvas-container{z-index:1;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;position:relative}.module-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:20px;flex-direction:column;gap:1.5rem;padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.module-card:hover{box-shadow:0 20px 40px -10px var(--glow), inset 0 0 20px -10px var(--glow);border-color:#38bdf866;transform:translateY(-10px)}.module-number{color:#ffffff05;z-index:0;pointer-events:none;font-size:8rem;font-weight:900;line-height:1;transition:color .4s;position:absolute;top:-1rem;right:-1rem}.module-card:hover .module-number{color:#38bdf80d}.module-header{z-index:1;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex;position:relative}.module-header-title{align-items:center;gap:1rem;display:flex}.icon-box{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex;box-shadow:inset 0 0 10px #00000080}h2{color:#f1f5f9;font-size:1.4rem;font-weight:700;line-height:1.2}.file-list{z-index:1;flex-direction:column;gap:.8rem;list-style:none;display:flex;position:relative}.item-container{background:#0003;border-radius:8px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.item-header{cursor:pointer;color:var(--text-muted);justify-content:space-between;align-items:center;padding:.8rem;display:flex}.item-header:hover{color:var(--text-main);background:#38bdf81a}.item-title-wrap{align-items:center;gap:.75rem;font-size:.95rem;display:flex}.item-title-wrap:before{content:"▹";color:var(--primary);font-size:1.1rem;font-weight:700;line-height:1}.item-content{color:var(--text-muted);border-top:1px solid #ffffff0d;flex-direction:column;gap:1rem;padding:1rem;font-size:.9rem;display:flex}.yt-thumbnail-container{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;position:relative;overflow:hidden}.yt-thumbnail-container img{object-fit:cover;opacity:.8;width:100%;height:100%;transition:opacity .2s}.yt-thumbnail-container:hover img{opacity:1}.play-icon{color:#fff;filter:drop-shadow(0 0 10px #000c);width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=1100px){.canvas-container:before{content:"";background:linear-gradient(90deg, var(--card-border) 1px, transparent 1px) 0 0 / 100px 100px, linear-gradient(var(--card-border) 1px, transparent 1px) 0 0 / 100px 100px;opacity:.2;z-index:0;pointer-events:none;border-radius:20px;position:absolute;inset:5rem}}.yt-btn{-webkit-backdrop-filter:blur(10px);color:#f44;z-index:100;background:#141414cc;border:1px solid #ff00004d;border-radius:30px;align-items:center;gap:12px;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem}.yt-btn:hover{color:#fff;background:red;transform:translateY(-3px);box-shadow:0 0 20px #f006}.add-btn{border:1px dashed var(--primary);color:var(--primary);cursor:pointer;background:#0ea5e933;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem;transition:all .2s;display:flex}.add-btn:hover{background:var(--primary);color:#fff}.action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:.2rem;display:flex}.action-btn:hover{color:var(--primary);background:#ffffff1a}.action-btn.delete:hover{color:#ef4444}.item-actions{gap:.5rem;display:flex}@media (width<=768px){h1{font-size:2.5rem}.logo{width:240px}.canvas-container{grid-template-columns:1fr;gap:2rem;padding:1rem}.yt-btn{padding:.8rem 1.5rem;font-size:.9rem;bottom:1rem;right:1rem}}.obsidian-btn-preview{color:#e0f2fe;background:#0ea5e926;border:1px solid #0ea5e94d;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.obsidian-btn-preview:hover{background:#0ea5e940;border-color:#0ea5e999;transform:translateY(-1px);box-shadow:0 0 10px #0ea5e933}