:root{--paper: #f5efe3;--paper-2: #ece3d1;--card: #fffdf8;--ink: #2a2119;--ink-2: #5d5145;--muted: #8b7d6c;--line: #ddd1bc;--bark: #7a5a3c;--bark-dark: #4f3a26;--leaf: #6b8a4e;--leaf-2: #93ad6f;--gold: #b08d57;--accent: #6b4f36;--accent-ink: #fff;--male: #5f7f9c;--female: #a8687a;--unknown: #8f8576;--danger: #a33a2a;--ok: #4f7a3c;--radius: 14px;--shadow: 0 1px 2px rgba(60, 40, 20, .06), 0 6px 22px rgba(60, 40, 20, .08);--serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--serif);font-weight:600;margin:0;line-height:1.15}h2{font-size:30px}h3{font-size:22px}h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}small,.muted{color:var(--muted)}.grow{flex:1}.pad{padding:24px}.fullmsg{display:grid;place-items:center;height:100%;color:var(--muted);padding:20px;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap;transition:background .15s,border-color .15s,transform .05s}.btn:hover{border-color:var(--gold)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:var(--bark-dark)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:#7a5a3c14}.btn.sm{padding:5px 10px;font-size:13px}.btn.block{width:100%}.link{background:none;border:0;padding:0;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-size:13px}.link.danger{color:var(--danger)}.muted-link{color:var(--muted);font-size:14px;text-align:center}input,select,textarea{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b08d572e}textarea{resize:vertical;line-height:1.55}select.sm{width:auto;padding:3px 6px;font-size:13px}.err{color:var(--danger);font-size:14px}.form{display:flex;flex-direction:column;gap:12px}.form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink-2);font-weight:500}.form .lbl{font-size:13px;color:var(--ink-2);font-weight:500}.form footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:4px}label.check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--ink-2)}label.check input{width:auto}label.check.sm{font-size:12px;gap:4px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media(max-width:640px){.row2,.row3{grid-template-columns:1fr}}.seg{display:inline-flex;flex-wrap:wrap;background:var(--paper-2);border-radius:10px;padding:3px;gap:3px}.seg button{border:0;background:transparent;padding:7px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;color:var(--ink-2)}.seg button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.seg.sm button{padding:4px 10px;font-size:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card h3{margin-bottom:4px}.viewer,.admin{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:10px 20px;background:#fffdf8db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:10;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:38px;height:38px}.brand h1{font-size:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand p{margin:0;font-size:13px;color:var(--muted)}.topbar-tools{margin-left:auto;display:flex;align-items:center;gap:8px}.topbar .psearch{width:280px}.tabs{display:flex;gap:4px;margin-left:12px}.tabs a{padding:8px 14px;border-radius:10px;text-decoration:none;color:var(--ink-2);font-weight:600;font-size:14px}.tabs a:hover{background:#7a5a3c14}.tabs a.active{background:var(--accent);color:#fff}.tabs a small{color:inherit;opacity:.7}@media(max-width:760px){.topbar{padding:8px 12px;gap:8px}.brand h1{font-size:21px}.brand p{display:none}.topbar-tools{width:100%;margin:0}.topbar .psearch{flex:1;width:auto}.tabs{margin:0;order:3;width:100%}}.psearch{position:relative}.psearch-list{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 4px);margin:0;padding:4px;list-style:none;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #3c28142e;max-height:340px;overflow:auto;min-width:260px}.psearch-list li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer}.psearch-list li.hi{background:var(--paper-2)}.psearch-list li.empty{color:var(--muted);cursor:default}.psearch-list .nm{flex:1;font-size:14px}.psearch-list .yr{font-size:12px;color:var(--muted);white-space:nowrap}.mini{width:30px;height:30px;border-radius:50%;overflow:hidden;flex:none;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;background:var(--unknown)}.mini.lg{width:44px;height:44px;font-size:14px}.mini img{width:100%;height:100%;object-fit:cover}.g-m{--g: var(--male)}.g-f{--g: var(--female)}.g-u{--g: var(--unknown)}.mini.g-m,.mini.g-f,.mini.g-u{background:var(--g)}.canvas{position:relative;flex:1;overflow:hidden;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:radial-gradient(ellipse at 50% 40%,#fffcf4e6,#f5efe300 70%),radial-gradient(circle at 20% 80%,rgba(147,173,111,.1),transparent 40%),radial-gradient(circle at 85% 15%,rgba(176,141,87,.1),transparent 45%),var(--paper)}.canvas:active{cursor:grabbing}.canvas.editing{background-image:radial-gradient(circle,rgba(122,90,60,.14) 1px,transparent 1.2px);background-size:20px 20px;background-color:var(--paper)}.world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.world.animating{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.edges{position:absolute;overflow:visible;pointer-events:none}.edges .stem{stroke:var(--bark);stroke-width:6;stroke-linecap:round;fill:none}.edges .twig{stroke:var(--bark);stroke-width:3.5;stroke-linecap:round;fill:none}.edges .leaf{fill:var(--leaf);opacity:.85}.edges .branch:nth-child(3n) .leaf{fill:var(--leaf-2)}.edges .limb{stroke:var(--bark);stroke-width:7;fill:none;stroke-linecap:round}.edges .root{stroke:var(--bark-dark);stroke-width:5;fill:none;stroke-linecap:round;opacity:.8}.edges .spouse line{stroke:var(--gold);stroke-width:3;stroke-linecap:round}.edges .spouse.s-divorced line{stroke-dasharray:2 8;stroke:var(--muted)}.edges .spouse.s-partner line{stroke-dasharray:10 6}.edges .rings circle{fill:var(--paper);stroke:var(--gold);stroke-width:2}.node{position:absolute;display:flex;flex-direction:column;align-items:center;cursor:pointer}.medal{width:92px;height:92px;border-radius:50%;overflow:hidden;flex:none;display:grid;place-items:center;background:var(--g);color:#fff;font:600 30px var(--serif);border:4px solid #fffaf0;box-shadow:0 0 0 2px var(--g),0 6px 16px #3c281440;transition:transform .18s,box-shadow .18s}.medal img{width:100%;height:100%;object-fit:cover;pointer-events:none}.node.deceased .medal img{filter:sepia(.25) saturate(.85)}.node:hover .medal{transform:scale(1.06);box-shadow:0 0 0 2px var(--gold),0 10px 26px #3c28144d}.node .label{margin-top:8px;text-align:center;padding:4px 8px 5px;border-radius:10px;max-width:100%;background:#fffcf4e0;line-height:1.2}.node .ln{font:700 17px var(--serif);color:var(--ink);text-transform:uppercase;letter-spacing:.03em}.node .maiden{font-size:11px;color:var(--muted)}.node .gn{font-size:13px;color:var(--ink-2);font-weight:500}.node .yrs{font-size:12px;color:var(--bark);font-weight:700;margin-top:2px;letter-spacing:.02em}.node.highlight .medal{box-shadow:0 0 0 3px var(--gold),0 0 0 10px #b08d574d,0 10px 26px #3c28144d}.node.selected .medal{box-shadow:0 0 0 3px var(--accent),0 0 0 9px #6b4f3640,0 10px 26px #3c28144d}.node.selected .label{background:var(--accent)}.node.selected .label *{color:#fff!important}.node.editable{cursor:move}.canvas-ui{position:absolute;z-index:5}.zoombar{right:16px;bottom:16px;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.zoombar button{width:42px;height:40px;border:0;background:none;font-size:20px;cursor:pointer;color:var(--ink-2)}.zoombar button+button{border-top:1px solid var(--line)}.zoombar button:hover{background:var(--paper-2)}.counter{left:16px;bottom:16px;font-size:13px;color:var(--muted);background:#fffdf8d9;padding:6px 12px;border-radius:20px;border:1px solid var(--line)}.hint{left:16px;bottom:16px;font-size:12px;color:var(--muted);background:#fffdf8d9;padding:6px 12px;border-radius:20px;max-width:calc(100% - 100px)}.empty-tree{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:24px}.empty-tree p{color:var(--muted);max-width:420px;margin:0 0 8px}.lock{min-height:100%;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 30%,#fffaf0,var(--paper) 60%)}.lock-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px;background:var(--card);padding:32px 28px;border-radius:20px;box-shadow:0 20px 60px #3c281426;border:1px solid var(--line);text-align:center}.lock-card img{margin:0 auto}.lock-card h1{font-size:30px}.lock-card p{margin:0;color:var(--muted);font-size:14px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#2a211980;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;animation:fade .2s ease}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.pmodal{position:relative;width:100%;max-width:1040px;background:var(--card);border-radius:22px;box-shadow:0 30px 80px #1e140a59;padding:36px 40px 40px;animation:rise .25s ease;background-image:linear-gradient(180deg,#fbf5e8 0,var(--card) 260px)}.pmodal.about{max-width:640px}.pm-close{position:absolute;right:16px;top:14px;width:40px;height:40px;border-radius:50%;border:0;background:#7a5a3c14;font-size:26px;line-height:1;cursor:pointer;color:var(--ink-2)}.pm-close:hover{background:#7a5a3c2e}.pm-loading,.pm-err{padding:60px;text-align:center;color:var(--muted)}.pm-head{display:flex;gap:32px;align-items:flex-start}.pm-photo{width:230px;aspect-ratio:4 / 5;border-radius:16px;overflow:hidden;flex:none;background:var(--g);display:grid;place-items:center;color:#fff;font:600 64px var(--serif);box-shadow:0 0 0 6px #fffaf0,0 0 0 7px var(--line),0 14px 30px #3c281433}.pm-photo.has{cursor:zoom-in}.pm-photo img{width:100%;height:100%;object-fit:cover}.pm-title{min-width:0;padding-top:6px;padding-right:40px}.pm-title h1{display:flex;flex-direction:column}.pm-ln{font-size:46px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.pm-gn{font-size:34px;font-weight:500;color:var(--ink-2)}.pm-maiden{color:var(--muted);font-style:italic;margin-top:4px}.pm-years{margin-top:14px;font:700 26px var(--serif);color:var(--bark);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.pm-years small{font:500 14px var(--sans);color:var(--muted)}.pm-summary{margin-top:10px;font-size:16px;color:var(--ink-2)}.pm-dates{margin-top:12px;display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--ink-2)}.pm-date span{color:var(--muted)}.pm-rel{margin-top:28px;padding:18px 0 4px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:18px 32px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:40px;border:1px solid var(--line);background:#fff;cursor:pointer;text-align:left}.chip:hover{border-color:var(--gold)}.chip-av{width:34px;height:34px;border-radius:50%;overflow:hidden;background:var(--g);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.chip-av img{width:100%;height:100%;object-fit:cover}.chip-t{display:flex;flex-direction:column;line-height:1.2}.chip-t b{font-size:13px;font-weight:600}.chip-t small{font-size:11px}.pm-body{margin-top:24px;display:grid;gap:32px}.pm-body.two{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.pm-body h3{margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--line)}.pm-body h3 small{font:600 14px var(--sans)}.pm-gallery .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.pm-body:not(.two) .pm-gallery .grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.tile{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:0;padding:0;cursor:zoom-in;background:var(--paper-2)}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.tile:hover img{transform:scale(1.05)}.tile .cap{position:absolute;left:0;right:0;bottom:0;padding:14px 8px 5px;font-size:11px;color:#fff;background:linear-gradient(transparent,#0009);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-empty{color:var(--muted);text-align:center;padding:30px;border:1px dashed var(--line);border-radius:12px}.prose{font-size:16px;line-height:1.7;color:var(--ink)}.prose>:first-child{margin-top:0}.prose h1,.prose h2,.prose h3{margin:1.2em 0 .4em;border:0;padding:0}.prose h2{font-size:24px}.prose h3{font-size:20px}.prose blockquote{margin:1em 0;padding:4px 16px;border-left:3px solid var(--gold);color:var(--ink-2);font-style:italic}.prose img{max-width:100%;border-radius:8px}@media(max-width:760px){.overlay{padding:0}.pmodal{border-radius:0;padding:24px 18px 32px;min-height:100%}.pm-head{flex-direction:column;gap:18px}.pm-photo{width:170px}.pm-title{padding-right:0}.pm-ln{font-size:34px}.pm-gn{font-size:26px}.pm-body.two{grid-template-columns:1fr}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f0b07f0;display:flex;align-items:center;justify-content:center;animation:fade .2s}.lightbox figure{margin:0;max-width:92vw;max-height:92vh;display:flex;flex-direction:column;align-items:center;gap:10px}.lightbox img{max-width:92vw;max-height:calc(92vh - 50px);object-fit:contain;border-radius:4px;box-shadow:0 20px 60px #00000080}.lightbox figcaption{color:#e9e0cf;font-size:14px;display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;justify-content:center;text-align:center}.lightbox figcaption em{color:#b9ad98}.lb-meta{color:#9a8f7c;font-size:12px}.lb-meta a{color:#d8c39b}.lb-close,.lb-nav{position:absolute;border:0;background:#ffffff14;color:#fff;cursor:pointer;border-radius:50%}.lb-close{right:16px;top:16px;width:44px;height:44px;font-size:28px}.lb-nav{top:50%;transform:translateY(-50%);width:52px;height:52px;font-size:34px;line-height:1}.lb-nav.prev{left:16px}.lb-nav.next{right:16px}.lb-close:hover,.lb-nav:hover{background:#ffffff2e}.admin-bar{position:sticky;top:0}.admin-tree{flex:1;display:flex;flex-direction:column;min-height:0}.toolbar{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--line);background:var(--card);flex-wrap:wrap}.toolbar .psearch{width:260px}.admin-canvas-wrap{position:relative;flex:1;display:flex;min-height:0}.side{right:16px;top:16px;width:300px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 40px #3c28142e;padding:18px;display:flex;flex-direction:column;gap:12px}.side .x,.dialog .x,.relp .x{border:0;background:none;font-size:22px;cursor:pointer;color:var(--muted);line-height:1}.side>.x{position:absolute;right:10px;top:8px}.side-head{display:flex;gap:12px;align-items:center;padding-right:20px}.side-head b{display:block;font-size:15px;line-height:1.25}.side-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.side-group span{width:100%;font-size:12px;color:var(--muted)}.side-foot{display:flex;justify-content:space-between;font-size:13px;padding-top:4px;border-top:1px solid var(--line)}@media(max-width:760px){.side{left:8px;right:8px;top:auto;bottom:8px;width:auto}}.dialog{width:100%;max-width:620px;background:var(--card);border-radius:18px;box-shadow:0 30px 80px #1e140a59;padding:20px 24px 24px;animation:rise .2s;margin:auto 0}.dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.picked{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--paper-2);border-radius:10px}.page{flex:1;overflow:auto;padding:20px}.page-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 auto 16px;max-width:1200px}.page-head h2 small{font:600 16px var(--sans)}.page-head .search{width:260px}.page-head select{width:auto}.page-head.sticky{position:sticky;top:-20px;background:var(--paper);padding:12px 0;z-index:4;margin-top:-12px}.people{max-width:1200px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.prow{display:grid;grid-template-columns:44px minmax(0,2fr) 130px minmax(0,1.3fr) 90px;gap:14px;align-items:center;padding:10px 16px;text-decoration:none;color:inherit;border-bottom:1px solid var(--line)}.prow:last-child{border-bottom:0}.prow:hover{background:#fbf6ea}.pr-name b{display:block;font-weight:600}.pr-name small{font-size:12px}.pr-years{color:var(--bark);font-weight:600;font-size:14px}.pr-rel,.pr-ph{font-size:13px;color:var(--ink-2)}.prow i{color:var(--muted);font-style:normal;opacity:.8}@media(max-width:760px){.prow{grid-template-columns:44px 1fr}.pr-years,.pr-rel,.pr-ph{grid-column:2}}.edit-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.edit-grid .gallery-edit,.edit-grid .desc-edit,.edit-grid .rel-edit{grid-column:1 / -1}@media(max-width:900px){.edit-grid{grid-template-columns:1fr}}.main-photo{display:flex;flex-direction:column;gap:12px}.focus-pick{position:relative;border-radius:10px;overflow:hidden;cursor:crosshair;background:var(--paper-2)}.focus-pick img{display:block;width:100%;max-height:360px;object-fit:contain}.focus-dot{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px var(--accent),0 2px 8px #0006;pointer-events:none}.focus-preview{display:flex;gap:12px;align-items:center}.focus-preview small{font-size:12px}.medal-prev{width:72px;height:72px;border-radius:50%;overflow:hidden;flex:none;border:3px solid #fffaf0;box-shadow:0 0 0 2px var(--g);display:grid;place-items:center;background:var(--g);color:#fff;font:600 26px var(--serif)}.medal-prev.big{width:140px;height:140px;margin:10px auto;font-size:48px}.medal-prev img{width:100%;height:100%;object-fit:cover}.lifespan-preview{font-size:14px;color:var(--muted)}.lifespan-preview b{color:var(--bark)}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.gallery-edit.over{border-color:var(--gold);box-shadow:0 0 0 4px #b08d5740}.dropzone{border:2px dashed var(--line);border-radius:12px;padding:36px;text-align:center;color:var(--ink-2);cursor:pointer}.dropzone:hover{border-color:var(--gold)}.uploading{font-size:13px;color:var(--accent);margin-bottom:10px}.ph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.ph{display:flex;flex-direction:column;gap:6px}.ph input{padding:5px 8px;font-size:13px;border-radius:8px}.ph-row{display:flex;gap:6px;align-items:center}.ph-row input{flex:1;min-width:0}.ph-img{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--paper-2)}.ph-img img{width:100%;height:100%;object-fit:cover}.hidden-ph .ph-img img{opacity:.45}.badge{position:absolute;left:6px;top:6px;background:var(--gold);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.ph-tools{position:absolute;right:6px;bottom:6px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.ph-img:hover .ph-tools,.ph-img:focus-within .ph-tools{opacity:1}@media(hover:none){.ph-tools{opacity:1}}.ph-tools button{width:30px;height:30px;border-radius:8px;border:0;background:#fffdf8eb;cursor:pointer;font-size:15px}.ph-tools button.on{color:var(--gold)}.ph-tools button:disabled{opacity:.4}.ph-tools button.danger:hover{background:#fbe3df}.desc-edit textarea{min-height:260px}.preview{padding:12px 4px;min-height:120px}.rel-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:12px 0}.rel-cols>div{display:flex;flex-direction:column;gap:8px}@media(max-width:900px){.rel-cols{grid-template-columns:1fr}}.relp{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:#fff}.relp-name{flex:1;min-width:0;text-decoration:none;color:var(--ink);font-size:14px;font-weight:500}.relp-name small{display:block;font-size:12px;font-weight:400}.set-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px;align-items:start}@media(max-width:500px){.set-grid{grid-template-columns:1fr}}.users{display:flex;flex-direction:column;gap:6px}.urow{display:flex;gap:8px;align-items:center;padding:8px 10px;background:var(--paper);border-radius:10px;font-size:14px;flex-wrap:wrap}.urow.off{opacity:.55}.issued{background:#f3f7ec;border:1px solid #cfe0b8;padding:10px 12px;border-radius:10px;font-size:14px}.issued code{background:#fff;padding:2px 6px;border-radius:6px;font-size:15px}.toasts{position:fixed;left:50%;bottom:20px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:300;align-items:center;pointer-events:none}.toast{background:var(--ink);color:#fff;padding:10px 18px;border-radius:12px;font-size:14px;box-shadow:0 10px 30px #00000040;animation:rise .2s}.toast.err{background:var(--danger)}a.brand{text-decoration:none;color:inherit}.site-tabs{margin-left:8px}@media(max-width:760px){.site-tabs{order:2;margin:0;width:auto}.topbar .brand{flex:1}}.album-page{flex:1;overflow:auto;padding:28px 24px 60px}.album-page>*,.album-admin>*{max-width:1280px;margin-left:auto;margin-right:auto}.album-admin{padding:0 0 40px}.album-head{margin-bottom:22px}.album-head h2{font-size:38px}.album-head p{margin:6px 0 0;max-width:720px}.crumbs{font-size:14px;color:var(--muted);margin-bottom:2px}.crumbs a{color:var(--accent);text-decoration:none}.album-sub{margin:34px auto 14px;font-size:24px}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.album-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.album-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #3c281424}.album-card.wide{grid-column:span 2}@media(max-width:560px){.album-card.wide{grid-column:auto}}.cover{aspect-ratio:4 / 3;background:var(--paper-2);overflow:hidden}.album-card.wide .cover{aspect-ratio:8 / 3}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover.four{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px}.album-card.wide .cover.four{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}.album-card.wide .cover.four img:first-child{grid-row:span 2}.cover.empty{display:grid;place-items:center;color:var(--muted);font-size:13px}.album-meta{padding:12px 16px 16px;display:flex;flex-direction:column;gap:2px}.album-meta b{font:600 21px var(--serif)}.album-meta p{margin:4px 0 0;font-size:13px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.album-empty{padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}.album-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.album-bar select{width:auto}.album-filter{width:360px;max-width:100%}.filter-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 8px 7px 14px;border-radius:30px;background:var(--accent);color:#fff;font-size:14px}.filter-chip b{font-weight:600}.filter-chip button{border:0;background:#fff3;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1}.psearch-list li.hint{font-size:12px;color:var(--muted);cursor:default;padding:4px 8px}.psearch-list li.free .nm{color:var(--accent);font-weight:600}.psearch-list .nm small{font-size:12px}.masonry{column-width:240px;column-gap:12px}.m-tile{position:relative;break-inside:avoid;margin-bottom:12px;border-radius:10px;overflow:hidden;cursor:zoom-in;background:var(--paper-2)}.m-tile img{display:block;width:100%;height:auto;transition:transform .4s}.m-tile:hover img{transform:scale(1.03)}.m-info{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;gap:8px;padding:22px 10px 8px;background:linear-gradient(transparent,#140e089e);color:#fff;font-size:12px;opacity:.92}.m-cap{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-badges{display:flex;gap:8px;white-space:nowrap}.m-extra{position:absolute;right:8px;top:8px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.m-tile:hover .m-extra{opacity:1}@media(hover:none){.m-extra{opacity:1}}.cover-btn{width:32px;height:32px;border-radius:8px;border:0;background:#fffdf8eb;cursor:pointer;font-size:16px;color:var(--muted)}.cover-btn.on{color:var(--gold)}.danger-text{color:var(--danger)!important}.page.drop-over{box-shadow:inset 0 0 0 4px #b08d5780}.album-admin .dropzone{margin-top:12px}.album-admin>p{margin-bottom:16px}.dialog.wide{max-width:900px}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:55vh;overflow:auto;padding:2px}.pick{position:relative;aspect-ratio:1;border:0;padding:0;border-radius:8px;overflow:hidden;cursor:pointer;background:var(--paper-2);outline:3px solid transparent;outline-offset:-3px}.pick img{width:100%;height:100%;object-fit:cover}.pick .tick{position:absolute;right:6px;top:6px;width:22px;height:22px;border-radius:50%;background:#ffffffd9;color:transparent;display:grid;place-items:center;font-size:13px;font-weight:700}.pick.on{outline-color:var(--accent)}.pick.on .tick{background:var(--accent);color:#fff}.pv{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:grid;grid-template-columns:minmax(0,1fr) 380px;background:#15100b;animation:fade .2s}.pv.no-panel{grid-template-columns:1fr}.pv-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:56px 70px}.pv-img{position:relative;display:inline-block;max-width:100%;max-height:100%;line-height:0}.pv-img img{max-width:100%;max-height:calc(100vh - 112px);object-fit:contain;display:block;-webkit-user-select:none;user-select:none;box-shadow:0 20px 60px #00000080}.pv-img.tagging{cursor:crosshair}.pv-img.tagging img{outline:2px dashed rgba(255,255,255,.5);outline-offset:4px}.pv-mark{position:absolute;transform:translate(-50%,-50%);line-height:1.2;z-index:2}.pv-mark i{display:block;width:46px;height:46px;border:2px solid rgba(255,255,255,.85);border-radius:50%;box-shadow:0 0 0 1px #0000004d;opacity:0;transition:opacity .15s}.pv-img:hover .pv-mark i,.pv-mark.on i{opacity:1}.pv-mark.on i{border-color:var(--gold);box-shadow:0 0 0 3px #b08d5773}.pv-mark b{position:absolute;left:50%;top:calc(100% + 4px);transform:translate(-50%);white-space:nowrap;background:#140e08d1;color:#fff;font:600 12px var(--sans);padding:3px 8px;border-radius:6px;opacity:0;transition:opacity .15s;pointer-events:none}.pv-mark:hover b,.pv-mark.on b{opacity:1}.pv-mark.new i{opacity:1;border-color:var(--gold);border-style:dashed}.pv-pop{position:absolute;z-index:5;line-height:1.5}.pv-pop .pv-mark{left:0;top:0}.pv-pop-box{position:absolute;left:-130px;top:30px;width:280px;background:var(--card);border-radius:12px;padding:10px;box-shadow:0 12px 40px #0006;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.pv-pop-box .combo{width:100%}.pv-tip{position:absolute;top:16px;left:50%;transform:translate(-50%);background:var(--gold);color:#fff;font-size:14px;font-weight:600;padding:7px 16px;border-radius:20px}.pv .lb-nav{background:#ffffff1a;border:0;color:#fff}.pv .lb-nav:hover{background:#fff3}.pv-topbtns{position:absolute;right:14px;top:12px;display:flex;gap:8px}.pv-topbtns button{width:40px;height:40px;border-radius:50%;border:0;background:#ffffff1a;color:#fff;font-size:20px;cursor:pointer}.pv-topbtns button:hover{background:#ffffff38}.pv-panel{background:var(--card);overflow-y:auto;padding:18px 18px 30px;display:flex;flex-direction:column;gap:14px}.pv-counter{font-size:12px;color:var(--muted)}.pv-counter a{color:var(--muted)}.pv-caption b{display:block;font:600 22px var(--serif)}.pv-caption span{color:var(--bark);font-weight:600;font-size:14px}.pv-edit{display:flex;flex-direction:column;gap:6px}.pv-owner{font-size:13px;color:var(--ink-2)}.pv-sec{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:10px}.pv-sec h4 small{margin-left:4px}.pv-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 12px;border-radius:20px;background:var(--paper-2);font-size:13px;transition:background .15s}.tag.on{background:#f1e2c3}.tag>button:first-child{border:0;background:none;padding:0;cursor:pointer;color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}.tag>span{padding-right:6px}.tag .dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}.tag .x,.cmt .x{border:0;background:none;color:var(--muted);cursor:pointer;font-size:16px;line-height:1;padding:0 4px}.pv-tagbar{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.pv-tagbar .combo{width:100%}.cmt{background:var(--paper);border-radius:10px;padding:8px 12px}.cmt-head{display:flex;align-items:baseline;gap:8px;font-size:13px}.cmt-head small{font-size:11px}.cmt-head .x{margin-left:auto}.adm{font-size:10px;text-transform:uppercase;letter-spacing:.06em;background:var(--accent);color:#fff;padding:1px 6px;border-radius:6px}.cmt-body{font-size:14px;white-space:pre-wrap;margin-top:2px}.cmt-form{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.cmt-form .as{align-self:flex-start;font-size:13px;color:var(--muted)}.small{font-size:12px}.pv-albums{display:flex;flex-direction:column;gap:4px}.pv-danger{display:flex;gap:16px;border-top:1px solid var(--line);padding-top:12px}@media(max-width:900px){.pv{grid-template-columns:1fr;grid-template-rows:minmax(0,58vh) auto;overflow-y:auto}.pv.no-panel{grid-template-rows:1fr}.pv-stage{padding:50px 10px 10px}.pv-img img{max-height:calc(58vh - 60px)}.pv .lb-nav{width:40px;height:40px;font-size:26px}.pv .lb-nav.prev{left:6px}.pv .lb-nav.next{right:6px}.pv-panel{overflow:visible}.pv-pop-box{left:-120px;width:240px}}.pv-me{background:#f3ead7;border-radius:10px;padding:8px 10px;font-size:13px;color:var(--ink-2)}.pv-me input{padding:6px 10px;font-size:14px}.album-card.wide .cover.four{grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,1fr)}.album-card.wide .cover.four img:first-child{grid-row:span 3}.album-card.wide .cover.four img:nth-child(n+5){display:none}