:root{--paper:#fffdf8;--plaster:#f5f0e8;--ink:#352e2a;--muted:#92877e;--coral:#ff5d68;--tangerine:#ff913f;--rule:#ece3d8;--danger:#b94d40;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}.filters{position:absolute;width:0;height:0}.toast-stack{position:fixed;z-index:30;top:env(safe-area-inset-top,12px);left:50%;transform:translateX(-50%);width:min(330px,88vw)}.toast{padding:11px 15px;background:#352e2a;color:white;border-radius:12px;text-align:center;box-shadow:0 5px 18px #342b261c}.toast.error{background:var(--danger)}a{color:inherit;text-decoration:none}.empty-state{min-height:100dvh;display:grid;place-content:center;text-align:center;padding:24px}.empty-state h1{margin:12px 0 6px;font-size:22px}.empty-state p{color:var(--muted)}.empty-mark{font-size:36px;color:var(--coral)}.simple-header .header-logout{justify-self:end;display:flex;align-items:center;min-width:38px}.simple-header .header-logout button{border:0;background:none;padding:5px 6px;color:#a47666;font-size:13px;cursor:pointer;white-space:nowrap}.simple-header .header-logout button:hover{color:var(--danger)}
/* white wall */.wall-page{height:100dvh;overflow:hidden;touch-action:none;background:var(--plaster)}.wall-topbar{position:fixed;z-index:10;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top) + 13px) 20px 13px;display:flex;justify-content:space-between;background:linear-gradient(to bottom,#fffdf8ef 65%,#fffdf800);pointer-events:none}.wall-topbar>*{pointer-events:auto}.wall-topbar h1{font-family:Georgia,"Songti SC",serif;letter-spacing:.06em;margin:0;font-size:20px}.wall-topbar p{font-size:10px;color:var(--muted);margin:3px 0 0}.round-icon,.wall-tools button{display:grid;place-items:center;border:0;border-radius:50%;background:#fffefa;color:#746960;box-shadow:0 2px 7px #5e4a3b19}.round-icon{width:32px;height:32px;font-size:20px}.wall-viewport{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 45% 48%,#fffefa 0 35%,#f9f3eb 100%);cursor:grab}.wall-viewport.dragging{cursor:grabbing}.wall-surface{position:absolute;width:5200px;height:3800px;transform-origin:0 0;will-change:transform;background-image:radial-gradient(#d8d0c51f 1px,transparent 1px);background-size:18px 18px}.wall-empty{position:absolute;top:1850px;left:2450px;width:300px;display:grid;text-align:center;gap:10px;color:#b5a99c}.wall-empty span{font-size:42px}.wall-empty strong{font-size:16px}.wall-empty small{font-size:12px}.note{--age:0;position:absolute;width:260px;touch-action:none;transform:rotate(var(--tilt,-2deg));transition:filter .45s,transform .28s;filter:sepia(calc(var(--age) * .82)) saturate(calc(1 - var(--age) * .45)) brightness(calc(1 - var(--age) * .12));user-select:none}.note:nth-of-type(3n){--tilt:2.5deg}.note:nth-of-type(4n){--tilt:-4deg}.note:nth-of-type(5n){--tilt:1deg}.note .paper{position:relative;min-height:138px;padding:26px 21px 15px;background:#fff9e8;clip-path:polygon(1% 4%,8% 1%,17% 3%,28% 0,38% 2%,51% 1%,60% 3%,73% 0,84% 2%,97% 1%,99% 11%,97% 22%,100% 35%,98% 49%,100% 63%,97% 75%,99% 89%,93% 99%,82% 97%,69% 100%,56% 98%,44% 100%,33% 97%,20% 100%,9% 97%,0 91%,2% 78%,0 64%,2% 52%,0 39%,3% 24%);box-shadow:0 4px 11px #79664d2b}.note .paper:after{content:"";pointer-events:none;position:absolute;inset:0;opacity:calc(var(--age) * .78);background:radial-gradient(ellipse at 72% 21%,#7b532245 0 8%,transparent 25%),radial-gradient(ellipse at 21% 83%,#825c2a38 0 10%,transparent 29%),linear-gradient(137deg,transparent 44%,#7a5c4028 45%,transparent 46%);mix-blend-mode:multiply}.note .pin{position:absolute;z-index:2;top:-13px;left:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:#ff6d6e;border:2px solid #fff7e8;box-shadow:0 2px 3px #6231254d}.note-type{font-size:10px;color:#e06166;letter-spacing:.08em}.note p{position:relative;margin:10px 0 15px;line-height:1.6;font-family:Georgia,"Songti SC",serif;font-size:15px;color:#564940;word-break:break-word}.note footer{position:relative;display:flex;justify-content:space-between;font-size:10px;color:#a89989}.note footer a{text-decoration:underline;text-underline-offset:2px}.note-photo{position:relative;z-index:1;width:calc(100% + 42px);margin:-26px -21px 15px;display:block;aspect-ratio:1.52;object-fit:cover;border-bottom:7px solid #fffdf6;filter:sepia(calc(var(--age) * .9)) saturate(calc(1 - var(--age) * .6)) contrast(calc(1 - var(--age) * .12))}.note .polish-hint{position:absolute;z-index:3;right:12px;bottom:37px;font-style:normal;font-size:10px;color:#8d5d31;background:#fff8d9dd;padding:4px 7px;border-radius:8px;opacity:0;transition:opacity .3s}.note.needs-care .polish-hint{opacity:1}.note.polished{animation:polished .65s ease-out}.note.polished .paper{box-shadow:0 0 20px #ffce64cc}@keyframes polished{0%{transform:scale(1);filter:brightness(1)}45%{transform:scale(1.08);filter:brightness(1.3) saturate(1.45)}100%{transform:scale(1);filter:none}}.wall-tools{position:fixed;z-index:11;right:17px;bottom:138px;display:grid;gap:9px}.wall-tools button{width:35px;height:35px;font-size:19px}.freshness{position:fixed;z-index:11;left:16px;bottom:112px;width:128px;padding:11px 12px;background:#fffefaed;border-radius:14px;box-shadow:0 2px 8px #55422c12;color:#87796e;font-size:9px}.freshness b{display:block;font-weight:500;margin-bottom:7px}.freshness span{display:block;margin-top:3px}.freshness i{display:inline-block;width:24px;height:4px;margin-right:5px;vertical-align:middle;border-radius:5px;background:linear-gradient(90deg,#f8d89e,#bf8b55)}.freshness span+span i{background:linear-gradient(90deg,#f16a69,#f6be75)}.write-fab{position:fixed;z-index:12;bottom:calc(env(safe-area-inset-bottom) + 19px);left:50%;transform:translateX(-50%);height:48px;padding:0 23px;display:flex;align-items:center;gap:7px;color:#fff;font-weight:700;border-radius:26px;background:linear-gradient(100deg,var(--coral),var(--tangerine));box-shadow:0 9px 20px #ff5d6852;white-space:nowrap}.write-fab span{font-size:19px}
/* forms */.simple-header{height:58px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:0 17px;border-bottom:1px solid var(--rule)}.simple-header h1{text-align:center;font-size:16px;margin:0}.simple-header>a,.simple-header>button{font-size:17px;border:0;background:none;padding:0;color:var(--ink)}.simple-header>a:last-child{font-size:13px;text-align:right}.form-page,.list-page,.detail-page{min-height:100dvh;background:#fffdf9}.quota{margin:18px 21px 8px;color:var(--muted);font-size:12px}.quota b{color:var(--coral);font-size:16px}.post-form{padding:14px 20px 40px}.category-picker{border:0;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.category-picker legend{width:100%;margin-bottom:9px;font-size:13px;color:#766a60}.category-picker label input{display:none}.category-picker label span{display:block;padding:14px 12px;border:1px solid var(--rule);border-radius:15px;background:#fffbf3;text-align:center;color:#876d5e;transition:.15s}.category-picker label input:checked+span{border-color:#ff9181;background:#fff0e8;color:#d75d56;box-shadow:inset 0 0 0 1px #ffb0a3}.message-box{position:relative;display:block}.message-box textarea{display:block;width:100%;height:154px;padding:16px;border:1px solid var(--rule);border-radius:16px;resize:none;outline:0;background:#fffefa;color:var(--ink);line-height:1.65}.message-box textarea:focus{border-color:#f1b3a3}.message-box span{position:absolute;right:13px;bottom:10px;color:#b3a79c;font-size:11px}.photo-picker{position:relative;margin:12px 0;display:flex;min-height:48px;align-items:center;justify-content:center;border:1px dashed #e0c8b3;border-radius:14px;color:#a57754;background:#fffcf7;overflow:hidden}.photo-picker input{position:absolute;opacity:0;inset:0}.photo-picker img{display:none;width:100%;max-height:170px;object-fit:cover}.photo-picker.has-image span{display:none}.photo-picker.has-image img{display:block}.switch-row{display:flex;align-items:center;gap:9px;margin:18px 2px;color:#5d5149}.switch-row input{appearance:none;width:40px;height:23px;border-radius:20px;background:#dcd4ca;transition:.2s}.switch-row input:checked{background:var(--coral)}.switch-row input:before{content:"";display:block;width:17px;height:17px;margin:3px;border-radius:50%;background:white;transition:.2s}.switch-row input:checked:before{transform:translateX(17px)}.switch-row i{margin-left:auto;font-style:normal;color:#b6aaa0;font-size:11px}.review-note{padding:12px;border-radius:11px;background:#fff3ed;color:#9a725e;font-size:11px;line-height:1.5}.primary-button{display:block;width:100%;height:49px;border:0;border-radius:15px;background:linear-gradient(100deg,var(--coral),var(--tangerine));color:#fff;font-weight:700;box-shadow:0 6px 13px #ff7c5440}.form-error{margin:6px 0;color:var(--danger);font-size:12px}.auth-page{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 17px) 26px 40px;background:radial-gradient(circle at 95% 16%,#ffece3 0 8%,transparent 25%),#fffdf9}.back{font-size:16px}.auth-intro{margin:64px 0 34px}.auth-intro span{color:var(--coral);font-size:30px}.auth-intro h1{font-family:Georgia,"Songti SC",serif;margin:10px 0;line-height:1.35;font-size:29px;letter-spacing:.03em}.auth-intro p{color:var(--muted);font-size:12px}.auth-form label{display:block;margin:17px 0;color:#70645b;font-size:12px}.auth-form input{display:block;width:100%;height:47px;margin-top:7px;padding:0 13px;border:1px solid var(--rule);border-radius:12px;outline:0;background:#fffefa}.auth-form input:focus{border-color:#f1b3a3}.code-input{display:grid;grid-template-columns:1fr 103px;gap:8px}.code-input input{margin:7px 0 0}.code-input button{margin-top:7px;border:0;border-radius:12px;background:#fff0e9;color:#d8605d;font-size:12px}.code-input button:disabled{background:#f5f0ea;color:#bfb3a9}.terms{text-align:center;color:#b4a89e;font-size:10px;margin-top:16px}.test-tip{padding:8px;border-radius:8px;background:#fff1e2;color:#9d7652;font-size:12px}.status-summary{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 20px 14px;gap:9px}.status-summary div{padding:12px 8px;background:#fff9f3;border-radius:13px;text-align:center}.status-summary b,.status-summary span{display:block}.status-summary b{font-size:20px;font-weight:500}.status-summary span{margin-top:4px;font-size:11px;color:var(--muted)}.post-list{padding:3px 18px 30px}.post-list article{display:flex;gap:10px;padding:15px 3px;border-bottom:1px solid var(--rule)}.post-list article>div{min-width:0;flex:1}.post-list article img{width:62px;height:62px;object-fit:cover;border-radius:8px}.post-list small{margin-left:7px;color:#ad9f94;font-size:10px}.post-list p{margin:9px 0 0;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-list em{display:block;margin-top:8px;color:#b26e61;font-size:11px;font-style:normal}.status{display:inline-block;padding:3px 6px;border-radius:6px;font-size:10px}.status.pending{background:#fff1d8;color:#b67b36}.status.approved{background:#e8f4ea;color:#557e58}.status.rejected{background:#fae9e6;color:#b76c61}.empty-list{text-align:center;color:var(--muted);padding:60px}.detail-note{margin:31px 20px;padding:23px 20px;background:#fff9e8;clip-path:polygon(1% 3%,15% 0,31% 3%,51% 0,69% 3%,85% 0,99% 3%,97% 20%,100% 37%,97% 53%,100% 72%,97% 97%,79% 100%,60% 97%,42% 100%,24% 97%,3% 100%,0 80%,2% 61%,0 38%);box-shadow:0 5px 15px #77614620}.detail-note img{width:calc(100% + 40px);margin:-23px -20px 21px;display:block;max-height:330px;object-fit:cover;border-bottom:7px solid #fffdf7}.detail-note>span{font-size:12px;color:#dd6c67}.detail-note>p{margin:13px 0 28px;font-family:Georgia,"Songti SC",serif;font-size:18px;line-height:1.75;white-space:pre-wrap}.detail-note small{color:#9f9185;font-size:11px}.detail-note div{display:flex;gap:9px;margin-top:20px}.detail-note button{border:0;border-radius:11px;padding:9px 12px;background:#f7eee3;color:#725d50;font-size:12px}.detail-note #maintainButton{background:#ffe6db;color:#d7605c}.detail-page .simple-header button{font-size:12px;color:#a47666}
@media(min-width:700px){.form-page,.list-page,.detail-page,.auth-page{width:430px;margin:0 auto;box-shadow:0 0 0 1px #eadfd5;min-height:100dvh}.wall-topbar{padding-left:32px;padding-right:32px}.write-fab{bottom:26px}}
.wall-surface{width:100%;height:100%;background-color:#fffdf8;border:1px solid #e2d9ce;box-shadow:0 5px 24px #715e4930}
/* Additional discovery and moderation controls */
.top-actions{display:flex;gap:8px}.wall-categories{position:fixed;z-index:10;top:66px;left:14px;right:14px;display:flex;gap:6px;overflow:auto;padding:3px 0;scrollbar-width:none}.wall-categories a{flex:none;padding:6px 11px;border-radius:12px;background:#fffefaab;color:#917f72;font-size:11px}.wall-categories a.active{background:#fff0e8;color:#d65f59}.wall-search{position:fixed;z-index:20;top:calc(env(safe-area-inset-top) + 12px);left:15px;right:15px;display:grid;grid-template-columns:1fr 44px 28px;gap:7px;padding:8px;background:#fffdf9;border-radius:14px;box-shadow:0 6px 22px #56442f26}.wall-search[hidden]{display:none}.wall-search input{min-width:0;border:1px solid var(--rule);border-radius:9px;padding:8px}.wall-search button{border:0;border-radius:9px;background:#ffebe3;color:#cc625c}.note-author{position:relative;display:block;margin:-10px 0 12px;color:#9f7e68;font-size:10px}.display-name{display:none;margin:12px 0;color:#70645b;font-size:12px}.display-name.visible{display:block}.display-name input{display:block;width:100%;height:45px;margin-top:6px;padding:0 12px;border:1px solid var(--rule);border-radius:12px;background:#fffefa}.appeal-link{display:inline-block;margin-top:8px;color:#ca655a;font-size:11px;text-decoration:underline}.appeal-context{padding:12px;border-radius:11px;background:#fff3ed;color:#9a725e;font-size:11px;line-height:1.5}
.manage-page{background:#191817;color:#f6efe7;min-height:100dvh}.manage-shell{max-width:760px;margin:auto;padding:22px 17px 48px}.manage-header{display:flex;justify-content:space-between;align-items:start;padding:6px 0 22px}.manage-header small{color:#aa9683}.manage-header h1{margin:4px 0;font-size:22px}.manage-header a,.wall-picker a{color:#ffac82;font-size:12px}.wall-picker{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#282522;border-radius:12px}.wall-picker label{font-size:11px;color:#ad9c8e}.wall-picker select{margin-left:8px;padding:6px;border:0;border-radius:6px;background:#3a3531;color:#f6efe7}.manage-tabs{display:flex;gap:18px;margin:23px 2px 12px;border-bottom:1px solid #3d3832}.manage-tabs a{padding:9px 1px;color:#aa9c90;font-size:13px}.manage-tabs a.active{color:#ff9c77;border-bottom:2px solid #ff9c77}.manage-list article{display:flex;gap:10px;align-items:start;padding:14px 0;border-bottom:1px solid #37322d}.manage-list article>div{flex:1}.manage-list p{margin:5px 0;line-height:1.45}.manage-list small{color:#9e8e81;font-size:10px}.manage-list img{width:64px;height:64px;object-fit:cover;border-radius:8px}.manage-list form{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.manage-list button,.new-wall button{border:0;padding:6px 8px;border-radius:7px;background:#f38565;color:#2b201b;font-size:11px}.manage-list input{width:92px;border:0;border-radius:6px;padding:6px;background:#3a3531;color:#fff;font-size:11px}.manage-empty{color:#9e8e81;padding:35px 0}.new-wall{margin-top:28px;padding:13px;background:#282522;border-radius:12px;color:#f5ece2}.new-wall summary{cursor:pointer;color:#ffad85}.new-wall form{padding-top:12px}.new-wall input{display:block;width:100%;margin:5px 0 10px;padding:8px;border:0;border-radius:7px;background:#3a3531;color:#fff}

/* Member navigation and the walls saved on this device. */
.nav-page{padding-bottom:calc(env(safe-area-inset-bottom) + 78px)}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:calc(env(safe-area-inset-bottom) + 68px);padding:7px 17px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);align-items:end;background:#fffdf8f2;border-top:1px solid #eadfd4;backdrop-filter:blur(14px)}.bottom-nav>a{display:grid;justify-items:center;gap:2px;color:#a09489;font-size:10px}.bottom-nav>a span{font-size:19px;line-height:20px}.bottom-nav>a.active{color:#dc625d}.bottom-nav .nav-compose{place-self:start center;display:grid;place-items:center;width:49px;height:49px;margin-top:-28px;border:4px solid #fff8f1;border-radius:50%;background:linear-gradient(135deg,var(--coral),var(--tangerine));box-shadow:0 6px 16px #e8755445;color:#fff;font-size:30px;line-height:1}.wall-page .wall-tools{bottom:116px}.wall-page .freshness{bottom:91px}.joined-page{min-height:100dvh;background:#fffdf9}.joined-intro{display:flex;gap:12px;align-items:center;padding:25px 20px 18px}.joined-intro>span{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#fff0e8;color:#d9675e;font-size:22px}.joined-intro h2{margin:0;font-size:17px}.joined-intro p{margin:4px 0 0;color:var(--muted);font-size:11px}.joined-list{padding:0 18px}.joined-card{display:grid;grid-template-columns:minmax(0,1fr) 75px;gap:9px;padding:13px;margin-bottom:10px;border:1px solid var(--rule);border-radius:15px;background:#fffefa}.joined-card-main{display:grid;align-content:center;gap:6px;min-width:0}.joined-card-main strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.joined-card-main span{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.joined-qr{display:block;width:75px;height:75px;padding:4px;border:1px solid #eee4d8;border-radius:10px;background:#fff}.joined-qr img{display:block;width:100%;height:100%;object-fit:contain}.joined-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.joined-actions button{border:0;border-radius:8px;padding:6px 9px;background:#fff0e9;color:#ca645d;font-size:11px}.joined-empty{display:grid;justify-items:center;gap:10px;padding:68px 35px;text-align:center;color:var(--muted)}.joined-empty span{font-size:34px;color:#d9b39a}.joined-empty strong{color:#73665d;font-size:15px}.joined-empty p{margin:0;font-size:12px;line-height:1.6}.post-wall-name{display:block;margin-bottom:7px;color:#c8635e;font-size:11px}

.wall-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.wall-canvas:active{cursor:grabbing}

.qr-preview-dialog{width:min(390px,calc(100vw - 32px));padding:0;border:0;border-radius:20px;background:#fffdf8;color:var(--ink);box-shadow:0 16px 50px #2d211b38}.qr-preview-dialog::backdrop{background:#24191499}.qr-preview-dialog section{position:relative;display:grid;justify-items:center;gap:12px;padding:27px 22px 22px;text-align:center}.qr-preview-dialog p{margin:0;color:#b27462;font-size:11px}.qr-preview-dialog h2{margin:0;font-size:19px}.qr-preview-dialog img{width:min(286px,75vw);aspect-ratio:1;object-fit:contain;padding:8px;border:1px solid var(--rule);border-radius:14px;background:#fff}.qr-preview-dialog small{color:var(--muted);font-size:11px}.qr-preview-dialog section>div{display:flex;gap:9px;width:100%;margin-top:4px}.qr-preview-dialog a,.qr-preview-share{flex:1;border:0;border-radius:10px;padding:10px 8px;background:#fff0e9;color:#ca645d;font-size:12px;text-align:center}.qr-preview-dialog a{background:#f3ede5;color:#74665c}.qr-preview-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border:0;border-radius:50%;background:#f4eee7;color:#7d7065;font-size:20px;line-height:1}
.admin-console .wall-access{display:flex;gap:11px;margin-top:13px}.admin-console .wall-access>img{width:72px;height:72px;padding:3px;border:1px solid #38352f;border-radius:8px;background:#fff;cursor:zoom-in}.admin-console .wall-access>div{min-width:0;flex:1}.admin-console .wall-access code{margin:0 0 7px}.admin-console .wall-url{display:block;overflow:hidden;color:#cfc1b2;font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.cursor-list-sentinel{min-height:28px;margin:0 18px 20px;color:var(--muted);font-size:11px;text-align:center}.cursor-list-sentinel.cursor-retry{padding:9px;border-radius:9px;background:#fff0e9;color:#c8665e;cursor:pointer}

/* ===== PC (≥1024px) responsive — mobile untouched ===== */
@media(min-width:1024px){
  /* logging: split hero + form, full-width, no narrow phone box */
  .auth-page{width:auto;margin:0;box-shadow:none;padding:0;display:flex;min-height:100dvh;background:radial-gradient(circle at 92% 12%,#ffece3 0 9%,transparent 30%),#fffdf9}
  .auth-page .back{position:absolute;top:26px;left:30px;font-size:15px;z-index:2}
  .auth-intro{margin:0;padding:9vh 8vw 0;width:44%;align-self:center}
  .auth-intro span{font-size:44px}
  .auth-intro h1{font-size:40px;max-width:420px;line-height:1.25}
  .auth-intro p{font-size:14px;margin-top:14px}
  .auth-form{width:360px;margin:0;padding:34px 30px;align-self:center;background:#fffefa;border-radius:18px;box-shadow:0 10px 34px #6b594319}
  .auth-form label{font-size:13px}
  /* content pages become wider centered column */
  .form-page,.list-page,.detail-page{width:auto;margin:0;box-shadow:none}
  .list-page .post-list,.form-page .post-form,.detail-page .detail-note{max-width:760px;margin-left:auto;margin-right:auto}
  .simple-header{max-width:none}
  .simple-header h1{font-size:18px}
  .status-summary{max-width:620px;margin:0 auto;padding-top:26px}
  .joined-page .joined-intro{max-width:760px;margin:0 auto}
  .joined-list{max-width:760px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:0}
  .joined-empty{max-width:760px;margin:0 auto}
  /* bottom nav stays at the bottom on desktop, centered & capped width */
  .bottom-nav{bottom:0;top:auto;left:50%;transform:translateX(-50%);width:min(760px,92vw);padding:7px 17px calc(env(safe-area-inset-bottom) + 8px);border-top:1px solid #eadfd4;border-bottom:none;border-radius:16px 16px 0 0;box-shadow:0 -6px 18px #55422c12}
  .bottom-nav>a{gap:3px;font-size:11px}
  .bottom-nav>a span{font-size:18px}
  .bottom-nav .nav-compose{place-self:start center;width:46px;height:46px;margin-top:-24px}
  .nav-page{padding-bottom:calc(env(safe-area-inset-bottom) + 78px)}
  .wall-page{padding-top:0}
  .wall-topbar{padding-top:20px}
  .wall-topbar h1{font-size:24px}
  .write-fab{bottom:30px}

  .simple-header .header-logout{justify-self:end;display:flex;align-items:center}
  .simple-header .header-logout button{border:0;background:none;color:#a47666;font-size:13px;padding:4px 8px;cursor:pointer}
  .simple-header .header-logout button:hover{color:var(--danger)}
}