@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#111214;--surface:#191a1d;--surface-hover:#24262a;--ink:#f4f3ef;--muted:#97999f;--line:#303237;--accent:#f06b48}*{box-sizing:border-box}html,body{min-height:100%}body{min-height:100vh;margin:0;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}main{flex:1}.site-footer{padding:28px 6vw 34px;border-top:1px solid var(--line);text-align:center}.site-footer a{color:var(--muted);font:11px "DM Mono",monospace;text-decoration:none;transition:color .2s}.site-footer a:hover{color:var(--accent)}.topbar{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#151619}.brand{font-size:21px;font-weight:800;letter-spacing:-1px;color:var(--ink);text-decoration:none}.brand span{color:var(--accent)}.top-actions{display:flex;gap:18px;align-items:center}.search{border-bottom:1px solid #55585e;padding:7px 0;display:flex;gap:7px;color:var(--muted)}.search input{border:0;background:transparent;outline:0;width:190px;color:var(--ink);font:inherit;font-size:12px}.button{border:0;border-radius:3px;padding:12px 18px;font:600 11px Manrope;cursor:pointer;letter-spacing:.03em}.button-dark{background:var(--ink);color:var(--bg)}.button-primary{background:var(--accent);color:#fff}.button-outline{border:1px solid #666;background:transparent;color:var(--ink)}.button-quiet{background:transparent;color:var(--muted);padding-left:0}.folder-header{padding:72px 6vw 32px;display:flex;align-items:center;gap:24px}.folder-header h1{font-size:clamp(32px,5vw,58px);line-height:1;letter-spacing:-.07em;margin:0}.back-button{border:0;background:transparent;color:var(--muted);font:500 12px Manrope;cursor:pointer;padding:0}.card-grid{padding:0 6vw 80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.person-card{position:relative;isolation:isolate;aspect-ratio:1.05;border:1px solid var(--line);padding:0;overflow:hidden;background:var(--surface);color:var(--ink);cursor:pointer;text-align:left;border-radius:5px;transition:border-color .25s,background .25s}.person-card:hover{border-color:#676a72;background:var(--surface-hover)}.card-background{position:absolute;inset:0;z-index:-2;border-radius:5px;background:linear-gradient(145deg,#202328,#151619)}.card-background:after{content:"";position:absolute;inset:auto 10% 0;height:1px;background:var(--accent);opacity:.35}.card-placeholder{position:absolute;inset:10% 12% 22%;z-index:-1;border-radius:50%;background:radial-gradient(circle,#30343a,#17181b 68%);opacity:.7}.person-portrait{position:absolute;z-index:0;left:50%;bottom:14%;width:88%;height:88%;object-fit:contain;object-position:center bottom;transform:translate(calc(-50% + var(--portrait-x)),var(--portrait-y)) scale(var(--portrait-scale));filter:drop-shadow(0 12px 10px #0009);transition:transform .35s ease}.person-card:hover .person-portrait{transform:translate(calc(-50% + var(--portrait-x)),calc(var(--portrait-y) - 5px)) scale(calc(var(--portrait-scale) + .035))}.person-card-label{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:55px 18px 17px;background:linear-gradient(transparent,#111214f2 52%);font-size:17px;font-weight:700;letter-spacing:-.04em}.person-card-label small{display:block;margin-top:5px;color:#c0c1c4;font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.portrait-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.image-grid{padding:0 6vw 80px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.image-card{position:relative;aspect-ratio:1.18;overflow:hidden;background:#222428;cursor:pointer}.image-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.image-card:hover img{transform:scale(1.04)}.image-card .delete{display:none;position:absolute;right:8px;top:8px;background:#fff;color:#111;border:0;padding:8px;cursor:pointer}.image-card:hover .delete{display:block}.empty{text-align:center;color:var(--muted);padding:70px}.muted,.form-error{font-size:12px;color:var(--muted)}.form-error{color:#ff8b72;min-height:17px}dialog{border:0;border-radius:4px;padding:36px;background:#202125;color:var(--ink);box-shadow:0 20px 80px #000b;width:min(480px,92vw)}dialog::backdrop{background:#000b}.dialog-close{position:absolute;right:15px;top:11px;border:0;background:transparent;color:var(--ink);font-size:25px;cursor:pointer}dialog h2{font-size:29px;letter-spacing:-.06em;margin:0 0 28px}dialog h3{font-size:14px}form{display:grid;gap:16px}label{display:grid;gap:7px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}input,select{border:1px solid var(--line);padding:12px;background:#151619;color:var(--ink);font:inherit;font-size:13px;text-transform:none;letter-spacing:0}.dropzone{border:1px dashed #55585e;padding:30px;text-align:center;color:var(--ink);cursor:pointer;text-transform:none}.dropzone input{display:none}.dropzone strong,.dropzone small{display:block}.dropzone small{color:var(--muted);font-size:11px;margin-top:6px}.inline-form{display:flex;gap:8px}.category-list{display:grid;gap:7px;margin-top:14px}.category-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0;font-size:12px}.category-delete{border:0;background:transparent;color:#ff8b72;font:500 11px Manrope;cursor:pointer}.inline-form input{min-width:0;flex:1}hr{border:0;border-top:1px solid var(--line);margin:30px 0}dialog.lightbox:not([open]){display:none}.lightbox{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:16px;background:#111;width:fit-content;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}.lightbox img{display:block;width:auto;height:auto;max-width:calc(100vw - 64px);max-height:calc(100vh - 88px);object-fit:contain}.lightbox p{color:#fff;font-size:11px;margin:9px 0 0;max-width:calc(100vw - 64px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox .dialog-close{color:#fff}.lightbox-image{width:auto;height:auto}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:var(--bg);padding:12px 17px;font-size:12px;display:none}.toast.show{display:block}@media(max-width:600px){.topbar{height:70px;padding:0 5vw}.search{display:none}.folder-header{padding:54px 5vw 27px;display:block}.back-button{margin-bottom:20px}.card-grid,.image-grid{padding-left:5vw;padding-right:5vw;grid-template-columns:repeat(2,1fr);gap:8px}.person-card{aspect-ratio:.9}.image-card{aspect-ratio:1}.button{padding:11px 13px}.lightbox{max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:8px}.lightbox img{max-width:calc(100vw - 32px);max-height:calc(100vh - 64px)}}