:root{--bg:#0b0d12;--bg-2:#12151d;--bg-3:#1a1e29;--line:#262b3a;--text:#e9e6df;--muted:#9a9ba8;--gold:#d4af5a;--gold-2:#f0d48a;--danger:#e5665c;--ok:#67c58f;--radius:12px;--shadow:0 20px 60px rgba(0,0,0,.45);color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100dvh;background:radial-gradient(1200px 600px at 70% -10%,rgba(212,175,90,.1),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(80,120,255,.08),transparent 60%),var(--bg)}a{color:inherit;text-decoration:none}a:hover{color:var(--gold-2)}h1,h2,h3{font-weight:600;letter-spacing:-.01em;margin:0 0 .5rem}h1{font-size:1.7rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .75rem}.muted,small{color:var(--muted)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--bg-3);padding:.1em .35em;border-radius:4px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;gap:1rem;padding:.7rem 1.25rem;background:rgba(11,13,18,.75);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand,.topbar{display:flex;align-items:center}.brand{gap:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;color:var(--gold)}.brand .dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--gold-2),var(--gold));box-shadow:0 0 14px rgba(212,175,90,.6)}.nav{display:flex;gap:.2rem;margin-left:.5rem;flex-wrap:wrap}.nav a{padding:.35rem .7rem;border-radius:8px;color:var(--muted);font-size:.92rem}.nav a:hover,.nav a[aria-current=page]{background:var(--bg-3);color:var(--text)}.spacer{flex:1 1}.userchip{display:flex;align-items:center;gap:.6rem;font-size:.88rem;color:var(--muted)}.userchip b{color:var(--text);font-weight:600}.container{max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.container.narrow{max-width:560px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.page-head p{margin:0;color:var(--muted)}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.card+.card{margin-top:1rem}.grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tile{position:relative;display:block;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .15s,border-color .15s}.tile:hover{transform:translateY(-2px);border-color:var(--gold);color:inherit}.tile .thumb{aspect-ratio:16/10;background:var(--bg-3);display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:2rem}.tile .thumb img,.tile .thumb video{width:100%;height:100%;object-fit:cover;display:block}.tile .body{padding:.7rem .85rem .85rem}.tile .title{font-weight:600;font-size:.95rem;margin:0 0 .15rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile .meta{font-size:.78rem;color:var(--muted);display:flex;gap:.5rem;flex-wrap:wrap}.badge{display:inline-block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .45rem;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.badge.gold{border-color:var(--gold);color:var(--gold)}.badge.ok{border-color:var(--ok);color:var(--ok)}.badge.danger{border-color:var(--danger);color:var(--danger)}label{display:block;font-size:.85rem;color:var(--muted);margin:.9rem 0 .3rem}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{width:100%;padding:.6rem .75rem;background:var(--bg-3);color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,90,.18)}textarea{min-height:90px;resize:vertical}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1rem;border-radius:8px;border:1px solid var(--line);background:var(--bg-3);color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:.15s}.btn:hover{border-color:var(--gold);color:var(--gold-2)}.btn.primary{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1a1405;border-color:transparent}.btn.primary:hover{filter:brightness(1.05);color:#1a1405}.btn.danger{border-color:rgba(229,102,92,.5);color:var(--danger)}.btn.sm{padding:.35rem .65rem;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.alert{padding:.7rem .9rem;border-radius:8px;border:1px solid var(--line);background:var(--bg-3);font-size:.92rem;margin:.75rem 0}.alert.error{border-color:rgba(229,102,92,.5);color:#ffb3ad;background:rgba(229,102,92,.08)}.alert.ok{border-color:rgba(103,197,143,.5);color:#b6f0cd;background:rgba(103,197,143,.08)}.alert.info{border-color:rgba(212,175,90,.5);color:var(--gold-2);background:rgba(212,175,90,.08)}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}tr:hover td{background:rgba(255,255,255,.02)}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:1.5rem}.login-card{width:100%;max-width:400px;background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:2rem;box-shadow:var(--shadow)}.login-card .brand{justify-content:center;margin-bottom:1.25rem;font-size:.9rem}.login-card h1{text-align:center;font-size:1.3rem}.login-card .btn{width:100%;justify-content:center;margin-top:1.25rem}.viewer{position:relative;background:#000;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;place-items:center;min-height:320px}.viewer img,.viewer video{max-width:100%;max-height:78vh;display:block}.viewer video{outline:none}.viewer iframe{width:100%;height:80vh;border:0;background:#fff}.watermark{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.13;font-size:13px;letter-spacing:.1em;color:#fff;mix-blend-mode:overlay;background-image:none;display:flex;flex-wrap:wrap;align-content:space-around;justify-content:space-around;transform:rotate(-18deg) scale(1.4)}.watermark span{padding:2rem 3rem;white-space:nowrap}.detail{display:grid;grid-template-columns:1fr 320px;grid-gap:1.25rem;gap:1.25rem}@media (max-width:900px){.detail{grid-template-columns:1fr}}.kv{display:grid;grid-template-columns:110px 1fr;grid-gap:.35rem .75rem;gap:.35rem .75rem;font-size:.9rem}.kv dt{color:var(--muted)}.kv dd{margin:0;overflow-wrap:anywhere}.face-stage{position:relative;height:calc(100dvh - 58px);min-height:520px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.face-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:-webkit-grab;cursor:grab}.face-canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.face-title{position:absolute;left:1.5rem;top:1.25rem;z-index:3;pointer-events:none}.face-title h1{font-size:clamp(1.4rem,3vw,2.4rem);font-weight:700;letter-spacing:-.02em;margin:0;text-shadow:0 2px 18px rgba(0,0,0,.8)}.face-title p{text-shadow:0 1px 10px rgba(0,0,0,.9);max-width:34ch;color:var(--muted);margin:.25rem 0 0;font-size:.9rem}.face-hint{position:absolute;left:50%;bottom:1.25rem;transform:translateX(-50%);z-index:6;background:rgba(11,13,18,.6);padding:.3rem .8rem;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--muted);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;opacity:.8}.hotspot{position:absolute;z-index:4;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem;transition:opacity .25s,filter .25s}.hotspot .pin{width:18px;height:18px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(212,175,90,.18),0 0 24px rgba(212,175,90,.7);animation:pulse 2.2s infinite}.hotspot .label{background:rgba(11,13,18,.85);border:1px solid var(--line);padding:.35rem .7rem;border-radius:999px;font-size:.82rem;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hotspot .label small{color:var(--muted);margin-left:.4rem}.hotspot:hover .label{border-color:var(--gold);color:var(--gold-2)}@keyframes pulse{0%,to{box-shadow:0 0 0 6px rgba(212,175,90,.18),0 0 24px rgba(212,175,90,.7)}50%{box-shadow:0 0 0 12px rgba(212,175,90,.06),0 0 30px rgba(212,175,90,.9)}}.face-side{position:absolute;right:1.25rem;top:1.25rem;z-index:3;display:flex;flex-direction:column;gap:.4rem}.face-side a{background:rgba(18,21,29,.8);border:1px solid var(--line);padding:.4rem .7rem;border-radius:8px;font-size:.85rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.face-side a:hover{border-color:var(--gold)}.recent{position:absolute;left:1.25rem;right:1.25rem;bottom:3.2rem;z-index:3;display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.3rem;scrollbar-width:thin}.recent a{flex:0 0 auto;width:150px;background:rgba(18,21,29,.85);border:1px solid var(--line);border-radius:10px;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.78rem}.recent a .thumb{height:84px;background:var(--bg-3);display:grid;place-items:center;overflow:hidden}.recent a img{width:100%;height:100%;object-fit:cover}.recent a span{display:block;padding:.35rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:700px){.face-side,.recent{display:none}}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);padding:2rem;text-align:center;color:var(--muted);transition:.15s;cursor:pointer}.dropzone.over,.dropzone:hover{border-color:var(--gold);color:var(--text);background:rgba(212,175,90,.04)}.progress{height:6px;background:var(--bg-3);border-radius:3px;overflow:hidden;margin-top:.5rem}.progress>div{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2));transition:width .2s}.uplist{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-gap:.5rem;gap:.5rem}.uplist li{background:var(--bg-3);border-radius:8px;padding:.6rem .8rem;font-size:.88rem}.face-3d{position:absolute;will-change:transform;transition:opacity .6s}.face-3d,.face-3d .hotspot{transform-style:preserve-3d}.face-glow{position:absolute;left:50%;top:50%;width:70vmin;height:70vmin;margin:-35vmin 0 0 -35vmin;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(212,175,90,.22),rgba(212,175,90,.06) 45%,transparent 70%);filter:blur(10px);z-index:0}@media (max-width:760px){.topbar{flex-wrap:wrap;gap:.5rem .75rem;padding:.6rem .9rem}.brand{font-size:.72rem;letter-spacing:.1em}.spacer{display:none}.userchip{margin-left:auto;gap:.4rem}.userchip .badge{display:none}.nav{order:3;flex:1 0 100%;margin:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:.1rem}.nav a{white-space:nowrap;font-size:.85rem;padding:.3rem .55rem}.face-stage{height:calc(100dvh - 96px);min-height:460px}.face-title{left:1rem;top:.75rem}.face-title p{font-size:.8rem}.hotspot .label{font-size:.74rem;padding:.25rem .55rem}.face-hint{white-space:nowrap;font-size:.62rem;letter-spacing:.08em;bottom:.6rem}.container{padding:1rem .9rem 3rem}}.pdf-cover{position:relative;overflow:hidden}.pdf-cover,.pdf-cover img{display:block;width:100%;max-height:78vh}.pdf-cover img{object-fit:contain;object-position:top;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pdf-cover-cta{position:absolute;left:50%;bottom:1.2rem;transform:translateX(-50%);background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1a1405;font-weight:700;padding:.6rem 1.1rem;border-radius:999px;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.5)}.pdf-cover:hover .pdf-cover-cta{filter:brightness(1.06)}.viewer:has(.pdf-cover){background:#111}