:root{--bg:#12121a;--panel:#1d1d29;--line:#323240;--text:#f8f6ff;--muted:#aaa9b7;--gold:#f6bd43;--pink:#fb5c9d;--violet:#8d73ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}.hero{min-height:0;position:relative;overflow:hidden;background:linear-gradient(122deg,#191624 0%,#211934 47%,#182331 100%)}.hero__orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.7}.hero__orb--left{width:400px;height:400px;background:#654bcb;left:-130px;top:210px}.hero__orb--right{width:470px;height:470px;background:#f05c8e;right:-200px;top:-260px}nav,.hero__content,main{max-width:1120px;margin:auto;padding-left:28px;padding-right:28px}nav{height:82px;display:flex;position:relative;align-items:center;justify-content:space-between}.brand{font:700 20px system-ui,sans-serif;color:#fff;text-decoration:none;letter-spacing:.3px}.nav-upload{border:1px solid var(--line);background:#252432;color:#fff;border-radius:99px;padding:9px 15px;font-size:13px}.hero__content{position:relative;padding-top:42px;padding-bottom:48px;max-width:1120px}.eyebrow{margin:0 0 10px;color:var(--gold);font:600 11px system-ui,sans-serif;letter-spacing:2px}.hero h1{display:inline-block;width:max-content;max-width:100%;margin:0;font-size:clamp(38px,6vw,68px);line-height:1.15;letter-spacing:-2px;color:var(--gold)}.primary-button{border:0;color:#211917;background:linear-gradient(135deg,#ffcf65,#ecac2c);padding:13px 19px;border-radius:9px;font-weight:800;box-shadow:0 8px 24px #0003}.primary-button span{margin-left:10px;font-size:18px}.archive-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-top:54px;padding-bottom:27px}.archive-head h2{font-size:28px;margin:0}.moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:24px}.card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--panel);transition:transform .2s}.card:hover{transform:translateY(-3px)}.video-wrap{overflow:hidden;background:#09090e;aspect-ratio:16/9}.video-wrap video{display:block;height:100%;width:100%;object-fit:contain}.card-body{padding:13px 15px 15px}.card-meta{display:flex;justify-content:space-between;align-items:center;color:#8e8c99;font-size:12px}.card h3{margin:7px 0 0;font-size:17px;line-height:1.42}.description{font-size:13px;color:#b9b6c2;line-height:1.65;margin:7px 0 0}.empty{text-align:center;max-width:500px;margin:12px auto 100px;padding:42px 24px;border:1px dashed #464452;border-radius:16px;background:#1a1a25}.empty__icon{font-size:34px;color:var(--gold)}.empty h3{margin:12px 0 8px}.empty p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 20px}dialog{width:min(610px,calc(100% - 28px));border:1px solid #464454;border-radius:15px;padding:0;color:var(--text);background:#20202c;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#090910c9}form{padding:27px}.modal-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:19px}.modal-header h2{margin:0;font-size:24px}.close{border:0;background:none;color:#bbb8c5;font-size:29px;line-height:1}.file-drop{border:1px dashed #6b6879;border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#d9d7e1;cursor:pointer;margin-bottom:15px}.file-drop input{display:none}.file-icon{font-size:24px;color:var(--gold)}.file-drop small{color:var(--muted)}.file-drop b{font-size:12px;color:var(--gold);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}label{display:block;font-size:13px;color:#d5d3db;margin-bottom:14px}input{width:100%;display:block;margin-top:6px;border:1px solid #42414e;border-radius:7px;padding:10px;color:#fff;background:#171720;outline:none}input:focus{border-color:var(--violet)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.upload-error{color:#ff8cae;font-size:13px;min-height:18px;margin:0 0 8px}.submit{width:100%}.submit:disabled{opacity:.7;cursor:wait}.login-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 12% 15%,#40306c 0,transparent 31%),radial-gradient(circle at 88% 85%,#693146 0,transparent 29%),var(--bg)}.login-card{width:min(430px,100%);margin:0;padding:39px 34px;border:1px solid #4a4757;border-radius:18px;background:#20202bcc;box-shadow:0 28px 80px #0008}.login-mark{font-size:38px;color:var(--gold);margin-bottom:9px}.login-card form{padding:0}.login-card label{font-size:15px}.quiz-question{margin:0 0 20px;padding:16px;border:1px solid #454352;border-radius:10px;background:#181821;color:#c9c6d0;font-size:17px;line-height:1.8}.quiz-question strong{display:block;color:#fff;font-size:20px}.quiz-question span{color:var(--gold);letter-spacing:2px}.login-card .primary-button{width:100%;margin-top:5px}.login-error{min-height:18px;color:#ff8cae;font-size:13px;margin:0 0 7px}@media(max-width:760px){nav,.hero__content,main{padding-left:18px;padding-right:18px}.hero__content{padding-top:28px;padding-bottom:34px}.moments{grid-template-columns:1fr}.archive-head{align-items:start;flex-direction:column;padding-top:35px}.form-grid{grid-template-columns:1fr}.nav-upload{font-size:12px}.hero h1{letter-spacing:-1px}.login-card{padding:32px 24px}}

.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{text-decoration:underline}.buffer{padding:8px 12px;display:flex;align-items:center;gap:10px;pointer-events:none}.buffer progress{flex:1;min-width:0;height:6px;accent-color:var(--gold)}.buffer span{font-size:12px;color:var(--muted);white-space:nowrap}.moment-page{max-width:960px;padding-top:24px;padding-bottom:40px}.moment-page h1{font-size:24px;margin:12px 0}.moment-page .card:hover{transform:none}