@import url('/fonts.css');
:root{color-scheme:dark;--bg:#111016;--panel:#1b1922;--panel2:#24202c;--line:#37313f;--ink:#f4efe8;--muted:#aaa2b3;--accent:#baa0d7;--soft:#d9c8ed;--good:#a9c5b4;--danger:#efacae;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:inherit}button,.btn{border:1px solid var(--line);border-radius:9px;padding:12px 18px;color:var(--ink);background:var(--panel2);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:550}button:hover,.btn:hover{border-color:var(--accent)}.primary{background:var(--soft);color:#251b31;border-color:var(--soft)}.quiet{background:transparent}.danger{color:var(--danger)}.small{padding:8px 12px;font-size:13px}input,textarea,select{width:100%;padding:12px;border:1px solid #47404e;border-radius:8px;background:#141119;color:var(--ink);margin-top:7px}input[type=checkbox]{width:19px;height:19px;accent-color:var(--accent);margin:0}label{display:block;font-size:13px;font-weight:550;color:#d5cedc}label+label{margin-top:18px}textarea{min-height:100px;resize:vertical}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(42px,5.5vw,78px);line-height:1.05}h2{font-size:36px}h3{font-size:17px;font-weight:500}p{line-height:1.65}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--accent);font-weight:650}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:23px;letter-spacing:-.07em;font-weight:650}.brand span{font-weight:350;color:var(--accent)}.brand-mark{width:28px;height:28px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;font-size:21px;line-height:1;padding-bottom:5px;letter-spacing:-5px;padding-right:5px}.header{height:88px;max-width:1320px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d;gap:20px}.header .tagline{color:var(--muted);font-size:12px;letter-spacing:.08em}.hero{max-width:1320px;margin:auto;padding:75px 48px 50px;display:grid;grid-template-columns:1fr 400px;gap:80px;align-items:center}.hero-copy{max-width:660px}.hero h1 em{font-style:italic;color:var(--accent)}.hero .intro{max-width:500px;color:#c0b8c8;font-size:17px;margin-top:25px}.pill{display:inline-flex;gap:8px;align-items:center;background:#b69bc30c;color:var(--accent);border:1px solid #b69bc32e;border-radius:30px;padding:7px 12px;font-size:11px}.pill:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.auth{background:linear-gradient(145deg,#24202b,#17151d);border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 25px 80px #0003}.auth h2{font-size:30px;margin-bottom:8px}.auth p{font-size:13px}.auth button[type=submit]{width:100%;margin-top:24px}.hint{font-size:12px;color:var(--muted);line-height:1.6;margin:14px 0 0}.error{color:var(--danger);font-size:13px;line-height:1.5;min-height:0}.feature-line{display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:30px}.feature-line span:before{content:'·';color:var(--accent);margin-right:7px}.campaign{max-width:1224px;margin:12px auto 0;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#17131b}.campaign img{width:100%;display:block}.campaign-caption{display:flex;justify-content:space-between;align-items:center;padding:23px 28px;gap:20px}.campaign-caption p{margin:0;color:var(--muted);font-size:13px}.campaign-caption strong{font-size:16px;font-weight:500}.how{max-width:1320px;margin:auto;padding:70px 48px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:38px}.step{border-top:1px solid var(--line);padding-top:22px}.step .number{color:var(--accent);font-family:Georgia,serif;font-size:23px;margin-bottom:22px}.step p{font-size:13px;color:var(--muted)}.footer{max-width:1224px;margin:0 auto;padding:25px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{padding:30px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:#15121b}.sidebar .brand{margin-bottom:45px}.nav{display:grid;gap:7px}.nav button{background:transparent;justify-content:flex-start;border-color:transparent;color:var(--muted)}.nav button.active{background:var(--panel2);color:var(--ink);border-color:var(--line)}.side-bottom{margin-top:auto}.low-panel{padding:18px;border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.low-panel p{font-size:12px;color:var(--muted);margin:8px 0 15px}.low-panel strong{font-size:13px;font-weight:500}.low-panel button{width:100%;font-size:12px}.account{display:flex;align-items:center;gap:11px;margin-bottom:15px}.avatar{width:34px;height:34px;border-radius:50%;background:#342840;color:var(--soft);display:grid;place-items:center}.account div{overflow:hidden}.account small{display:block;color:var(--muted);font-size:11px}.main{min-width:0;padding:38px 45px;max-width:1500px;width:100%;margin:auto;align-self:start}.topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px;color:var(--muted);font-size:12px}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.heading h1{font-size:44px;margin-bottom:10px}.heading p{margin:0;color:var(--muted);font-size:14px}.tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin:0 0 28px}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;border-radius:0;color:var(--muted);padding:12px 2px}.tabs .active{color:var(--ink);border-bottom-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}.gallery-card{padding:0;background:var(--panel);display:block;text-align:left;overflow:hidden;transition:transform .18s}.gallery-card:hover{transform:translateY(-3px)}.cover{aspect-ratio:4/3;width:100%;object-fit:cover;background:linear-gradient(140deg,#29232f,#15131d);display:grid;place-items:center}.cover.empty-cover{color:#8c789e;font-family:Georgia,serif;font-size:56px}.card-info{padding:19px}.card-info h3{margin:0 0 8px}.card-info p{font-size:12px;color:var(--muted);margin:0}.card-meta{display:flex;justify-content:space-between;gap:5px;margin-top:16px;font-size:11px;color:#bca8cc}.empty-state{min-height:290px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px dashed #44394f;border-radius:14px;padding:35px;grid-column:1/-1;background:radial-gradient(ellipse at center,#251d302e,transparent)}.empty-state .symbol{font-family:Georgia,serif;font-size:45px;color:var(--accent);margin-bottom:20px}.empty-state h2{font-size:26px;margin-bottom:10px}.empty-state p{font-size:14px;color:var(--muted);max-width:370px}.banner{padding:15px 18px;border:1px solid #625073;border-radius:10px;background:#2c2139;margin-bottom:25px;font-size:13px;line-height:1.6}.banner.storage{border-color:#47404e;background:var(--panel);color:var(--muted)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.photo-button{padding:0;overflow:hidden;border-radius:10px}.photo-button img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.person{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);padding:18px;border-radius:11px;background:var(--panel);margin-bottom:12px}.person p{margin:3px 0 0;color:var(--muted);font-size:12px}.person .actions{display:flex;gap:8px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px}.panel{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:13px}.panel h2{font-size:28px}.panel>p{font-size:13px;color:var(--muted)}.panel button[type=submit]{margin-top:20px}.profile-form{max-width:580px}.badge{font-size:11px;color:var(--accent);border:1px solid var(--line);padding:5px 9px;border-radius:20px}dialog{border:1px solid #55475f;background:#1c1822;color:var(--ink);padding:30px;border-radius:16px;width:min(550px,calc(100vw - 32px));max-height:90vh;box-shadow:0 35px 120px #000a}dialog::backdrop{background:#06050bd9;backdrop-filter:blur(6px)}dialog h2{font-size:30px;margin-bottom:12px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dialog-head button{padding:4px 10px;background:transparent;font-size:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}dialog p{color:var(--muted);font-size:13px}.share-row{display:grid;grid-template-columns:24px 1fr 155px;gap:10px;align-items:center;margin:16px 0}.share-row label{font-size:13px}.share-row select{margin:0;font-size:12px;padding:9px}.qr{display:block;margin:20px auto;border-radius:12px;width:220px;max-width:100%}.linkbox{font-family:ui-monospace,monospace;font-size:11px;word-break:break-all;line-height:1.8;padding:15px;background:#111;border-radius:9px;margin:15px 0}.lightbox{width:min(1100px,95vw)}.lightbox img{display:block;max-width:100%;max-height:72vh;margin:auto;object-fit:contain}.loading{padding:50px;text-align:center;color:var(--muted)}#toast:not(:empty){position:fixed;bottom:26px;left:50%;transform:translateX(-50%);max-width:90vw;z-index:10;background:#efe6f7;color:#22172d;padding:14px 20px;border-radius:10px;box-shadow:0 10px 45px #0006;font-size:13px}.privacy-note{font-size:12px;color:var(--muted);margin-top:24px}.inline-check{display:flex;align-items:center;gap:10px}.profile-photos{display:flex;gap:10px;flex-wrap:wrap}.profile-photos img{width:90px;height:90px;border-radius:12px;object-fit:cover}.hidden{display:none!important}
@media(max-width:1050px){.hero{gap:35px;grid-template-columns:1fr 350px;padding-top:50px}.campaign{margin-left:30px;margin-right:30px}.sidebar{padding:25px 15px}.shell{grid-template-columns:205px 1fr}.main{padding:30px}.two-col{grid-template-columns:1fr}.footer{margin:0 30px}.steps{gap:20px}}
@media(max-width:760px){.header{height:74px;padding:0 22px}.header .tagline{display:none}.hero{display:block;padding:42px 22px 25px}.hero-copy{margin-bottom:35px}.hero h1{font-size:52px}.hero .intro{font-size:16px}.auth{padding:25px}.campaign{margin:10px 22px}.campaign-caption{display:block;padding:18px}.campaign-caption p{margin-top:8px}.how{padding:45px 22px}.steps{grid-template-columns:1fr 1fr}.footer{margin:0 22px;display:block;line-height:1.8}.shell{display:block}.sidebar{height:auto;position:relative;padding:20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin:0 0 20px}.nav{display:flex;gap:6px;overflow:auto}.nav button{font-size:12px;white-space:nowrap;padding:10px}.side-bottom{display:none}.main{padding:25px 20px}.topline{margin-bottom:28px}.heading{align-items:flex-start}.heading h1{font-size:36px}.heading p{font-size:12px}.heading button{font-size:12px;white-space:nowrap;padding:10px}.two-col{gap:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-info{padding:13px}.card-info h3{font-size:14px}.card-meta{font-size:10px}.person{padding:14px}.person .actions{gap:5px}.photo-grid{grid-template-columns:repeat(2,1fr)}.share-row{grid-template-columns:22px 1fr 125px}.share-row select{font-size:11px}dialog{padding:22px}.mobile-controls{display:flex;gap:8px}.mobile-controls button{font-size:11px;padding:7px 9px}}
@media(min-width:761px){.mobile-controls{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.install-app{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:20;box-shadow:0 4px 24px #0008;font-size:13px}.install-app[hidden]{display:none}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,.btn{min-height:44px}#install-help{max-width:460px}#install-help p{line-height:1.65}@media(display-mode:browser){body{padding-bottom:80px}}

.member-avatar{width:144px;height:144px;object-fit:cover;border-radius:50%;margin-bottom:24px}.member-identity{text-align:center}#member-html{display:block;width:100%;min-height:220px;background:#f4efe8;border:0;border-radius:10px}#page-controls textarea{min-height:180px}

.chat-layout{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:24px}.chat-layout nav{display:flex;flex-direction:column;gap:8px}.chat-messages{max-height:50vh;overflow:auto}.chat-message{padding:12px 16px;margin:12px 0;border-radius:12px;background:#25232e;overflow-wrap:anywhere}.chat-message.mine{background:#353047;margin-left:24px}.chat-message p{white-space:pre-wrap}.chat-layout textarea{width:100%}@media(max-width:650px){.chat-layout{grid-template-columns:1fr}}

#chat-older[hidden]{display:none}.chat-layout>nav>div{display:flex;flex-direction:column;gap:8px}.chat-layout{min-width:0}.chat-layout>section{min-width:0}

.chat-username{padding:0;border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:3px;font:inherit}.chat-username:hover{color:var(--accent,#d8c7ed)}

body.member-theme{background-color:var(--bg);background-image:linear-gradient(#0b0913b8,#0b0913d9),var(--personal-background,none);background-size:cover;background-position:center;background-attachment:fixed}.member-theme .sidebar{background:var(--nav-bg);color:var(--nav-ink)}.member-theme .sidebar .nav button,.member-theme .sidebar .brand span,.member-theme .sidebar .brand-mark,.member-theme .sidebar .account small,.member-theme .sidebar .low-panel p,.member-theme .sidebar button{color:var(--nav-ink)}.member-theme .sidebar .nav button.active{background:var(--nav-active);border-color:currentColor}.member-theme .sidebar .brand-mark{border-color:currentColor}.member-theme .sidebar .low-panel{border-color:currentColor}.member-theme .topline{background:var(--nav-bg);color:var(--nav-ink);padding:12px;border-radius:10px}.member-theme .topline .badge,.member-theme .topline button{color:var(--nav-ink);border-color:currentColor;background:transparent}.appearance-panel{max-width:760px}.appearance-panel h1{font-size:42px}.appearance-panel label{margin-top:20px}.appearance-panel input[type=color]{width:100px;height:50px;padding:5px}.appearance-panel .toolbar{margin-top:24px;flex-wrap:wrap}.appearance-panel #appearance-remove{margin-top:14px}

/* A quiet, personal space: curved surfaces, open spacing and restrained contrast. */
:root{--muted:#b9b0c2}
body{line-height:1.55;background-image:radial-gradient(ellipse at 75% 0%,#baa0d710,transparent 55%)}
h1,h2{letter-spacing:-.025em;line-height:1.16}h3{line-height:1.4}p{line-height:1.75}
button,.btn{border-radius:999px;padding:12px 22px;border-color:#ffffff12;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
button:hover,.btn:hover{box-shadow:0 4px 18px #0002}.primary{box-shadow:0 5px 20px #0002}
input,textarea,select{border-radius:17px;border-color:#ffffff20;padding:14px 16px;background:#100e1580}
input:focus,textarea:focus,select:focus{border-color:var(--accent)}label{font-weight:450;line-height:1.6}label+label{margin-top:24px}
:focus-visible{outline-offset:4px}.eyebrow{letter-spacing:.13em;font-weight:500}
.header{border:0}.hero{gap:64px;padding-top:88px;padding-bottom:64px}.hero .intro{line-height:1.8}.auth{border-color:#ffffff0c;border-radius:34px;padding:38px;box-shadow:0 18px 65px #0002}.auth h2{font-size:34px}
.feature-line{gap:18px}.campaign{border:0;border-radius:32px}.campaign-caption{padding:28px 34px}.how{padding-top:80px;padding-bottom:60px}.steps{gap:38px}.step{border-top:0;padding-top:12px}.step .number{margin-bottom:16px}.step h3{font-size:19px}.footer{border-color:#ffffff0c}
.shell{grid-template-columns:244px minmax(0,1fr);gap:12px;padding:16px;min-height:100vh}
.sidebar{top:16px;height:calc(100dvh - 32px);border:0;border-radius:30px;padding:30px 22px;box-shadow:0 10px 40px #0002}.sidebar .brand{margin-bottom:34px;font-size:22px}.nav{gap:8px}.nav button{padding:13px 17px;font-weight:450}.nav button.active{border-color:transparent}
.member-theme .sidebar .nav button.active{border-color:transparent;box-shadow:none}.member-theme .sidebar .low-panel{border:0;background:var(--nav-active)}
.low-panel{border:0;border-radius:24px;padding:20px;margin-bottom:24px}.low-panel button{padding:10px 12px}.account{padding:0 4px}.avatar{width:38px;height:38px;flex-shrink:0}
.main{padding:28px 36px 56px;max-width:1350px}.topline,.member-theme .topline{background:transparent;color:var(--muted);padding:4px 0;border-radius:0;margin-bottom:38px;gap:12px}.member-theme .topline .badge{color:var(--accent);border-color:#ffffff20}.member-theme .topline button{color:var(--ink);border-color:#ffffff20}
.heading{margin-bottom:32px;align-items:center}.heading h1{font-size:clamp(34px,4vw,48px);margin-bottom:12px}.heading p{max-width:480px}.badge{padding:7px 12px}.tabs{border:0;gap:8px;margin-bottom:32px}.tabs button{border:0;padding:10px 18px;border-radius:999px}.tabs button.active{background:var(--panel2)}
.panel{border-color:#ffffff0b;border-radius:30px;padding:34px;box-shadow:0 10px 32px #0001}.panel h2{font-size:29px}.panel>p{max-width:68ch}.two-col{gap:28px}.grid{gap:24px}.gallery-card{border:0;border-radius:26px;box-shadow:0 8px 28px #0002}.card-info{padding:23px}.cover.empty-cover{background:radial-gradient(ellipse at 30% 20%,#baa0d729,transparent 80%),var(--panel2)}
.empty-state{border:0;border-radius:32px;min-height:340px;padding:44px;background:radial-gradient(ellipse at 50% 30%,#baa0d718,transparent 80%)}.empty-state h2{font-size:30px}.empty-state p{line-height:1.8}
.person{border-color:#ffffff0b;border-radius:24px;padding:22px;flex-wrap:wrap}.person .actions{flex-wrap:wrap}.banner{border:0;border-radius:22px;padding:18px 22px}.banner.storage{border:0}.toolbar{gap:12px}.photo-button{border:0;border-radius:23px}.member-avatar{border:5px solid #ffffff10;box-shadow:0 12px 36px #0003}
dialog{border-color:#ffffff18;border-radius:30px;padding:34px;box-shadow:0 25px 90px #0007}dialog::backdrop{background:#080610bd;backdrop-filter:blur(9px)}.dialog-head button{border-radius:50%;min-width:44px;min-height:44px}.dialog-actions{gap:12px;flex-wrap:wrap}
.chat-layout{gap:32px}.chat-layout nav{gap:12px}.chat-layout nav h2{font-size:23px;margin-top:12px;margin-bottom:4px}.chat-layout nav button{justify-content:flex-start;text-align:left;border:0;background:#ffffff07;font-weight:450}.chat-layout nav button:hover{background:#ffffff10}.chat-layout nav .hint{margin-top:0}.chat-messages{padding:4px 4px 12px}.chat-message{border-radius:24px 24px 24px 8px;padding:16px 20px;background:var(--panel2);margin:16px 28px 16px 0}.chat-message.mine{border-radius:24px 24px 8px 24px;margin:16px 0 16px 28px;background:color-mix(in srgb,var(--panel2) 80%,var(--accent))}.chat-message small{color:var(--muted)}.chat-message p{margin:8px 0;line-height:1.7}.chat-message button:not(.chat-username){padding:5px 12px;font-size:12px;background:transparent}.chat-username{border-radius:0;padding:0;box-shadow:none!important}.chat-layout textarea{border-radius:22px;min-height:104px}.chat-layout form{margin-top:24px}.chat-layout details{padding-top:18px;font-size:13px}.chat-layout summary{cursor:pointer;padding:8px 0}
.appearance-panel{max-width:850px;padding:40px}.appearance-panel h1{font-size:44px}.appearance-panel h2{margin-top:32px}.appearance-panel label{margin-top:28px}.appearance-panel input[type=color]{display:block;border-radius:15px;width:108px;height:52px;padding:5px}.appearance-panel .toolbar{margin-top:32px}.appearance-panel .hint{max-width:65ch}
@media(max-width:1000px){.shell{grid-template-columns:214px minmax(0,1fr);gap:4px;padding:12px}.sidebar{padding:26px 16px;top:12px;height:calc(100dvh - 24px)}.main{padding:24px}.panel{padding:28px}.chat-layout{gap:22px;grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:760px){.header{padding:0 24px}.hero{padding:40px 24px}.hero h1{font-size:50px}.auth{border-radius:28px;padding:28px}.campaign{margin:14px 20px;border-radius:26px}.campaign-caption{padding:24px}.how{padding:48px 24px}.steps{gap:26px}.shell{display:block;padding:10px}.sidebar{height:auto;position:relative;top:0;border:0;border-radius:26px;padding:22px 18px;box-shadow:0 8px 28px #0002}.sidebar .brand{margin-bottom:22px}.nav{gap:6px;padding-bottom:4px;scrollbar-width:thin}.nav button{padding:11px 16px;flex-shrink:0}.main{padding:26px 10px 40px}.topline,.member-theme .topline{margin-bottom:28px;flex-wrap:wrap;font-size:11px}.heading{gap:18px;align-items:flex-start;flex-wrap:wrap}.heading h1{font-size:37px}.heading button{padding:12px 18px}.panel{padding:25px 22px;border-radius:26px}.panel h1,.appearance-panel h1{font-size:36px}.two-col{grid-template-columns:1fr}.grid{gap:14px}.card-info{padding:17px}.empty-state{min-height:300px;padding:30px 24px}.person{padding:20px;border-radius:22px}.photo-button{border-radius:18px}.appearance-panel label{margin-top:24px}.appearance-panel .toolbar{gap:10px}.appearance-panel .toolbar button{flex:1 1 145px}.chat-layout{grid-template-columns:1fr;gap:28px}.chat-layout nav{gap:10px}.chat-message{padding:15px 17px}dialog{padding:26px;border-radius:26px}.steps h3{font-size:17px}.sidebar .side-bottom{display:none}}
@media(prefers-reduced-motion:reduce){button,.btn{transition:none}}

@media(min-width:761px){.sidebar{overflow-y:auto;scrollbar-width:thin}.sidebar .side-bottom{padding-top:22px}.sidebar .nav{flex-shrink:0}}
@media(max-width:760px){.nav{scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.chat-layout nav{order:2}.chat-layout #chat-thread{order:1}}
.eyebrow{text-transform:none;letter-spacing:.035em;font-size:12px}

/* Tactile material themes; image uploads replace only the background. */
body.member-theme[data-material=suede]{background-color:#d8bd98;background-image:url('/textures/suede.svg');background-repeat:repeat;background-size:256px;background-attachment:fixed}
body.member-theme[data-material=carbon]{background-color:#101113;background-image:url('/textures/carbon.svg');background-repeat:repeat;background-size:24px;background-attachment:fixed}
body.member-theme[data-custom-background=true]{background-image:linear-gradient(#09080c26,#09080c66),var(--personal-background);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed}
.member-theme .sidebar{background-color:var(--nav-bg);background-image:linear-gradient(115deg,#ffffff09,#00000024),url('/textures/leather.svg');background-size:auto,160px;outline:1px dashed var(--stitch);outline-offset:-10px;box-shadow:inset 0 1px 2px #ffffff18,inset 0 -3px 6px #0008,0 12px 35px #0005}
.member-theme .main{background:color-mix(in srgb,var(--panel) 94%,transparent);border-radius:30px;box-shadow:0 12px 40px #0002;min-height:calc(100dvh - 32px)}
.member-theme .sidebar .brand span{color:var(--stitch)}.member-theme h1,.member-theme h2,.member-theme .eyebrow{color:var(--accent)}
.member-theme .sidebar .nav button.active{outline:1px dashed var(--stitch);outline-offset:-5px;color:var(--stitch);background:linear-gradient(#ffffff0b,#0003)}
.member-theme .primary{background:var(--soft);color:var(--button-ink);border-color:transparent;box-shadow:inset 0 1px 1px #ffffff33,0 4px 12px #0003}
.member-theme .sidebar .low-panel{background:#0002;outline:1px dashed color-mix(in srgb,var(--stitch) 65%,transparent);outline-offset:-6px}
.member-theme .tabs button.active{box-shadow:inset 0 -2px var(--stitch)}.member-theme .chat-message.mine{border-right:2px solid var(--stitch)}
.member-theme .badge{border-color:var(--stitch)}.member-theme .topline{padding-bottom:16px;border-bottom:1px dashed color-mix(in srgb,var(--stitch) 35%,transparent)}
.appearance-panel #appearance-linked{vertical-align:middle;margin-right:8px}
@media(max-width:760px){.member-theme .main{margin-top:12px;min-height:0;padding:25px 16px 40px;border-radius:26px}.member-theme .sidebar{outline-offset:-8px}.member-theme .panel{padding:24px 17px}}

.member-theme .shell{padding-bottom:110px}.member-footer{position:fixed;z-index:18;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:28px;background-color:var(--nav-bg);background-image:url('/textures/leather.svg');outline:1px dashed var(--stitch);outline-offset:-6px;box-shadow:0 10px 35px #0006;max-width:calc(100vw - 24px)}.member-footer button{color:var(--nav-ink);background:transparent;border:0;padding:10px 17px}.member-footer button.active{color:var(--stitch)}.member-footer .primary{background:var(--soft);color:var(--button-ink)}body.member-theme .install-app{bottom:108px}@media(max-width:480px){.member-footer{width:calc(100vw - 24px);justify-content:space-between;gap:2px;padding:12px}.member-footer button{font-size:12px;padding:10px 12px}.member-theme .shell{padding-bottom:110px}}

.catchup-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.catchup-card h2{margin-bottom:8px}.catchup-card p{margin-bottom:0}.catchup-card .eyebrow{margin-bottom:12px}.catchup-stage{display:grid;place-items:center;min-height:300px;height:55vh;max-height:650px;background:#080709;border-radius:24px;overflow:hidden;margin-bottom:20px;padding:12px;text-align:center}.catchup-stage img{max-width:100%;max-height:100%;height:100%;object-fit:contain}.catchup-view #catchup-caption{color:var(--muted)}@media(max-width:600px){.catchup-card{display:block}.catchup-card button{margin-top:20px}.catchup-stage{height:45vh;min-height:240px}.catchup-view .toolbar{gap:8px}.catchup-view .toolbar button{padding:10px 14px}}

/* Casual image-copy deterrent; not screenshot protection. */
#app img, #modal img { -webkit-touch-callout: none; -webkit-user-drag: none; user-select: none; }

.verification-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.verification-slot{padding:20px;border:1px dashed var(--stitch);border-radius:22px;min-width:0}.verification-slot img{width:100%;max-height:240px;object-fit:contain;margin:12px 0}.verification-slot input{max-width:100%}.terms-check{display:block;margin:20px 0}.terms-check input{width:auto} @media(max-width:700px){.verification-slots{grid-template-columns:1fr}}
/* Account-wide material surfaces; custom wallpaper always wins over material. */
body.member-theme:not([data-custom-background=true]){background-color:var(--bg);background-image:var(--material-image);background-size:var(--material-size);background-repeat:repeat;background-attachment:fixed}
.member-theme .sidebar,.member-theme .topline{background-color:var(--nav-bg);background-image:var(--nav-image);background-size:var(--nav-size);color:var(--nav-ink)}
.member-theme .topline{padding:16px 20px;border-radius:22px}
.member-theme .member-footer{background-color:var(--footer-bg);background-image:var(--footer-image);background-size:var(--footer-size)}
.member-theme .member-footer button:not(.primary){color:var(--footer-ink)}
.material-control{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.material-control label:last-child{grid-column:1/-1}.material-preview{min-height:230px;border-radius:26px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background-position:center;margin:24px 0;box-shadow:inset 0 0 20px #0003}.material-preview span{display:block;padding:16px 20px;font-size:13px}.material-preview strong{align-self:center;background:#161413dd;color:#f2e5d3;padding:14px 25px;border-radius:24px;font-size:22px}.appearance-panel [hidden]{display:none!important}@media(max-width:600px){.material-control{grid-template-columns:1fr}}
.member-theme .sidebar .nav button.active{color:var(--nav-ink);border-left:3px solid var(--stitch)}

.request-identity{display:flex;align-items:center;gap:12px;min-width:0}.request-avatar{width:64px;height:64px;flex:0 0 64px;border-radius:50%;object-fit:cover}.request-identity p{overflow-wrap:anywhere}

/* A single persistent navigation bar; account tools open only on demand. */
.member-theme .shell{display:block;padding:12px 12px calc(110px + env(safe-area-inset-bottom))}
.member-theme .main{margin:0 auto;padding:24px;min-height:calc(100dvh - 140px)}
.member-theme .topline{display:none}
.member-theme .sidebar{display:none}
.menu-open .sidebar{display:flex;position:fixed;z-index:31;left:12px;top:max(12px,env(safe-area-inset-top));width:min(330px,calc(100vw - 24px));height:calc(100dvh - 110px - env(safe-area-inset-top));overflow-y:auto;padding:20px;border-radius:24px}
.menu-open .sidebar .nav{display:grid;overflow:visible;white-space:normal}
.menu-open .sidebar .side-bottom{display:block;padding-top:24px}
.menu-open .sidebar .brand{margin:12px 0 22px}
#close-member-menu{align-self:flex-end;padding:10px 14px}
.menu-backdrop{position:fixed;inset:0;z-index:30;background:#0008;border:0;border-radius:0;width:100%;height:100%}
.menu-backdrop[hidden]{display:none}
.member-footer{z-index:32;gap:4px;padding:10px 12px}
.member-footer button{min-height:44px;padding:10px 14px}
@media(max-width:760px){.member-theme .main{padding:20px 14px;margin-top:0}.member-footer{width:calc(100vw - 20px);justify-content:space-between}.member-footer button{padding:10px 8px;font-size:12px;min-width:0}.member-theme .shell{padding:10px 10px calc(110px + env(safe-area-inset-bottom))}}

/* Fixed frame: only the member content pane scrolls. */
body.member-theme{height:100dvh;overflow:hidden}
.member-brand-header{position:fixed;z-index:19;top:0;left:0;right:0;min-height:calc(64px + env(safe-area-inset-top));padding:calc(12px + env(safe-area-inset-top)) 22px 12px;display:flex;align-items:center;background-color:var(--nav-bg);background-image:var(--nav-image);background-size:var(--nav-size);color:var(--nav-ink);box-shadow:0 4px 18px #0003;border-bottom:1px solid var(--stitch)}
.member-brand-header .brand{font-size:22px}.member-brand-header .brand span{color:var(--nav-ink)}
.member-theme .shell{position:fixed;inset:calc(64px + env(safe-area-inset-top)) 0 calc(88px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:12px}
.member-theme .main{min-height:100%;padding-bottom:32px}
.member-theme .member-footer{bottom:max(12px,env(safe-area-inset-bottom))}
@media(max-width:760px){.member-theme .shell{padding:10px}.member-theme .main{padding:20px 14px 32px}.member-brand-header{padding-left:22px}}

.member-theme .member-footer button.active{background:var(--soft);color:var(--button-ink);border-radius:18px}.member-footer #quick-share{background:transparent;color:var(--footer-ink)}.gallery-order-row{padding:14px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.gallery-order-row .actions{flex-wrap:wrap}

/* Conversation-focused layout adapted from TrailSlayers Trail Talk. */
.downlow-chat{padding:22px;display:flex;flex-direction:column;gap:14px;height:calc(100dvh - 230px);min-height:360px}
.chat-intro h1{font-size:32px;margin:0}.chat-intro p{margin:4px 0 0;font-size:13px;color:var(--muted)}
.chat-privacy{font-size:12px;flex-shrink:0}.chat-privacy summary,.chat-picker>summary,.chat-tools summary{cursor:pointer;padding:10px;min-height:40px}.chat-privacy[open]{max-height:180px;overflow:auto}.chat-privacy p{margin:8px 0}
.downlow-chat .chat-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;min-height:0;flex:1}
.chat-picker{overflow:auto;border-right:1px solid var(--line);padding-right:14px}.chat-picker>summary{font-weight:650}.chat-picker>summary span{display:block;font-weight:400;font-size:11px;color:var(--muted)}
.downlow-chat .chat-picker nav{display:flex;flex-direction:column;gap:8px}.chat-picker h2{font-size:23px;margin:12px 0 4px}.chat-picker .hint{font-size:11px}.chat-picker button{justify-content:flex-start;width:100%}
.downlow-chat #chat-thread{display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:20px}
.chat-conversation-head{padding:12px 16px;border-bottom:1px solid var(--line);flex-shrink:0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.chat-conversation-head h2{font-size:23px;margin:0}.chat-conversation-head .eyebrow{margin:0 0 4px;font-size:10px}.chat-tools{margin-left:auto}.chat-tools[open]{max-height:130px;overflow:auto}.chat-tools button{padding:8px;font-size:12px;margin:3px}
.chat-history{overflow-y:auto;flex:1;min-height:0;padding:14px;overscroll-behavior:contain}.downlow-chat .chat-messages{overflow:visible;max-height:none;display:flex;flex-direction:column;gap:10px;padding:0}.downlow-chat .chat-message{max-width:88%;align-self:flex-start;margin:0;border-radius:18px 18px 18px 5px;padding:12px 15px}.downlow-chat .chat-message.mine{align-self:flex-end;border-radius:18px 18px 5px 18px;background:var(--panel2)}.chat-message p{overflow-wrap:anywhere;margin:7px 0}.chat-message>button{padding:4px 8px;font-size:10px}.chat-message small{font-size:11px}
.downlow-chat #chat-compose{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px;border-top:1px solid var(--line);margin:0;flex-shrink:0}.chat-compose-label{flex:1;min-width:120px;font-size:0}.chat-compose-label textarea{margin:0;min-height:48px;max-height:110px;font-size:14px;resize:none}.downlow-chat #chat-compose>.error{order:3;flex-basis:100%;margin:0}.chat-welcome{padding:30px 20px;text-align:center;margin:auto;color:var(--muted)}.chat-welcome h2{font-size:28px}
@media(min-width:761px){.chat-picker:not([open])>nav{display:flex}.chat-picker>summary{list-style:none;pointer-events:none}#chat-all{display:none}}
@media(max-width:760px){.member-theme .main:has(.downlow-chat){padding:0;min-height:0;height:100%}.member-theme .panel.downlow-chat{padding:12px;height:100%;min-height:0;border-radius:20px;gap:8px}.chat-intro h1{font-size:25px}.chat-intro p{display:none}.downlow-chat .chat-layout{display:flex;flex-direction:column;gap:8px}.chat-picker{padding:0;border-right:0;flex-shrink:0}.chat-picker[open]{max-height:48%;overflow:auto}.chat-picker>summary span{display:inline;margin-left:8px}.downlow-chat .chat-picker nav{order:initial;padding:10px}.downlow-chat #chat-thread{order:initial;flex:1;min-height:140px}.chat-conversation-head{padding:8px 10px;gap:8px}.chat-conversation-head h2{font-size:19px}.chat-conversation-head .eyebrow{display:none}.chat-tools summary{font-size:11px}.chat-history{padding:10px}.downlow-chat #chat-compose{padding:8px}.downlow-chat #chat-compose>button{padding:12px}.chat-welcome{padding:16px}}

/* Responsive containment and iPhone form focus sizing, without disabling zoom. */
html{width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body,#app{max-width:100%;min-width:0}.shell,.main,#view,.panel,form,fieldset,.heading>div,.chat-layout>*{min-width:0}img,video,canvas{max-width:100%}input,textarea,select{max-width:100%;min-width:0}h1,h2,h3,p,strong,a{overflow-wrap:anywhere}.toolbar,.actions{flex-wrap:wrap}.member-theme .shell{overflow-x:hidden}dialog{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.profile-picture-upload{margin:18px 0}.profile-picture-upload input{font-size:16px}.photo-grid{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr))}
@media(max-width:760px){input,textarea,select,.chat-compose-label textarea,.share-row select{font-size:16px!important}.share-row{grid-template-columns:24px minmax(0,1fr)}.share-row select{grid-column:2;width:100%}.person{flex-wrap:wrap;gap:12px}.person .actions{max-width:100%}.member-footer{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:calc(100% - 20px);max-width:calc(100% - 20px);padding:8px}.member-footer button{padding:10px 2px;min-width:0;font-size:12px}.material-control{grid-template-columns:minmax(0,1fr)}.heading h1{font-size:clamp(28px,8vw,37px)}.header{gap:10px}.header .pill{font-size:10px;white-space:normal}.steps{grid-template-columns:minmax(0,1fr)}.main .toolbar{gap:8px}}

.gallery-photo-upload{display:block;flex:1 1 260px;max-width:100%;min-width:0}.gallery-photo-upload input{display:block;width:100%;font-size:16px;min-height:48px}input[type=file]::file-selector-button{cursor:pointer;padding:10px 14px;margin-right:10px;border:1px solid currentColor;border-radius:12px;font:inherit;background:var(--accent,#7059a3);color:white}.gallery-photo-upload+.hint{flex:1 1 200px}
/* Compact introduction and a single horizontal permission-filtered feed. */
.member-theme .member-brand-header{min-height:calc(52px + env(safe-area-inset-top));padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:8px}.member-brand-header .brand{font-size:20px}.member-theme .shell{inset:calc(52px + env(safe-area-inset-top)) 0 calc(70px + env(safe-area-inset-bottom))}.member-theme .member-footer{padding:5px 8px}.member-footer button{min-height:44px;padding:8px}.member-theme .main{padding:18px}.member-theme .panel.member-identity{padding:18px;margin-bottom:12px}.profile-intro{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:start}.profile-intro .member-avatar{width:100%;height:124px;object-fit:cover;border-radius:22px;margin:0;float:none}.avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:35px;background:var(--panel2);color:var(--muted)}.profile-intro-copy{min-width:0}.profile-slogan{font-size:12px;margin:0 0 7px;letter-spacing:.02em;color:var(--accent)}.member-identity .profile-intro h1{font-size:clamp(24px,3vw,38px);line-height:1.12;margin:0 0 10px}.profile-byline{font-size:12px;margin:0 0 8px;line-height:1.5}.profile-byline span{color:var(--muted)}.profile-statement{font-size:14px;line-height:1.5;margin:0;white-space:pre-line}.profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.profile-actions button{min-height:44px}.member-theme .panel.shared-feed{display:block;padding:16px;margin:0 0 16px}.shared-feed-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.shared-feed-heading h2{font-size:23px;margin:0}.shared-feed #catchup-news{font-size:12px;margin:6px 0 12px}.shared-photo-strip{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:6px;max-width:100%}.shared-photo-tile{display:flex;flex-direction:column;flex:0 0 128px;min-width:0;gap:0;padding:0;overflow:hidden;border-radius:18px;scroll-snap-align:start}.shared-photo-tile img{width:128px;height:128px;object-fit:cover}.shared-photo-tile span{font-size:11px;padding:7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.photo-picker{border:1px dashed var(--accent);border-radius:24px;padding:16px;margin:18px 0;background:var(--panel2)}.picker-target{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:130px;text-align:center;cursor:pointer;border-radius:18px;color:var(--ink);background:#ffffff05}.picker-target input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0}.picker-target:focus-within{outline:2px solid var(--accent);outline-offset:3px}.picker-plus{font-size:36px;line-height:1}.picker-target>span:last-of-type{font-size:12px;color:var(--muted)}.picker-previews{display:flex;gap:10px;overflow-x:auto;padding-top:10px}.picker-previews:empty{display:none}.picker-previews figure{margin:0;flex:0 0 90px;min-width:0}.picker-previews img{width:90px;height:90px;object-fit:cover;border-radius:12px}.picker-previews figcaption{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}.picker-status{font-size:13px;margin:12px 0;overflow-wrap:anywhere}.picker-actions{display:flex;flex-wrap:wrap;gap:8px}.picker-actions button{min-height:44px}.upload-success{padding:14px;border:1px solid var(--good);border-radius:16px;color:var(--good)}
@media(max-width:760px){.member-theme .main{padding:12px 8px 24px}.member-theme .panel.member-identity{padding:14px}.profile-intro{grid-template-columns:78px minmax(0,1fr);gap:12px}.profile-intro .member-avatar{height:100px;border-radius:18px}.member-identity .profile-intro h1{font-size:25px}.profile-slogan{font-size:11px}.profile-statement{font-size:13px}.profile-actions button{padding:8px 12px;font-size:12px}.photo-picker{padding:12px}.member-theme .member-footer{padding:5px}.member-theme .shell{padding:8px}}
.brand-logo-window{position:relative;display:block;width:210px;height:44px;overflow:hidden;border-radius:10px;flex-shrink:0}.brand .brand-logo-window img{position:absolute;width:320px;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)}.guestbook-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.guestbook-heading h2{margin:0}.gallery-guestbook{margin-top:20px}.guestbook-notes article{padding:14px 0;border-bottom:1px solid var(--line)}.guestbook-notes article p{white-space:pre-wrap;margin:8px 0}.guestbook-notes small{color:var(--muted)}.gallery-guestbook form button{margin-top:12px}.guestbook-status{font-size:13px;margin-top:12px}
.member-theme .member-brand-header{height:calc(60px + env(safe-area-inset-top));min-height:0}.member-theme .shell{top:calc(60px + env(safe-area-inset-top))}
.member-identity .profile-intro-copy{text-align:left}.member-identity .profile-slogan{color:var(--ink)}
[hidden]{display:none!important}

.contact-menu{position:relative;flex-shrink:0}.contact-menu summary{cursor:pointer;padding:10px 12px;min-height:44px;border:1px solid var(--line);border-radius:12px}.contact-menu-panel{position:absolute;right:0;top:100%;z-index:40;width:250px;max-width:85vw;padding:16px;background:#211d22;color:#f4efe8;border:1px solid #ffffff30;border-radius:14px;box-shadow:0 8px 25px #0006}.contact-menu-panel a,.contact-reveal a{overflow-wrap:anywhere}.contact-reveal{font-size:13px;line-height:1.5;padding:10px 0}.brand:not(a){cursor:default}.brochure-header .contact-menu{margin-left:auto}

.image-report-link{font-size:12px;min-height:44px;padding:8px 10px;opacity:.85}.image-report-link:hover,.image-report-link:focus-visible{opacity:1}
.reported-evidence{max-width:100%;height:auto}
.participant-picker .picker-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));overflow:visible}.participant-picker .picker-previews figure{padding:12px;border:1px solid var(--line);border-radius:14px}.participant-picker .picker-previews figcaption{max-width:100%}.participant-picker .picker-previews label{font-size:13px}.participant-fields p{font-size:12px;line-height:1.5}.participant-fields textarea{min-height:90px;width:100%;box-sizing:border-box}

.review-actions{display:flex;gap:12px;flex-wrap:wrap;position:sticky;bottom:0;padding:12px 0;background:var(--panel)}.review-actions button{min-height:48px;flex:1}.verification-slot img{max-width:100%;object-fit:contain}

/* Compact administrator directory */
.admin-navigation{max-width:320px;margin-bottom:16px}.admin-navigation select{margin-top:4px}.admin-session-note{font-size:12px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.admin-stats>div{padding:12px;border:1px solid var(--line,#49414c);border-radius:8px}.admin-stats strong{display:block;font-size:24px}.admin-stats span,.admin-stat-note{font-size:12px}.admin-stat-note{line-height:1.5;opacity:.8}.admin-regional-stats{margin:14px 0}.admin-regional-stats>div{display:flex;flex-wrap:wrap;gap:5px;max-height:200px;overflow:auto;padding:8px 0}.admin-regional-stats button{font-size:12px;padding:6px 9px;min-height:30px}.admin-regional-stats button span{opacity:.75}.admin-directory-filters{display:flex;gap:12px;flex-wrap:wrap}.admin-directory-filters label{flex:1;min-width:180px}.admin-table-wrap{overflow:auto}.admin-member-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.3}.admin-member-table th{text-align:left;font-size:11px;padding:6px 8px;border-bottom:1px solid var(--line,#49414c)}.admin-member-table td{padding:3px 8px;border-bottom:1px solid var(--line,#49414c)}.admin-member-table td:first-child{width:50%}.admin-member-table button{display:block;width:100%;text-align:left;border:0;background:transparent;color:inherit;font-size:12px;line-height:1.35;padding:5px 0;min-height:28px;border-radius:3px}.admin-member-table button span{opacity:.65;margin-left:6px}.admin-member-table tr:hover{background:rgba(160,130,180,.08)}.admin-member-table button:focus-visible{outline:2px solid currentColor}.admin-bio{white-space:pre-wrap}.admin-profile-photos{display:flex;gap:8px;flex-wrap:wrap}.admin-profile-photos img{width:100px;height:100px;object-fit:cover;border-radius:8px}@media(max-width:600px){.admin-member-table td{padding:3px 5px}.admin-member-table button span{display:block;margin:0}.admin-stats{grid-template-columns:repeat(3,1fr)}.admin-stats>div{padding:8px}.admin-stats strong{font-size:20px}}

.admin-member-table td:first-child{width:auto}.admin-member-table td:nth-child(2){overflow-wrap:anywhere}.admin-member-table td:last-child{white-space:nowrap}.admin-member-table a{color:inherit}.admin-member-table small{font-size:10px;opacity:.7}@media(max-width:600px){.admin-member-table{font-size:11px}.admin-member-table button{font-size:11px}.admin-member-table th{font-size:10px;padding:5px}.admin-member-table td{padding:4px}}

.admin-session-note{padding:6px 10px;margin-bottom:8px;border-radius:6px}.admin-heading{margin:0 0 8px;gap:8px}.admin-heading h1{font-size:26px;margin:0}.admin-heading button{padding:6px 10px;font-size:12px;min-height:30px}.admin-navigation{font-size:11px;margin:0 0 8px}.admin-navigation select,.admin-directory-filters select{padding:5px 9px;margin-top:3px;min-height:32px;font-size:12px;border-radius:6px}.admin-stats>div{padding:6px 9px}.admin-stats strong{font-size:20px;line-height:1.2}.admin-stats span{font-size:11px}.admin-stat-note{margin:5px 0 8px;font-size:11px}.admin-regional-stats{margin:8px 0;font-size:12px}.admin-regional-stats>div{padding:5px 0;max-height:96px}.admin-regional-stats button{padding:3px 7px;min-height:24px}.admin-directory-filters{gap:8px;align-items:start}.admin-directory-filters label{margin:0;font-size:11px;min-width:140px}.admin-member-table button{padding:2px 0;min-height:24px}.admin-member-table td{padding:1px 8px}@media(max-width:600px){.admin-stats>div{padding:5px}.admin-stats strong{font-size:18px}.admin-member-table td{padding:2px 4px}}
.password-field{position:relative;display:block;margin-top:7px}.password-field input{margin-top:0;padding-right:56px}.password-field .password-eye{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:44px;height:44px;min-height:44px;padding:10px;margin:0;border:0;background:transparent;border-radius:7px;color:var(--ink,#f4efe8)}.password-eye svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-eye .eye-slash{display:none}.password-eye[aria-pressed=true] .eye-slash{display:block}
/* Phone-first frame: safe-area space belongs inside the bottom bar. */
:root{--member-footer-height:calc(60px + env(safe-area-inset-bottom,0px))}
.member-theme .member-footer{bottom:0;left:0;right:0;transform:none;width:100%;max-width:none;height:var(--member-footer-height);margin:0;border-radius:18px 18px 0 0;padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));box-sizing:border-box}
.member-theme .member-footer button{min-width:0;min-height:44px;padding:8px 2px}
.member-theme .shell{bottom:var(--member-footer-height);padding-bottom:8px;scroll-padding-block:20px}
.member-theme .main{min-width:0;padding-bottom:28px}
.member-theme #toast:not(:empty){z-index:100;bottom:calc(var(--member-footer-height) + 12px);width:max-content;max-width:calc(100vw - 24px);max-height:35dvh;overflow:auto;line-height:1.5;overflow-wrap:anywhere}
.error:not(:empty),#avatar-status,.picker-status{scroll-margin-block:24px;overflow-wrap:anywhere}
@media(max-width:760px){.member-theme .panel{padding:16px}.member-theme .heading{flex-wrap:wrap;gap:12px}.member-theme .main{padding:12px 8px 28px}.member-theme .member-footer button{font-size:12px}}