*{margin:0;box-sizing:border-box}body,html{height:100%;background:#14100e;font-family:-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}a{color:inherit}#topbar{position:fixed;top:0;left:0;right:0;height:54px;z-index:100;display:flex;align-items:center;gap:14px;padding:0 18px;background:rgba(20,16,14,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);color:#eee}#topbar .t{font-weight:800;font-size:16px;color:#fff}#topbar .s{font-size:13px;color:#9a9088}#topbar .sp{flex:1 1}#topbar button{background:#2a2320;color:#eee;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 12px;font-size:14px;cursor:pointer}#topbar button:hover{background:#3a302b}#viewport{position:fixed;top:54px;left:0;right:0;bottom:0;overflow:hidden;cursor:-webkit-grab;cursor:grab;background-color:#191310;background-image:radial-gradient(rgba(255,255,255,.05) 1.4px,transparent 0);background-size:28px 28px}#viewport.drag{cursor:-webkit-grabbing;cursor:grabbing}#canvas{position:absolute;top:0;left:0;transform-origin:0 0;width:max-content;padding:64px 90px}.sec{margin-bottom:70px}.sec h2{color:#fff;font-size:32px;font-weight:800;margin:0;letter-spacing:-.01em;white-space:nowrap}.sec h2 .cnt{font-size:16px;color:#7fd1d6;font-weight:700;margin-left:12px;vertical-align:middle}.rowhead{display:flex;align-items:center;gap:16px;margin:24px 0 11px}.rowlabel{color:#c9bfb6;font-size:15px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.rowlabel .tt{color:#7f756d;font-weight:600;font-family:ui-monospace,Menlo,monospace;font-size:13px}.rowlabel .rc{color:#7fd1d6;font-weight:800;margin-left:6px}.lock{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7f756d}.lock input{position:absolute;opacity:0;width:0;height:0}.lock .kn{position:relative;width:40px;height:22px;border-radius:999px;background:#3a302b;transition:background .15s;flex:none}.lock .kn:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#9a9088;transition:transform .15s,background .15s}.lock.on .kn{background:#16A0A6}.lock.on .kn:after{transform:translateX(18px);background:#fff}.lock.on{color:#2BD4DB}.row{display:flex;gap:18px;align-items:flex-start}.card{position:relative;flex:none;width:232px;margin:0;background:#221c19;border-radius:10px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.32)}.card img{display:block;object-fit:cover;background:#333}.card .ph,.card img{width:100%;aspect-ratio:4/5}.card .ph{justify-content:center;color:#6b625b;font:600 13px ui-monospace,Menlo,monospace;background:#1c1714}.card .ph,.card figcaption{display:flex;align-items:center}.card figcaption{justify-content:space-between;gap:8px;font-size:12px;color:#9a9088;padding:6px 10px;font-family:ui-monospace,Menlo,monospace}.card .lk-ic{display:none;align-items:center;flex:none;color:#16A0A6}.card .lk-ic svg{height:1em;width:auto;display:block}.row.locked .lk-ic{display:inline-flex}.row.locked .card{outline:2px solid rgba(43,212,219,.55)}.card.foc{outline:4px solid #2BD4DB;outline-offset:3px;box-shadow:0 0 0 4px rgba(43,212,219,.3),0 16px 36px rgba(0,0,0,.5)}.login-wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#14100e}.login-card{background:#221c19;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:34px 32px;width:360px;color:#eee}.login-card h1{font-size:20px;font-weight:800;margin:0 0 4px;color:#fff}.login-card p{font-size:13px;color:#9a9088;margin:0 0 22px}.login-card label{display:block;font-size:12px;color:#9a9088;margin:14px 0 6px;text-transform:uppercase;letter-spacing:.06em}.login-card input{width:100%;padding:11px 13px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:#1a1512;color:#fff;font-size:15px}.login-card button{width:100%;margin-top:22px;padding:12px;border:0;border-radius:9px;background:#16A0A6;color:#04282b;font-weight:800;font-size:15px;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:default}.login-card .err{color:#ff9a9a;font-size:13px;margin-top:14px}