:root{--paper:#f4efea;--paper-2:#e8dfd5;--surface:#fcfaf5;--ink:#1a1614;--ink-soft:#5c524b;--muted:#a3988f;--gold:#d4af37;--gold-bright:#e5bb34;--gold-soft:#e3d1a5;--gold-line:#cbb37e;--red:#c2292e;--red-dark:#8b1c22;--red-deep:#6e141a;--shadow:#2819081f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--serif:Georgia, "Times New Roman", "Noto Serif", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper)}:root[data-theme=dark]{--paper:#14110f;--paper-2:#241e1a;--surface:#1c1714;--ink:#f4efea;--ink-soft:#bdb3a8;--muted:#8c8276;--gold:#d4af37;--gold-bright:#fce683;--gold-soft:#947833;--gold-line:#8a6f33;--red:#e0363c;--red-dark:#a11e24;--red-deep:#7a1620;--shadow:#0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(circle at 1px 1px, #b88a441a 1px, transparent 0) 0 0 / 22px 22px, var(--paper);overscroll-behavior-y:none;min-height:100vh;margin:0}h1,h2,h3{font-family:var(--serif);color:var(--ink);font-weight:700}h1{margin-top:0;font-size:1.55rem}h2{margin-top:0;font-size:1.2rem}a{color:var(--red)}.center-screen{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.container{max-width:960px;margin:0 auto;padding:1.5rem 1rem 3rem}.muted{color:var(--muted)}.error{color:var(--red);font-size:.9rem}.card{background:var(--surface);border:1px solid var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold-soft), 0 1px 3px var(--shadow);border-radius:10px;width:100%;max-width:420px;margin-bottom:1.25rem;padding:1.6rem;position:relative}.container .card{max-width:none}.card:before,.card:after,.view-card:before,.view-card:after,.stat-card:before,.stat-card:after,.modal:before,.modal:after{content:"";border:2px solid var(--gold-bright);pointer-events:none;width:12px;height:12px;position:absolute}.card:before,.view-card:before,.stat-card:before,.modal:before{border-width:2px 0 0 2px;top:6px;left:6px}.card:after,.view-card:after,.stat-card:after,.modal:after{border-width:0 2px 2px 0;bottom:6px;right:6px}label{color:var(--ink-soft);margin-bottom:1rem;font-size:.85rem;font-weight:600;display:block}input,select,textarea{border:1px solid var(--gold-soft);width:100%;font:inherit;color:var(--ink);background:var(--surface);border-radius:8px;margin-top:.35rem;padding:.58rem .7rem;display:block}textarea{resize:vertical;min-height:64px}input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #b88a442e}input[type=file]{background:0 0;border:none;padding:.4rem}input[hidden],select[hidden],textarea[hidden]{display:none}input[type=color]{cursor:pointer;height:38px;padding:2px}button,.button-link{background:linear-gradient(180deg, var(--red) 0%, var(--red-dark) 100%);color:#fbeed3;border:1px solid var(--gold);cursor:pointer;border-radius:8px;padding:.55rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:filter .15s;display:inline-block}button:hover,.button-link:hover{filter:brightness(1.08)}button.link,a.link,.link-danger,.sidebar-back,.detail-close{filter:none;background:0 0;border:none}button:disabled{opacity:.55;cursor:default}button.ghost{background:var(--paper-2);color:var(--ink)}button.ghost:hover{background:#e0d4ba}button.danger{color:var(--red);border:1px solid var(--gold-soft);background:0 0;padding:.35rem .7rem;font-size:.85rem}button.danger:hover{background:#a23b2e14}button.link,a.link{color:var(--red);background:0 0;padding:0;font-weight:600;text-decoration:none}button.link:hover,a.link:hover{background:0 0;text-decoration:underline}.link-danger{color:var(--red);background:0 0;align-items:center;gap:.3rem;padding:0;font-size:.82rem;display:inline-flex}.home-head{border-bottom:2px solid var(--gold-soft);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.home-head h1{letter-spacing:.02em}.view-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.1rem;display:grid}.view-card{background:var(--surface);border:1px solid var(--gold-soft);color:inherit;box-shadow:inset 0 0 0 1px var(--gold-soft), 0 1px 3px var(--shadow);border-radius:10px;padding:1.35rem 1.4rem;text-decoration:none;transition:box-shadow .15s,transform .15s,border-color .15s;display:block;position:relative}.view-card:hover{box-shadow:0 8px 20px var(--shadow);border-color:var(--gold);transform:translateY(-2px)}.view-card h2{margin:0 0 .4rem}.view-card-tags{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.view-card-tag{color:var(--ink-soft);background:var(--paper-2);border-radius:999px;padding:.18rem .55rem;font-size:.72rem;display:inline-block}.badge-restricted{background:var(--red);color:#fdf6ec}.topbar{background:linear-gradient(180deg, var(--red) 0%, var(--red-dark) 100%);border:1px solid var(--gold);border-bottom:3px solid var(--gold-bright);box-shadow:0 2px 8px var(--shadow);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1.4rem;padding:.75rem 1.2rem;display:flex}.topbar-nav{align-items:center;gap:1.1rem;display:flex}.topbar-nav strong{font-family:var(--serif);color:var(--gold-bright);letter-spacing:.02em}.topbar-nav a{color:#f1ddb6;font-size:.92rem;text-decoration:none}.topbar-nav a.active{color:#fff;border-bottom:2px solid var(--gold-bright);font-weight:700}.topbar-actions{align-items:center;gap:.6rem;display:flex}.topbar-actions button{border:1px solid var(--gold-bright);color:#fbeed3;background:0 0}.topbar-actions button:hover{background:#d4af372e}.head-actions{align-items:center;gap:.6rem;display:flex}.theme-toggle{padding:.4rem .62rem;font-size:1.05rem;line-height:1}.topbar-right{align-items:center;gap:.75rem;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--gold-soft);color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--gold-soft), 0 1px 3px var(--shadow);border-radius:10px;flex-direction:column;gap:.3rem;padding:1.5rem 1.4rem;font-weight:600;text-decoration:none;display:flex;position:relative}.stat-card:hover{border-color:var(--gold)}.stat-num{font-family:var(--serif);color:var(--red);font-size:2.1rem;font-weight:700}.list-head{border-bottom:2px solid var(--gold-soft);justify-content:space-between;align-items:center;margin-bottom:.6rem;padding-bottom:.5rem;display:flex}.data-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--gold-soft);border-radius:10px;width:100%;overflow:hidden}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--paper-2);padding:.65rem .85rem;font-size:.92rem}.data-table th{font-family:var(--serif);background:var(--paper-2);color:var(--ink)}.data-table tr:last-child td{border-bottom:none}.modal-overlay{overscroll-behavior:contain;z-index:50;background:#2c262080;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--gold);width:100%;max-width:560px;box-shadow:inset 0 0 0 1px var(--gold-soft), 0 16px 40px #28190859;border-radius:12px;padding:1.8rem;position:relative}.member-form label{font-size:.85rem}.form-row{grid-template-columns:1fr 1fr 1fr;gap:.6rem;display:grid}.rng{min-width:0;margin-bottom:.95rem}.form-row .rng{margin-bottom:0}.rng-label{color:var(--ink-soft);margin-bottom:.45rem;font-size:.82rem;font-weight:600;display:block}.rng-row{align-items:center;gap:.6rem;display:flex}.rng-row input[type=range]{flex:auto;width:auto;min-width:0;margin:0}.rng-val{text-align:right;min-width:2.8rem;color:var(--red-dark);font-variant-numeric:tabular-nums;flex:none;font-size:.82rem;font-weight:700}input[type=range]{appearance:none;cursor:pointer;background:0 0;border:none;width:100%;height:20px;margin-top:.35rem;padding:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold) 0%, var(--gold-soft) 100%);border:1px solid var(--gold-line);border-radius:999px;height:6px}input[type=range]::-moz-range-track{background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 34% 30%, #fff7e6 0%, var(--red) 48%, var(--red-dark) 100%);border:2px solid var(--gold-bright);width:17px;height:17px;box-shadow:0 1px 3px var(--shadow);border-radius:50%;margin-top:-7px;transition:filter .12s,box-shadow .12s}input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 34% 30%, #fff7e6 0%, var(--red) 48%, var(--red-dark) 100%);border:2px solid var(--gold-bright);width:17px;height:17px;box-shadow:0 1px 3px var(--shadow);border-radius:50%}input[type=range]:hover::-webkit-slider-thumb{filter:brightness(1.08)}input[type=range]:focus{box-shadow:none;outline:none}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px #b88a4447}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 4px #b88a4447}.clr{justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.95rem;display:flex}.form-row .clr{margin-bottom:0}.clr-label{color:var(--ink-soft);white-space:nowrap;font-size:.82rem;font-weight:600}.clr-ctl{flex:none;align-items:center;gap:.5rem;display:inline-flex}.clr-ctl .link{white-space:nowrap;font-size:.74rem}.clr input[type=color]{flex:none;width:54px;height:30px;margin:0;padding:2px}.checkbox{align-items:center;gap:.4rem;font-weight:500!important;display:flex!important}.checkbox input{width:auto;margin:0}.toggles{flex-wrap:wrap;gap:1.2rem;margin-bottom:.8rem;display:flex}.photo-row{flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:.35rem;display:flex}.photo-thumb{object-fit:cover;border:1px solid var(--gold-soft);border-radius:8px;width:48px;height:48px}.photo-empty{text-align:center;color:var(--muted);background:var(--paper-2);justify-content:center;align-items:center;font-size:.78rem;display:flex}.photo-actions{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.upload-btn{background:var(--paper-2);color:var(--ink);border:1px solid var(--gold-soft);border-radius:8px;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.upload-btn:hover{filter:none;background:#d4af372e}.gallery-edit+.upload-btn{margin-top:.5rem}.mf-note{min-height:130px}.form-actions{justify-content:space-between;align-items:center;gap:.6rem;margin-top:.5rem;display:flex}.autosave{color:var(--muted);font-size:.78rem;transition:color .2s}.autosave.ok{color:#2f8a4c}.form-section{color:var(--red);border-top:1px solid var(--gold-soft);margin:.5rem 0 .7rem;padding-top:.85rem;font-size:.98rem}.rel-panel{border-top:1px solid var(--gold-soft);margin-top:1.25rem;padding-top:1rem}.rel-preview{border:1px solid var(--gold-soft);background:var(--paper-2);touch-action:none;border-radius:10px;width:100%;height:240px;margin-bottom:1rem;position:relative;overflow:hidden}.rel-slot-body{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.rel-marriages{flex-direction:column;gap:.7rem;display:flex}.rel-marriage{border:1px solid var(--paper-2);background:var(--paper-1,#fbf7ee);border-radius:9px;padding:.55rem .7rem}.rel-marriage.rel-solo{border-style:dashed;margin-top:.7rem}.rel-marriage-head{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.rel-marriage-name{color:var(--ink,#3a2e1c);font-size:.9rem;font-weight:700}.rel-childgrp{border-top:1px solid var(--paper-2);align-items:flex-start;gap:.6rem;padding:.3rem 0 .3rem .4rem;display:flex}.rel-childgrp:first-of-type{border-top:none}.rel-childgrp-label{color:var(--ink-soft,#8a7a5c);flex:0 0 64px;padding-top:.35rem;font-size:.78rem;font-weight:600}.rel-add-spouse{max-width:280px;margin-top:.2rem}.cropper-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#140c0499;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cropper{background:var(--paper-1,#fbf7ee);border:1px solid var(--gold-soft);border-radius:14px;max-width:340px;padding:1.1rem 1.2rem;box-shadow:0 20px 60px #0006}.cropper h3{margin:0 0 .25rem;font-size:1.05rem}.cropper>.muted{margin:0 0 .8rem;font-size:.8rem}.cropper-stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#1a1410;border-radius:10px;margin:0 auto;position:relative;overflow:hidden}.cropper-stage:active{cursor:grabbing}.cropper-stage img{pointer-events:none}.cropper-mask{pointer-events:none;border-radius:10px;position:absolute;inset:0;box-shadow:inset 0 0 0 9999px #140c0480;-webkit-mask:radial-gradient(circle,#0000 0 49%,#000 50%);mask:radial-gradient(circle,#0000 0 49%,#000 50%)}.cropper-zoom{width:100%;margin:.9rem 0 .4rem}.cropper-actions{justify-content:flex-end;gap:.6rem;margin-top:.6rem;display:flex}.btn-ghost{border:1px solid var(--gold-soft);color:var(--ink,#3a2e1c);background:0 0}.mf-avatar-acts{justify-content:center;gap:.8rem;display:flex}.rel-chip .rel-tag{color:var(--ink-soft,#8a7a5c);font-style:italic;font-weight:400}.rel-x{color:var(--red);cursor:pointer;background:0 0;border:none;margin-left:.35rem;padding:0;font-size:1rem;line-height:1}.rel-x:hover{color:#a01818}.rel-add{flex-wrap:wrap;flex:100%;align-items:stretch;gap:.4rem;display:flex}.rel-kind{flex:none;min-width:100px;font-size:.82rem}.rel-combo{flex:130px;min-width:130px;position:relative}.rel-combo input{width:100%;font-size:.85rem}.rel-combo-list{z-index:20;border:1px solid var(--gold-soft);background:#fff;border-radius:8px;max-height:220px;margin:2px 0 0;padding:.25rem;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 8px 24px #0000002e}.rel-combo-list button{text-align:left;cursor:pointer;width:100%;color:var(--ink,#3a2e1c);background:0 0;border:none;border-radius:6px;padding:.35rem .5rem;font-size:.85rem;display:block}.rel-combo-list button:hover{background:var(--paper-2)}.bg-swatches{flex-wrap:wrap;gap:.45rem;margin:.3rem 0 .85rem;display:flex}.bg-swatch{border:2px solid var(--gold-soft);color:#2c2620;cursor:pointer;text-shadow:0 1px 2px #fffffff2,0 -1px 2px #fffffff2;border-radius:8px;flex:70px;min-width:64px;padding:.55rem .3rem;font-size:.72rem;font-weight:600}.bg-swatch.active{border-color:var(--red);box-shadow:0 0 0 2px #a23b2e38}.view-page{flex-direction:column;height:100dvh;display:flex}.view-bar{background:linear-gradient(180deg, var(--red) 0%, var(--red-dark) 100%);border-bottom:3px solid var(--gold-bright);box-shadow:0 2px 0 var(--gold);flex:none;align-items:center;gap:1rem;padding:.7rem 1.2rem;display:flex}.view-bar h1{color:#fbeed3;letter-spacing:.01em;margin:0;font-size:1.2rem}.view-bar .muted{color:#e9d3a8}.back-link{color:var(--gold-bright);font-size:.9rem;font-weight:600;text-decoration:none}.icon-only{justify-content:center;align-items:center;display:inline-flex}.back-link.icon-only{border:1px solid var(--gold-bright);width:40px;height:40px;color:var(--gold-bright);border-radius:9px}.back-link.icon-only:hover{background:#d4af372e}.view-bar-right .ghost{border:1px solid var(--gold-bright);color:#fbeed3;background:0 0}.view-bar-right .ghost:hover{background:#d4af372e}.view-fab{z-index:5;border:1px solid var(--gold-bright);color:#fbeed3;background:var(--red);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;display:inline-flex;position:absolute;box-shadow:0 4px 14px #00000047}.view-fab:hover{background:var(--red-dark)}.view-fab svg{color:#fbeed3;flex:none;width:19px;height:19px;display:block}.view-fab.top-left{top:16px;left:16px}.view-fab.top-right{top:16px;right:16px}.view-fab.bottom-right{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.view-error{padding:.5rem 1rem}.view-body{flex:auto;min-height:0;display:flex}.view-stage{overscroll-behavior:none;flex:auto;min-width:0;position:relative}.tree-canvas{touch-action:none;overscroll-behavior:none;position:absolute;inset:0}.tree-canvas canvas{touch-action:none;display:block}.diagram-title{z-index:5;text-align:center;pointer-events:none;flex-direction:column;gap:2px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.diagram-title-main{font-family:var(--serif);font-size:1.8rem;font-weight:700;line-height:1.1}.diagram-title-sub{opacity:.8;font-size:.92rem}.diagram-sidebar{background:var(--surface);border-left:2px solid var(--gold-soft);flex:0 0 340px;max-width:90%;height:100%;padding:1.1rem 1.2rem 2rem;overflow-y:auto}.sidebar-head{justify-content:space-between;align-items:baseline;margin-bottom:.6rem;display:flex}.sidebar-head h2{margin:0}.sidebar-search{margin:0 0 .6rem}.sidebar-list{margin:0;padding:0;list-style:none}.sidebar-list li{margin:0}.sidebar-item{text-align:left;width:100%;color:var(--ink);border:none;border-bottom:1px solid var(--paper-2);background:0 0;border-radius:0;align-items:center;gap:.6rem;padding:.55rem .3rem;font-weight:500;display:flex}.sidebar-item:hover{background:var(--paper-2)}.sidebar-item-name{font-family:var(--serif);flex:1}.gdot{background:#9ca3b0;border-radius:50%;flex:none;width:9px;height:9px}.gdot.male{background:#3b82f6}.gdot.female{background:#ec4899}.sidebar-empty{padding:.6rem .3rem}.sidebar-back{color:var(--red);background:0 0;margin-bottom:.6rem;padding:.2rem 0;font-weight:600}.sidebar-back:hover{background:0 0;text-decoration:underline}.sidebar-detail h2{margin:.4rem 0 .2rem}.sidebar-detail h3{font-family:var(--serif);text-transform:uppercase;letter-spacing:.05em;color:var(--gold);margin:1rem 0 .3rem;font-size:.82rem}.sidebar-detail p{color:var(--ink-soft);margin:.2rem 0}.sidebar-detail blockquote{border-left:3px solid var(--red);color:var(--ink);margin:0;padding:.3rem 0 .3rem .8rem;font-style:italic}.detail-photo{object-fit:cover;border:3px solid var(--gold-soft);width:148px;height:148px;box-shadow:0 2px 8px var(--shadow);border-radius:50%}.rel-chips{flex-wrap:wrap;gap:.4rem;display:flex}.rel-chip{background:var(--paper-2);color:var(--red);border:1px solid var(--gold-soft);border-radius:999px;padding:.25rem .7rem;font-size:.82rem;font-weight:600}.rel-chip:hover{background:#e3d7bd}.view-bar-right{align-items:center;gap:.75rem;margin-left:auto;display:flex}.data-table tr.row-click{cursor:pointer}.data-table tr.row-click:hover{background:var(--paper-2)}.list-hint{margin-top:.75rem;font-size:.88rem}.info-fab{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:6;background:var(--red);color:#fdf6ec;border-radius:999px;max-width:min(80%,460px);padding:.6rem 1.1rem;font-weight:600;position:absolute;transform:translate(-50%);box-shadow:0 4px 14px #2c262047}.info-fab:hover{background:var(--red-dark)}:is(.info-popup,.modal:has(.member-form.wide)){--popup-w:min(1400px, 94vw);--popup-h:90vh}.info-popup{width:var(--popup-w);max-width:var(--popup-w);position:relative}.detail-close{color:var(--muted);background:0 0;padding:.1rem .4rem;font-size:1.6rem;line-height:1;position:absolute;top:.6rem;right:.7rem}.detail-close:hover{color:var(--red);background:0 0}.edit-panel{background:var(--surface);border-left:2px solid var(--gold-soft);flex-direction:column;flex:0 0 360px;max-width:92%;height:100%;display:flex;position:relative}.panel-resizer{cursor:col-resize;z-index:6;touch-action:none;width:9px;position:absolute;top:0;bottom:0;left:-4px}.panel-resizer:before{content:"";background:0 0;width:2px;transition:background .12s;position:absolute;top:0;bottom:0;left:3px}.panel-resizer:hover:before,.panel-resizer:active:before{background:var(--gold)}.panel-tabs{border-bottom:1px solid var(--gold-soft);flex:none;display:flex}.panel-tabs button{background:var(--paper-2);color:var(--ink-soft);border:none;border-radius:0;flex:1;padding:.7rem;font-weight:600}.panel-tabs button.active{background:var(--surface);color:var(--red);box-shadow:inset 0 -2px 0 var(--gold)}.panel-undo{background:var(--paper-2);align-items:center;gap:.3rem;padding:0 .5rem;display:flex}.panel-tabs .icon-btn{border:1px solid var(--gold-soft);color:var(--ink);background:0 0;border-radius:6px;flex:none;padding:.2rem .5rem;font-size:1.05rem}.panel-tabs .icon-btn:disabled{opacity:.3}.panel-tabs .icon-btn:hover:not(:disabled){background:#d4af372e}.mau-section{border:1px solid var(--gold-soft);background:var(--paper-2);border-radius:10px;margin-bottom:1.1rem}.mau-section>summary{cursor:pointer;font-weight:700;font-family:var(--serif);color:var(--red);padding:.6rem .85rem;list-style:none}.mau-section>summary::-webkit-details-marker{display:none}.mau-section[open]>summary{border-bottom:1px solid var(--gold-soft)}.mau-section .theme-studio{padding:.85rem}.panel-body{flex:auto;padding:1.1rem 1.2rem 2rem;overflow-y:auto}.panel-hint{padding:1rem 0}.member-detail h2{margin:.4rem 0 .2rem}.member-detail h3{font-family:var(--serif);text-transform:uppercase;letter-spacing:.05em;color:var(--gold);margin:1rem 0 .3rem;font-size:.82rem}.member-detail p{color:var(--ink-soft);margin:.2rem 0}.member-detail blockquote{border-left:3px solid var(--red);color:var(--ink);margin:0;padding:.3rem 0 .3rem .8rem;font-style:italic}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin-top:.35rem;display:grid}.gallery-thumb{aspect-ratio:1;object-fit:cover;border:1px solid var(--gold-soft);border-radius:8px;width:100%}.gallery-video{background:#000;display:block;position:relative;overflow:hidden}.gallery-video video,.gallery-video img{object-fit:cover;width:100%;height:100%;display:block}.gallery-play{color:#fff;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gallery-play>*{background:#00000080;border-radius:50%;padding:.5rem;display:flex}.theme-studio textarea{margin-bottom:.6rem}.theme-hint{margin:.85rem 0 .5rem;font-size:.82rem}.theme-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.theme-card{border:1px solid var(--gold-soft);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;align-items:stretch;gap:.4rem;padding:.7rem;display:flex}.theme-card:hover{border-color:var(--gold);box-shadow:0 2px 8px var(--shadow)}.theme-swatch{background:#fff;border:2px solid;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:.5rem;font-size:.9rem;font-weight:700;display:inline-flex}.theme-name{font-size:.76rem;font-weight:700;line-height:1.2}button svg,.back-link svg,summary svg{vertical-align:middle}.icon-text,.back-link,.info-fab{align-items:center;gap:.4rem;display:inline-flex}.detail-close,.icon-btn,.theme-toggle{justify-content:center;align-items:center;display:inline-flex}.font-picker{margin-top:.35rem;position:relative}.font-picker-btn{background:var(--surface);border:1px solid var(--gold-soft);width:100%;color:var(--ink);border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .6rem;display:flex}.font-picker-btn:hover{filter:none;border-color:var(--gold)}.font-picker-btn img{width:auto;height:22px}.font-picker-menu{z-index:60;background:var(--surface);border:1px solid var(--gold);max-height:280px;box-shadow:0 10px 28px var(--shadow);border-radius:8px;padding:.3rem;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.font-opt{text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.55rem;width:100%;padding:.4rem .5rem;display:flex}.font-opt:hover{filter:none;background:var(--paper-2)}.font-opt.active{border-color:var(--gold);background:#d4af3724}.font-opt-num{width:1.45rem;height:1.45rem;color:var(--ink-soft);background:var(--paper-2);border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex}.font-opt-body{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.font-opt-body img{width:auto;height:23px;display:block}.font-opt-name{color:var(--muted);font-size:.66rem;font-weight:600}:root[data-theme=dark] .font-picker-btn img,:root[data-theme=dark] .font-opt-body img{filter:invert()brightness(1.7)}.titlebg-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.35rem;display:grid}.titlebg-opt{border:1px solid var(--gold-soft);height:42px;color:var(--ink-soft);background-position:50%;background-size:cover;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:.72rem;display:flex}.titlebg-opt:hover{filter:none;border-color:var(--gold)}.titlebg-opt.active{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.titlebg-opt.none,.titlebg-opt.upload{background:var(--paper-2);cursor:pointer;font-weight:600}.titlebg-opt.upload input[type=file]{display:none}.diagram-title.has-bg{box-shadow:0 2px 10px var(--shadow);background-position:50%;background-size:cover;border-radius:14px;padding:.95rem 1.6rem;position:relative;overflow:hidden}.diagram-title.has-bg:before{content:"";z-index:0;background:linear-gradient(100deg,#f8f4ecf2 0%,#f8f4ec99 48%,#f8f4ec29 100%);position:absolute;inset:0}.diagram-title.has-bg .diagram-title-main,.diagram-title.has-bg .diagram-title-sub{z-index:1;position:relative}.markdown-body{color:var(--ink-soft);font-size:.92rem;line-height:1.55}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--ink);margin:.6rem 0 .3rem;font-size:1rem}.markdown-body p{margin:.3rem 0}.markdown-body ul,.markdown-body ol{margin:.3rem 0;padding-left:1.2rem}.markdown-body a{color:var(--red)}.markdown-body img{border-radius:6px;max-width:100%}.markdown-body blockquote{border-left:3px solid var(--gold-soft);margin:.3rem 0;padding-left:.7rem}.gallery-cell{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0}.gallery-cell:hover{filter:brightness(1.06)}.gallery-cell-fig{flex-direction:column;gap:.3rem;margin:0;display:flex}.gallery-cap{color:var(--ink-soft);text-align:center;font-size:.78rem;line-height:1.3}.lightbox-cap{text-align:center;color:#fff;background:#00000080;border-radius:8px;max-width:80vw;padding:.3rem .85rem;font-size:.9rem;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.lightbox{z-index:100;background:#0a0806e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-img{border-radius:6px;max-width:90vw;max-height:88vh;box-shadow:0 8px 40px #0009}.lightbox-nav{color:#fff;cursor:pointer;background:#00000073;border:none;border-radius:8px;width:46px;height:64px;font-size:2rem;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav.left{left:16px}.lightbox-nav.right{right:16px}.lightbox-count{color:#fff;background:#00000073;border-radius:999px;padding:.2rem .7rem;font-size:.9rem;position:absolute;bottom:18px}.gallery-edit{flex-wrap:wrap;gap:.7rem;margin:.35rem 0;display:flex}.gallery-edit-cell{flex-direction:column;width:128px;display:flex;position:relative}.gallery-edit-cell img,.gallery-edit-cell video{object-fit:cover;border:1px solid var(--gold-soft);background:#000;border-radius:6px;width:128px;height:96px}.gallery-caption{margin-top:.3rem;padding:.3rem .45rem;font-size:.76rem}.gallery-del{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;padding:0;font-size:.8rem;line-height:1;position:absolute;top:-6px;right:-6px}.md-wrap{margin-bottom:1rem}.md-wrap .w-md-editor{border:1px solid var(--gold-soft);border-radius:8px}.grave-link{color:var(--red);align-items:center;gap:.35rem;font-size:.9rem;text-decoration:none;display:inline-flex}.grave-link:hover{text-decoration:underline}.rich-editor{border:1px solid var(--gold-soft);background:var(--surface);border-radius:8px;margin-bottom:1rem}.rich-toolbar{border-bottom:1px solid var(--gold-soft);background:var(--paper-2);border-radius:8px 8px 0 0;flex-wrap:wrap;gap:2px;padding:4px;display:flex}.rich-toolbar button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 6px;display:inline-flex}.rich-toolbar button:hover{filter:none;background:#d4af372e}.rich-toolbar button.active{background:var(--gold-soft);color:var(--ink)}.rich-sep{background:var(--gold-soft);width:1px;margin:2px 3px}.rich-content{min-height:130px;max-height:340px;padding:.6rem .8rem;overflow-y:auto}.rich-content .ProseMirror{color:var(--ink);outline:none;font-size:.93rem;line-height:1.6}.rich-content .ProseMirror p{margin:.3rem 0}.rich-content .ProseMirror h2{margin:.5rem 0 .3rem;font-size:1.1rem}.rich-content .ProseMirror h3{margin:.5rem 0 .3rem;font-size:1rem}.rich-content .ProseMirror ul,.rich-content .ProseMirror ol{margin:.3rem 0;padding-left:1.3rem}.rich-content .ProseMirror blockquote{border-left:3px solid var(--gold-soft);color:var(--ink-soft);margin:.3rem 0;padding-left:.7rem}.rich-content .ProseMirror img{border-radius:6px;max-width:100%}.rich-content .ProseMirror a{color:var(--red)}.rich-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--muted);float:left;pointer-events:none;height:0}.rich-loading{color:var(--muted);border:1px solid var(--gold-soft);border-radius:8px;padding:1rem}.popup-edit-btn{background:var(--paper-2);color:var(--ink);border:1px solid var(--gold-soft);padding:.3rem .7rem;font-size:.85rem;position:absolute;top:12px;right:48px}.popup-edit-btn:hover{filter:none;background:#d4af372e}.info-popup{max-height:var(--popup-h);overscroll-behavior:contain;overflow-y:auto}.panel-title{font-family:var(--serif);color:var(--red);align-items:center;padding:0 .7rem;font-weight:700;display:inline-flex}.member-form.wide{width:100%}.modal:has(.member-form.wide){width:var(--popup-w);max-width:var(--popup-w);height:var(--popup-h);max-height:var(--popup-h);flex-direction:column;display:flex;overflow:hidden}.modal:has(.member-form.wide) .member-edit-inline{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.modal:has(.member-form.wide) .member-form.wide{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.modal:has(.member-form.wide)>h2{flex:none}.mf-tabs{border-bottom:1px solid var(--gold-soft);flex:none;gap:.25rem;margin:.25rem 0 1.1rem;display:flex}.mf-tabs button{color:var(--ink-soft);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:.5rem .95rem;font-size:.9rem;font-weight:600}.mf-tabs button:hover{filter:none;color:var(--ink)}.mf-tabs button.active{color:var(--red);border-bottom-color:var(--red)}.member-form.wide>.mf-grid{flex:1;min-height:0;overflow-y:auto}.member-form.wide>.mf-tab-panel{flex:1;min-height:0;display:flex}.member-form.wide>.form-actions{flex:none}.mf-tab-panel .rich-editor{flex-direction:column;flex:1;min-height:0;margin-bottom:0;display:flex}.mf-tab-panel .rich-content{flex:1;min-height:0;max-height:none}.mf-tab-panel .rich-content .ProseMirror{min-height:100%}.mf-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.mf-col{flex-direction:column;gap:.15rem;min-width:0;display:flex}.photo-thumb.lg{border-radius:10px;width:120px;height:120px}.info-popup.editing .member-edit-inline{width:100%}.info-popup:not(.editing){padding:0}.info-popup .member-detail{border-radius:12px;max-width:none;margin:0;padding:1.9rem}@media (width<=860px){.mf-grid{grid-template-columns:1fr;gap:1rem}}.modal:has(.member-form.wide):has(.popup-edit-grid){width:var(--popup-w);max-width:var(--popup-w);height:var(--popup-h);max-height:var(--popup-h)}.modal:has(.member-form.wide)>.popup-edit-grid{flex:1;gap:1rem;min-height:0;display:flex}.popup-edit-grid>.member-edit-inline{flex:1;min-width:0}.popup-style-aside{border-left:1px solid var(--gold-soft);flex:0 0 250px;min-height:0;padding-left:1rem;overflow-y:auto}.popup-style-aside .form-section{margin-top:0}.popup-layout-grid{grid-template-columns:1fr 1fr 1fr;gap:5px;margin-bottom:.8rem;display:grid}.popup-layout-opt{background:var(--paper-2);color:var(--ink);border:1px solid var(--gold-soft);border-radius:7px;flex-direction:column;align-items:center;gap:5px;padding:.5rem .2rem;font-size:.7rem;font-weight:600;display:flex}.popup-layout-opt:hover{filter:none;background:#d4af372e}.popup-layout-opt.active{outline:2px solid var(--red);border-color:var(--red)}.pl-ico{opacity:.65;border:1.5px solid;border-radius:3px;width:30px;height:24px;position:relative}.pl-top:before{content:"";background:currentColor;border-radius:2px;height:8px;position:absolute;top:3px;left:3px;right:3px}.pl-side:before{content:"";background:currentColor;border-radius:2px;width:9px;position:absolute;top:3px;bottom:3px;left:3px}.pl-hero{opacity:.5;background:currentColor}.popup-bg-grid{grid-template-columns:1fr 1fr 1fr;gap:5px;display:grid}.popup-bg-upload{text-align:center;cursor:pointer;background:var(--paper-2);color:var(--ink);border:1px solid var(--gold-soft);border-radius:8px;margin:.5rem 0 0;padding:.5rem;font-size:.82rem;font-weight:600;display:block}.popup-bg-upload:hover{background:#d4af372e}@media (width<=820px){.modal:has(.member-form.wide):has(.popup-edit-grid){height:auto;max-height:92vh;overflow-y:auto}.modal:has(.member-form.wide)>.popup-edit-grid{flex-direction:column}.popup-style-aside{border-left:none;border-top:1px solid var(--gold-soft);flex:none;padding-top:1rem;padding-left:0}.mf-tab-panel .rich-content{min-height:50vh}}.member-detail{background-repeat:repeat;border-radius:10px;padding:.2rem}.info-popup .member-detail>section,.info-popup .member-detail.layout-top>.detail-head,.info-popup .member-detail.layout-side>.detail-head{max-width:880px;margin-left:auto;margin-right:auto}.detail-head{margin-bottom:.4rem}.detail-headtext h2{margin:.4rem 0 .1rem}.member-detail.layout-side .detail-head{align-items:center;gap:1.1rem;display:flex}.member-detail.layout-side .detail-photo{width:110px;height:110px}.member-detail.layout-hero{text-align:center}.member-detail.layout-hero .detail-head{border-radius:12px 12px 0 0;flex-direction:column;align-items:center;margin:-1.9rem -1.9rem .8rem;padding:2rem 1rem;display:flex}.member-detail.layout-hero .detail-photo{width:132px;height:132px}.member-detail.layout-hero[style*=background-image] .detail-head{box-shadow:inset 0 0 0 9999px #2819086b}.member-detail.layout-hero[style*=background-image] .detail-head h2{color:#fff}.member-detail.layout-hero[style*=background-image] .detail-head .muted{color:#ffffffd9}.bg-studio{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.bg-current{position:relative}.bg-current img{object-fit:cover;border:1px solid var(--gold-soft);border-radius:8px;width:100%;height:92px;display:block}.bg-clear{color:#fff;background:#0000008c;border:none;border-radius:50%;width:22px;height:22px;padding:0;line-height:1;position:absolute;top:6px;right:6px}.bg-presets{flex-wrap:wrap;gap:4px;display:flex}.bg-preset{background:var(--paper-2);color:var(--ink);border:1px solid var(--gold-soft);border-radius:999px;padding:.2rem .6rem;font-size:.76rem;font-weight:600}.bg-preset:hover:not(:disabled){filter:none;background:#d4af3733}.bg-prompt{min-height:46px}.bg-gen{width:100%}.bg-gen.ghost{background:var(--paper-2);color:var(--ink)}.bg-status,.bg-scale{margin:0;font-size:.78rem}.bg-scale input[type=range]{cursor:pointer;background:0 0;border:none;padding:0}.bg-builtins{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.bg-tile{border:1px solid var(--gold-soft);cursor:pointer;background-position:50%;background-size:120px;border-radius:7px;height:52px;padding:0;position:relative;overflow:hidden}.bg-tile span{color:#fff;text-align:center;background:#00000073;padding:1px 0;font-size:.68rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}.bg-tile.active{outline:2px solid var(--red);border-color:var(--red)}.bg-none{background:var(--paper-2);color:var(--ink);justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.bg-none.active{outline:2px solid var(--red)}.bg-noises{margin-top:5px}.bg-noise{background-size:cover}.bg-noise-opts{gap:6px;margin-top:6px;display:grid}.bg-reset{margin:2px 0 4px auto;font-size:.78rem;display:block}.page-formats{flex-wrap:wrap;gap:5px;margin:2px 0 6px;display:flex}.page-opt{border:1px solid var(--gold-soft);background:var(--paper-2);color:var(--ink);cursor:pointer;border-radius:7px;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.page-opt:hover{background:#d4af372e}.page-opt.active{outline:2px solid var(--red);border-color:var(--red)}.page-download{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:6px;padding:9px;font-weight:700;display:flex}.page-download:hover{filter:brightness(1.06)}.diagram-title.headercanvas{min-width:460px;filter:drop-shadow(0 3px 10px var(--shadow));text-shadow:0 1px 3px #00000073;padding:.55rem 1.4rem;position:relative}.header-canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.diagram-title.headercanvas .diagram-title-main,.diagram-title.headercanvas .diagram-title-sub{z-index:1;position:relative}.header-sets{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.proc-frames{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:.35rem;display:grid}.header-opt.proc{background:var(--paper-2);color:var(--ink);text-shadow:none;background-image:none;height:34px;font-size:.74rem}.header-opt.proc:hover{filter:none;background:#d4af372e}.header-opt.proc.active{outline:2px solid var(--red);border-color:var(--red)}.header-color-row{align-items:center;gap:.6rem;margin-top:.35rem;display:flex}.header-color-row input[type=color]{flex:none;width:56px;margin-top:0}.header-color-row .link{font-size:.8rem}.header-opt{border:1px solid var(--gold-soft);color:#fff;text-shadow:0 1px 2px #000;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:7px;height:40px;padding:0;font-size:.72rem;font-weight:700}.header-opt.none{background:var(--paper-2);color:var(--ink);text-shadow:none}.header-opt.active{outline:2px solid var(--red);border-color:var(--red)}.header-editor{border:1px solid var(--gold-soft);background:var(--paper-2);border-radius:8px;flex-direction:column;gap:.55rem;margin:.4rem 0 1rem;padding:.6rem;display:flex}.he-stage{-webkit-user-select:none;user-select:none;touch-action:none;border-radius:6px;width:100%;position:relative;overflow:hidden}.he-stage img{pointer-events:none;width:100%;height:auto;display:block}.he-region{border:0 solid var(--gold-bright);pointer-events:none;background:#d4af3747;position:absolute;top:0;bottom:0}.he-line{cursor:ew-resize;z-index:2;width:12px;margin-left:-6px;position:absolute;top:0;bottom:0}.he-line:before{content:"";background:var(--gold-bright);width:2px;position:absolute;top:0;bottom:0;left:5px;box-shadow:0 0 0 1px #00000080}.he-line:after{content:"";background:var(--gold-bright);border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;left:1px;box-shadow:0 0 0 1px #00000080}.he-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.he-row label,.header-editor>label{margin:0;font-size:.76rem}.he-preview-wrap{resize:horizontal;min-width:160px;max-width:100%;padding-bottom:2px;overflow:auto}.he-preview{color:#fbe6c4;height:50px;font-family:var(--serif);text-shadow:0 1px 3px #00000080;border-radius:4px;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative;overflow:hidden}.layout-presets{flex-wrap:wrap;gap:.4rem;margin:.3rem 0 .6rem;display:flex}.layout-opt{background:var(--paper-2);color:var(--ink);border:1px solid var(--gold-soft);border-radius:8px;padding:.35rem .7rem;font-size:.8rem;font-weight:600}.layout-opt:hover{filter:none;border-color:var(--gold)}.layout-opt.active{border-color:var(--gold);background:#d4af3729}.le-details{margin:0 0 .7rem}.le-details>summary{cursor:pointer;color:var(--ink-soft);font-size:.8rem;font-weight:600}.le-hint{margin:.35rem 0;font-size:.7rem}.lb-preview{background:var(--paper-2);border:1px solid var(--gold-soft);border-radius:8px;margin:.4rem 0;padding:4px;display:flex}.lb-split{flex:1;min-width:0;min-height:0;display:flex;position:relative}.lb-cell{min-width:0;min-height:0;display:flex}.lb-leaf{color:var(--ink-soft);background:var(--surface);border:1px solid var(--gold-soft);cursor:pointer;border-radius:5px;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;font-size:.7rem;font-weight:600;display:flex;overflow:hidden}.lb-leaf:hover{border-color:var(--gold)}.lb-leaf.sel{border-color:var(--gold);color:var(--ink);box-shadow:0 0 0 1px var(--gold) inset;background:#d4af3733}.lb-dir{z-index:2;background:var(--gold-soft);color:#2a1c10;border:none;border-radius:4px;padding:0 4px;font-size:.64rem;line-height:1.35;position:absolute;top:0;left:0}.lb-dir:hover{filter:none;background:var(--gold)}.lb-toolbar{flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.35rem;display:flex}.lb-toolbar select,.lb-toolbar input{width:auto;margin:0;padding:.2rem .3rem;font-size:.7rem}.lb-toolbar input{width:48px}.lb-btn{background:var(--paper-2);color:var(--ink);border:1px solid var(--gold-soft);border-radius:6px;padding:.22rem .5rem;font-size:.7rem;font-weight:600}.lb-btn:hover{filter:none;border-color:var(--gold)}.lb-btn.danger{color:var(--red)}.lb-tip{margin:.35rem 0 0;font-size:.7rem}.corner-frames{flex-wrap:wrap;gap:.4rem;margin:.3rem 0 .6rem;display:flex}.corner-opt{border:1px solid var(--gold-soft);width:46px;height:46px;color:var(--ink-soft);background-color:#2e2415;background-position:50%;background-size:cover;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:.72rem;font-weight:600;display:flex}.corner-opt:hover{filter:none;border-color:var(--gold)}.corner-opt.active{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.corner-opt.off,.corner-opt.upload{background-color:var(--paper-2);cursor:pointer}.corner-opt.upload input{display:none}.sf-sec{border:1px solid var(--gold-soft);background:#d4af3709;border-radius:9px;margin-bottom:.55rem;padding:0 .7rem .2rem}.sf-sec>summary{cursor:pointer;font-family:var(--serif);color:var(--red);-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;padding:.55rem 0;font-size:.96rem;font-weight:700;list-style:none;display:flex}.sf-sec>summary::-webkit-details-marker{display:none}.sf-sec>summary:before{content:"▸";color:var(--gold);flex:none;width:.9em;display:inline-block}.sf-sec[open]>summary:before{content:"▾"}.sf-sec[open]>summary{border-bottom:1px solid var(--gold-soft);margin-bottom:.5rem}.sf-sec>summary svg{color:var(--gold);flex:none}.sf-sub{border:1px solid var(--gold-soft);background:#d4af370a;border-radius:7px;margin:0 0 .5rem;padding:0 .6rem .15rem}.sf-sub>summary{cursor:pointer;font-family:var(--serif);color:var(--ink-soft);-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;padding:.45rem 0;font-size:.86rem;font-weight:600;list-style:none;display:flex}.sf-sub>summary::-webkit-details-marker{display:none}.sf-sub>summary:before{content:"▸";color:var(--gold);flex:none;width:.85em;display:inline-block}.sf-sub[open]>summary:before{content:"▾"}.sf-sub[open]>summary{border-bottom:1px solid var(--gold-soft);margin-bottom:.4rem}.sf-sub>summary svg{color:var(--gold);flex:none}.frame-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;max-height:286px;margin-top:.5rem;padding:.1rem .3rem .1rem .1rem;display:grid;overflow-y:auto}.frame-opt{background:var(--paper-2);color:var(--ink-soft);border:1px solid var(--gold-soft);border-radius:8px;flex-direction:column;align-items:center;gap:.2rem;padding:.25rem;font-size:.64rem;font-weight:600;display:flex}.frame-opt:hover{filter:none;border-color:var(--gold)}.frame-opt.active{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.frame-opt.off{justify-content:center;min-height:70px}.frame-prev{background:repeating-conic-gradient(#0000 0 25%, #0000000f 0 50%) 0 0 / 14px 14px, var(--surface);border-radius:5px}.frame-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.row-actions{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.row-actions .link{white-space:nowrap}.inline-form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.form-inline-card{margin-bottom:1.1rem}.form-inline-card .inline-form{margin-top:.6rem}.form-inline-card h2{margin:0}.clan-grants{flex-direction:column;gap:.35rem;display:flex}.clan-grant-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.clan-grant-row .clan-name{min-width:8rem;font-weight:600}.clan-grant-row .link.danger{padding:0 .3rem;font-size:1.1rem;line-height:1}.list-head-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.search-box{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:.4rem;padding:0 .6rem;display:flex}.search-box svg{color:var(--ink-soft);flex:none}.search-box input{background:0 0;border:none;outline:none;min-width:180px;padding:.45rem 0}.pager{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.pager button{align-items:center;gap:.3rem;display:inline-flex}.pager button:disabled{opacity:.4;cursor:default}.center-screen .card+.card{margin-top:1rem}.cf-login-btn{color:#fff;background:#f6821f;border:none;width:100%;font-weight:600}.cf-login-btn:hover{background:#e3760f}.or-divider{color:var(--ink-soft);align-items:center;gap:.6rem;margin-top:.9rem;font-size:.82rem;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--border);flex:1;height:1px}.lock-banner{color:#9a5b00;background:#fff4e0;border:1px solid #f0c987;border-radius:8px;align-items:center;gap:.45rem;margin-bottom:.8rem;padding:.55rem .8rem;font-size:.88rem;display:flex}.edit-panel-locked{padding:1rem}.history-panel{padding-top:.4rem}.history-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.history-item{border:1px solid var(--border);border-radius:8px;padding:.55rem .8rem}.history-time{font-weight:600}.history-changes{margin:.2rem 0;font-size:.82rem}.history-item .link{align-items:center;gap:.3rem;display:inline-flex}.mf-col-side{gap:0}.mf-field{margin-bottom:1rem;display:block}.member-form .mf-field>input,.member-form .mf-field>textarea{margin-top:.35rem}.member-form label{color:var(--ink-soft);font-weight:600}.member-form input:focus,.member-form textarea:focus,.member-form select:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 3px #9c211c1f}.member-form .form-row{gap:.7rem;margin-bottom:1rem}.member-form .form-row label{flex-direction:column;gap:.35rem;display:flex}.mf-avatar{flex-direction:column;align-items:center;gap:.5rem;margin:.2rem 0 1.2rem;display:flex}.mf-avatar-btn{border:3px solid var(--gold);background:var(--paper-2);cursor:pointer;border-radius:50%;width:134px;height:134px;padding:0;position:relative;overflow:hidden;box-shadow:0 4px 14px #2819082e}.mf-avatar-btn img{object-fit:cover;width:100%;height:100%;display:block}.mf-avatar-empty{width:100%;height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.3rem;font-size:.8rem;display:flex}.mf-avatar-overlay{color:#fff;opacity:0;background:#28190899;justify-content:center;align-items:center;gap:.35rem;padding:.45rem;font-size:.78rem;font-weight:600;transition:opacity .15s;display:flex;position:absolute;inset:auto 0 0}.mf-avatar-btn:hover .mf-avatar-overlay{opacity:1}.mf-avatar-rm{font-size:.76rem}.gallery-add{border:2px dashed var(--gold-soft);width:128px;height:96px;color:var(--ink-soft);text-align:center;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;font-size:.76rem;font-weight:600;display:flex}.gallery-add:hover{border-color:var(--gold);color:var(--ink);background:#d4af3714}.gallery-edit-cell img,.gallery-edit-cell video{border-radius:10px}.date-group .date-inputs{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.5rem;margin-top:.35rem;display:grid}.date-inputs input[type=number]{width:100%}.date-inputs .d-time{min-width:104px}.lunar-caption{color:var(--red-dark);margin-top:.45rem;font-size:.82rem;font-style:italic}.mf-gender select{max-width:220px}.detail-dates{flex-direction:column;gap:.2rem;margin-top:.1rem;display:flex}.dt-line{color:var(--ink-soft);font-size:.9rem}.dt-lbl{color:var(--ink);margin-right:.3rem;font-weight:700}.dt-lunar{color:var(--red-dark);font-style:italic}.decor-panel{flex-direction:column;gap:.6rem;display:flex}.decor-lib{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.decor-lib-item{background:var(--red-deep);border:1px solid var(--gold-line);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .2rem;display:flex}.decor-lib-item:hover{border-color:var(--gold-bright)}.decor-lib-item img{object-fit:contain;width:100%;height:46px}.decor-lib-item span{color:var(--gold-soft);text-align:center;font-size:.62rem;line-height:1.1}.decor-upload,.decor-actions button{border:1px solid var(--gold-line);color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .6rem;font-size:.8rem;display:inline-flex}.decor-upload:hover{border-color:var(--gold-bright)}.decor-list{grid-template-columns:repeat(6,1fr);gap:.3rem;display:grid}.decor-thumb{background:var(--red-deep);cursor:pointer;border:2px solid #0000;border-radius:6px;padding:.2rem}.decor-thumb.active{border-color:var(--gold-bright)}.decor-thumb img{object-fit:contain;width:100%;height:30px;display:block}.decor-edit{flex-direction:column;gap:.45rem;display:flex}.decor-actions{grid-template-columns:repeat(2,1fr);gap:.35rem;display:grid}.decor-actions button.active{border-color:var(--gold-bright);color:var(--gold-bright)}.decor-actions button.danger{color:var(--red);border-color:var(--red)}.decor-actions button.danger:hover{background:var(--red);color:#fff}.decor-overlay{z-index:4;pointer-events:none;position:absolute;inset:0}.decor-box{box-sizing:border-box;pointer-events:auto;cursor:move;border:1.5px dashed var(--gold-bright);touch-action:none;border-radius:2px;position:absolute}.decor-h{background:var(--gold-bright);pointer-events:auto;touch-action:none;width:16px;height:16px;color:var(--red-deep);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 1px 3px #0006}.decor-h.tl{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.decor-h.tr{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.decor-h.bl{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.decor-h.br{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.decor-h.rot{cursor:grab;top:0;left:50%;transform:translate(-50%,-180%)}