:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{color-scheme:dark}.app-shell{min-height:100vh;width:100%;display:flex;flex-direction:column;background:radial-gradient(circle at 0% 0%,#22c55e33 0,transparent 55%),radial-gradient(circle at 100% 0%,#4ade8033 0,transparent 55%),radial-gradient(circle at 0% 100%,#16a34a33 0,transparent 55%),#020617;color:#e5e7eb;padding:1.5rem 1.2rem 1.2rem;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.app-main{flex:1;width:100%;max-width:1280px;margin:1.2rem auto 0}.app-header{width:100%;max-width:1280px;margin:0 auto;display:flex;gap:1.5rem;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.9rem}.brand-mark{width:42px;height:42px;border-radius:999px;background:conic-gradient(from 210deg,#22c55e,#4ade80,#a3e635,#bbf7d0,#22c55e);display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#020617;font-size:.7rem;letter-spacing:.12em}.brand-title{font-weight:700;font-size:1.1rem}.brand-subtitle{font-size:.8rem;color:#9ca3af}.auth-card{background:#0f172ae6;border-radius:999px;padding:.35rem .75rem;display:inline-flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(134,239,172,.4)}.auth-form{display:flex;align-items:center;gap:.75rem}.auth-toggle{display:inline-flex;padding:.15rem;border-radius:999px;background:#0f172ae6}.chip{border-radius:999px;border:none;background:transparent;color:#9ca3af;padding:.2rem .65rem;font-size:.72rem;cursor:pointer}.chip-active{background:linear-gradient(135deg,#22c55e,#a3e635);color:#020617}.auth-fields{display:flex;gap:.4rem}.auth-fields input{border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#0f172af2;padding:.3rem .7rem;font-size:.78rem;color:#e5e7eb;outline:none}.auth-fields input::placeholder{color:#6b7280}.auth-fields input:focus{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e66}.auth-hello{font-size:.78rem;color:#e5e7eb;display:flex;align-items:center;gap:.4rem}.dot-online{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px #22c55e40}.btn{border-radius:999px;border:none;padding:.3rem .9rem;font-size:.78rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.25rem}.btn.primary{background:linear-gradient(135deg,#22c55e,#a3e635);color:#020617}.btn.ghost{background:#0f172ae6;color:#e5e7eb;border:1px solid rgba(148,163,184,.4)}.btn.small{padding:.25rem .65rem;font-size:.72rem}.hero{margin-top:2rem;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.6fr);gap:1.8rem;align-items:stretch}.hero h1{font-size:clamp(2.1rem,3vw,2.6rem);line-height:1.1;margin:0 0 .75rem}.hero p{margin:0;font-size:.95rem;color:#d1d5db}.hero-highlight{background:linear-gradient(135deg,#bbf7d0,#4ade80);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.pill{font-size:.75rem;padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(163,230,53,.5);background:#0f172af2}.hero-card{align-self:stretch}.hero-card-inner{background:radial-gradient(circle at 0 0,rgba(74,222,128,.35),transparent 60%),#0f172afa;border-radius:1.5rem;padding:.9rem;border:1px solid rgba(74,222,128,.5);box-shadow:0 18px 40px #0f172ae6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.hero-card-header{display:flex;gap:.3rem;margin-bottom:.75rem}.hero-dot{width:8px;height:8px;border-radius:999px;background:#94a3b8b3}.hero-dot:nth-child(1){background:#22c55e}.hero-dot:nth-child(2){background:#4ade80}.hero-dot:nth-child(3){background:#a3e635}.hero-card-body.profile-hero-card{border-radius:1.1rem;background:radial-gradient(circle at 100% 0,rgba(34,197,94,.4),transparent 60%),#020617;padding:.9rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr);gap:1rem}.profile-avatar-block{display:flex;flex-direction:column;align-items:center;gap:.65rem}.profile-avatar-wrapper{width:90px;height:90px;border-radius:999px;border:2px solid rgba(134,239,172,.7);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#15803dcc,#020617);overflow:hidden}.profile-avatar-image{width:100%;height:100%;object-fit:cover}.profile-avatar-placeholder{font-size:2.1rem;font-weight:700;color:#bbf7d0}.btn-avatar{font-size:.75rem;padding-inline:.8rem}.profile-hint{margin:0;font-size:.78rem;color:#9ca3af;text-align:center}.profile-meta-block{display:flex;flex-direction:column;gap:.35rem}.profile-meta-block h2{margin:0;font-size:1rem}.profile-username{margin:0;font-size:.85rem;color:#bbf7d0}.profile-stats{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.2rem}.profile-stats>div{padding:.4rem .6rem;border-radius:.75rem;background:#0f172af2;border:1px solid rgba(34,197,94,.5);min-width:90px}.profile-stat-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:#9ca3af}.profile-stat-value{font-size:.95rem;font-weight:600;color:#bbf7d0}.profile-caption{margin:.3rem 0 0;font-size:.8rem;color:#d1d5db}.tabs-section{margin-top:2rem;padding:1.1rem 1rem 1.3rem;border-radius:1.5rem;background:#0f172afa;border:1px solid rgba(34,197,94,.6);box-shadow:0 18px 40px #0f172ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tabs-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem}.tabs-switch{display:inline-flex;padding:.2rem;border-radius:999px;background:#0f172ae6}.tab-btn{border-radius:999px;border:none;background:transparent;color:#9ca3af;padding:.35rem .85rem;font-size:.8rem;cursor:pointer}.tab-btn.active{background:linear-gradient(135deg,#22c55e,#a3e635);color:#020617}.tabs-caption{margin:0;font-size:.8rem;color:#9ca3af}.viewer-shell{margin-top:.6rem;display:flex;flex-direction:column}.video-card{border-radius:1.1rem;background:radial-gradient(circle at 100% 0,rgba(22,163,74,.4),transparent 60%),#020617;border:1px solid rgba(34,197,94,.6);padding:.8rem;display:flex;flex-direction:column;gap:.6rem}.viewer-card{width:100%}.viewer-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#9ca3af}.viewer-label{text-transform:uppercase;letter-spacing:.09em}.viewer-index{font-variant-numeric:tabular-nums}.video-media-wrapper{border-radius:.9rem;overflow:hidden;background:#020617;position:relative;cursor:pointer}.video-player{width:100%;display:block;background-color:#000}.video-click-overlay{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none;padding:.5rem}.overlay-hint{font-size:.75rem;background:#0f172ad9;border-radius:999px;padding:.18rem .5rem;border:1px solid rgba(34,197,94,.6);color:#bbf7d0}.overlay-left{align-self:flex-end}.overlay-right{align-self:flex-start}.video-meta h2{margin:0 0 .15rem;font-size:1rem}.video-meta p{margin:0;font-size:.8rem;color:#9ca3af}.video-actions{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-top:.25rem}.like-button{border-radius:999px;border:1px solid rgba(74,222,128,.8);background:#16a34a2e;color:#bbf7d0;padding:.2rem .6rem;display:inline-flex;align-items:center;gap:.26rem;font-size:.8rem;cursor:pointer}.like-button .heart{font-size:.9rem}.like-button .like-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.like-button.liked{background:linear-gradient(135deg,#22c55e,#a3e635);color:#022c22;border-color:transparent;box-shadow:0 0 0 1px #bef26480}.comments-section{border-radius:.85rem;background:#0f172af2;padding:.6rem;border:1px dashed rgba(55,65,81,.9)}.comment-form{display:flex;gap:.35rem;margin-bottom:.55rem}.comment-form input{flex:1;border-radius:999px;border:1px solid rgba(55,65,81,.9);background:#0f172af2;padding:.3rem .7rem;font-size:.78rem;color:#e5e7eb;outline:none}.comment-form input::placeholder{color:#6b7280}.comment-form input:focus{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e4d}.comment-list{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem}.comment{display:flex;gap:.4rem;font-size:.78rem}.comment.empty{justify-content:center;color:#6b7280}.comment-avatar{flex-shrink:0;width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,#22c55e,#a3e635);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#022c22}.comment-body{flex:1}.comment-header{display:flex;justify-content:space-between;gap:.4rem;margin-bottom:.1rem}.comment-author{font-weight:500}.comment-time{font-size:.7rem;color:#6b7280}.comment-body p{margin:0;color:#d1d5db}.auth-messages{max-width:1280px;margin:.75rem auto 0;display:flex;flex-direction:column;gap:.4rem}.auth-error{padding:.6rem .75rem;border-radius:.75rem;border:1px solid rgba(248,113,113,.7);background:#7f1d1de6;color:#fee2e2;font-size:.78rem}.auth-success{padding:.6rem .75rem;border-radius:.75rem;border:1px solid rgba(74,222,128,.7);background:#166534e6;color:#dcfce7;font-size:.78rem}.app-footer{width:100%;max-width:1280px;margin:1.1rem auto 0;font-size:.75rem;color:#9ca3af;display:flex;justify-content:space-between;align-items:center;gap:.6rem;border-top:1px solid rgba(31,41,55,.9);padding-top:.7rem}@media(max-width:900px){.app-shell{padding:1.4rem 1rem 1rem}.app-header{flex-direction:column;align-items:stretch}.auth-card{width:100%;justify-content:space-between}.hero{grid-template-columns:minmax(0,1fr)}.hero-card{order:-1}.hero-card-body.profile-hero-card{grid-template-columns:minmax(0,1fr)}.tabs-header,.app-footer{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.auth-form{flex-direction:column;align-items:stretch}.auth-card{border-radius:1rem}.auth-fields{flex-direction:column}.hero-card-inner{padding:.75rem}.tabs-section{padding:1rem .8rem 1.1rem}}.video-media-outer{width:100%;display:flex;justify-content:center}.video-media-wrapper{max-width:960px;width:100%;aspect-ratio:16 / 9}.video-player{height:100%;object-fit:cover}@media(max-width:640px){.video-media-wrapper{aspect-ratio:9 / 16}}.viewer-card{max-width:1000px;margin-inline:auto}