*{box-sizing:border-box}body{margin:0;background:#080a10;color:#f6f4ef;font-family:system-ui,-apple-system,sans-serif;min-height:100vh}.hidden{display:none!important}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(#070a10aa,#070a10e8),url('assets/home-bg.jpg') center/contain no-repeat #080a10;text-align:center}.loginbox{width:min(360px,100%);padding:20px}.seal{margin:auto auto 18px;width:58px;height:58px;border:1px solid #d6b779;border-radius:50%;display:grid;place-items:center;color:#d6b779;font:32px Georgia}.login small,.bar small{letter-spacing:.18em;color:#d6b779;font-size:10px}.login h1{font:30px Georgia;margin:10px 0}.login p{color:#aab2c0}.dots{font-size:22px;letter-spacing:6px;margin:24px}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:290px;margin:auto}.keys button{height:54px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff0a}.bar{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:12px;padding:14px 16px;background:#090c13ed;border-bottom:1px solid #ffffff15;backdrop-filter:blur(12px)}.bar strong{display:block;font:20px Georgia;margin-top:4px}.right{margin-left:auto;display:flex;gap:7px}.secondary,.primary,.danger{padding:10px 12px;border-radius:12px;border:1px solid #30394a;background:#ffffff0a;font-size:12px}.primary{background:#d6b779;color:#17140e;border-color:#d6b779;font-weight:700}.danger{background:#8c323222;border-color:#a34e4e;color:#ffc0c0}main{max-width:780px;margin:auto;padding:18px 15px 42px}.hero{min-height:190px;border:1px solid #ffffff22;border-radius:24px;padding:22px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(#080a1033,#080a10d9),url('assets/home-bg.jpg') center/contain no-repeat #101621;margin-bottom:16px}.hero h2{font:30px Georgia;margin:8px 0}.catalogs,.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog{border:1px solid #ffffff20;border-radius:18px;overflow:hidden;text-align:left;padding:0;background:#121823}.catalog img{width:100%;height:135px;object-fit:cover;display:block}.catalog b{display:block;padding:12px}.head{display:flex;align-items:center;gap:10px;margin:5px 0 16px}.head h2{font:26px Georgia;margin:0}.head p{color:#aab2c0;font-size:12px;margin:5px 0}.head button{margin-left:auto;white-space:nowrap}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tile{aspect-ratio:1;border:0;padding:0;position:relative;overflow:hidden;background:#151b26;border-radius:6px}.tile img,.tile video{width:100%;height:100%;object-fit:cover}.tile span{position:absolute;bottom:0;left:0;right:0;padding:17px 5px 5px;background:linear-gradient(transparent,#000b);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folders{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 15px}.folder{background:#171e2b;border:1px solid #30394a;border-radius:13px;padding:13px;text-align:left;min-height:78px}.folder strong{font:23px Georgia;color:#d6b779;display:block}.folder span{font-size:12px}.empty{padding:28px 16px;border:1px dashed #ffffff35;border-radius:17px;color:#aab2c0;text-align:center;font-size:13px;line-height:1.7}.note{border:0;border-radius:17px;padding:14px;text-align:left;color:#19171b;min-height:130px}.note h3,.card h3{margin:0 0 8px;font-size:15px}.note p{margin:0;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.card{background:#151b26;border:1px solid #ffffff1c;border-radius:17px;padding:14px;min-width:0;overflow-wrap:anywhere}.card small{color:#aab2c0}.card p{font-size:12px;line-height:1.5}.actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.actions button{padding:8px 9px;font-size:11px}.form{background:#121823;border:1px solid #30394a;border-radius:18px;padding:16px}.form label{display:block;font-size:12px;color:#b7bfcc;margin:13px 0 6px}.form input,.form textarea{width:100%;padding:12px;border:1px solid #30394a;background:#080c13;color:white;border-radius:11px}.form textarea{min-height:125px}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid #ffffff66}.swatch.on{outline:2px solid #d6b779;outline-offset:2px}.viewer{position:fixed;inset:0;background:#030407f7;z-index:10;display:flex;flex-direction:column;padding:10px}.viewer header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px}.viewer .media{flex:1;min-height:0;display:grid;place-items:center}.viewer img,.viewer video{max-width:100%;max-height:100%;object-fit:contain}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;transition:.2s;z-index:30;background:#eee2c7;color:#17140e;border-radius:12px;padding:11px 15px;font-size:12px;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.muted{color:#aab2c0;font-size:11px;line-height:1.6}@media(min-width:620px){main{padding:24px}.catalog img{height:170px}.hero{min-height:230px}.grid3{gap:8px}}