:root{--bg:#06111b;--panel:#0b1c29;--panel2:#0f2635;--text:#eef8ff;--muted:#a1b4c1;--line:#213a48;--accent:#75e4c4;--accent2:#42bbd0;--danger:#ed747d;--warn:#ffd574}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:#06111b;color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","Noto Sans TC","Microsoft JhengHei",sans-serif;min-height:100vh;overflow-x:hidden}
.site-bg-fallback{position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 18% 18%,rgba(28,115,128,.30),transparent 34%),radial-gradient(circle at 82% 72%,rgba(37,118,93,.25),transparent 38%),linear-gradient(145deg,#04101a,#081b27 65%,#04111b)}
.site-bg-image{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-4;opacity:.50;filter:saturate(1.08) contrast(1.05) brightness(.92);pointer-events:none}
.site-bg-overlay{position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,rgba(3,12,20,.42),rgba(3,12,20,.72));pointer-events:none}
.intro-stage{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(210px,.45fr);gap:8px;align-items:center}
.intro-copy{display:flex;flex-direction:column;gap:14px;position:relative;z-index:2}
.intro-character{position:relative;height:330px;align-self:center;overflow:visible;background:transparent;border:0;border-radius:0;margin-left:-18px;pointer-events:none;
-webkit-mask-image:radial-gradient(ellipse 76% 72% at 54% 50%,#000 35%,rgba(0,0,0,.92) 50%,rgba(0,0,0,.55) 67%,transparent 88%);
mask-image:radial-gradient(ellipse 76% 72% at 54% 50%,#000 35%,rgba(0,0,0,.92) 50%,rgba(0,0,0,.55) 67%,transparent 88%)}
.intro-character-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:.90;filter:saturate(.98) contrast(1.03) brightness(.95);mix-blend-mode:screen;transform:scale(.86)}
.intro-character:before{content:"";position:absolute;inset:-10%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(4,16,26,.12) 68%,rgba(4,16,26,.58) 88%,rgba(4,16,26,.94) 100%)}
.intro-character:after{content:"";position:absolute;inset:-13%;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,rgba(4,16,26,.15) 74%,rgba(4,16,26,.55) 91%,rgba(4,16,26,.94) 100%);filter:blur(9px)}
.intro-character-note{position:absolute;z-index:3;left:12%;right:12%;bottom:-8px;padding:8px 10px;border:0;border-radius:0;background:transparent;font-size:13px;color:var(--muted);text-align:center;text-shadow:0 2px 10px #000}
@media(max-width:850px){.intro-stage{grid-template-columns:1fr}.intro-character{width:min(78vw,420px);height:260px;margin:0 auto}.intro-character-image{object-fit:contain;transform:scale(.88)}}

a{color:inherit}.wrap{width:min(var(--wrap-max,1120)px,calc(100% - 32px));margin:auto}.top{position:sticky;top:0;z-index:30;background:#06111be9;border-bottom:1px solid #ffffff12;backdrop-filter:blur(14px)}.topin{min-height:64px;display:flex;align-items:center;gap:12px}.brand{text-decoration:none;font-weight:950;font-size:19px;padding:8px 9px;border-radius:10px}.brand:hover{background:#fff1}.nav{display:flex;gap:5px;flex:1}.nav a,.navbtn{border:0;background:transparent;color:#cadae3;text-decoration:none;padding:9px 10px;border-radius:10px;cursor:pointer;font:inherit}.nav a:hover,.nav a.active,.navbtn:hover{background:#fff1;color:white}.inline{display:inline}.actions{display:flex;align-items:center;gap:6px}.page{padding:38px 0 75px}.head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:20px}.head h1{margin:0 0 8px;font-size:clamp(30px,5vw,46px)}.muted{color:var(--muted);line-height:1.7}.card{background:#0b1c29e8;border:1px solid #ffffff14;border-radius:16px;padding:20px;box-shadow:0 20px 50px #0004}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.two{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,.65fr);gap:15px}.stack{display:grid;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:39px;border-radius:10px;border:1px solid transparent;padding:8px 13px;font-weight:850;text-decoration:none;cursor:pointer}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#052028}.secondary{background:#fff1;border-color:#ffffff15;color:var(--text)}.danger{background:#ed747d20;border-color:#ed747d40;color:#ffc6ca}.warn{background:#ffd57418;border-color:#ffd57433;color:#ffe4a0}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}input,textarea,select{width:100%;background:#071722;color:var(--text);border:1px solid #294654;border-radius:10px;padding:11px 12px;font:inherit}textarea{min-height:130px;resize:vertical}.field{display:grid;gap:6px;margin-bottom:13px}.field label{font-size:12px;font-weight:850}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#fff1;font-size:11px;color:#bdd0db}.success{color:#91f2d6}.err{padding:11px 13px;border-radius:10px;border:1px solid #ed747d44;background:#ed747d14;color:#ffc7cb;margin-bottom:12px}.ok{padding:11px 13px;border-radius:10px;border:1px solid #75e4c444;background:#75e4c414;color:#a5f5de;margin-bottom:12px}.item{padding:17px;border:1px solid #ffffff11;border-radius:13px;background:#ffffff06}.inquiry-main{padding:24px}.inquiry-main .item{padding:18px 20px}.compact-ask{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:0 0 14px}.compact-ask textarea{min-height:62px!important;max-height:110px;resize:vertical}.compact-ask .btn{height:44px;white-space:nowrap}@media(max-width:650px){.compact-ask{grid-template-columns:1fr}.compact-ask .btn{width:100%}}.restricted-inquiry{margin-top:12px;padding:16px;border-radius:12px;border:1px dashed #ffffff20;background:#ffffff05;text-align:center}
.inquiry-main{padding:18px}
.inquiry-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 12px}
.inquiry-count{font-weight:850}
.inquiry-list{display:grid;gap:0;border:1px solid #ffffff10;border-radius:14px;overflow:visible}
.inquiry-entry{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px 11px;background:#ffffff04;border-bottom:1px dashed #ffffff18;min-height:58px}
.inquiry-entry:last-child{border-bottom:0}
.inquiry-avatar img,.inquiry-avatar .fallback{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid #ffffff22}
.inquiry-avatar .fallback{display:grid;place-items:center;background:#ffffff0b}
.inquiry-maintext{min-width:0}
.inquiry-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;line-height:1.2}
.inquiry-name{font-weight:900}
.inquiry-question{margin:2px 0 0;line-height:1.38;white-space:pre-wrap;word-break:break-word}
.inquiry-actions{display:flex;align-items:center;gap:7px;justify-content:flex-end;flex-wrap:wrap}
.answer-reveal,.correct-reveal{min-width:104px}
.correct-reveal{background:#75e4c416;border-color:#75e4c455;color:var(--accent)}
.inquiry-mini{min-height:32px;padding:5px 9px;font-size:12px}
.answer-popover{position:absolute;z-index:50;right:10px;top:calc(100% - 1px);width:min(680px,calc(100% - 58px));padding:11px 38px 10px 13px;border-radius:11px;background:#0d3a2ef7;border:1px solid #75e4c455;box-shadow:0 18px 45px #0009;display:none;pointer-events:auto}
.answer-popover.open{display:block;animation:popIn .16s ease-out}
.answer-popover:before{content:"";position:absolute;right:48px;top:-9px;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #0d3a2e}
.answer-popover .pop-result{font-weight:900;display:inline;margin:0 8px 0 0}.answer-popover .pop-result.yes{color:#71e6a0}.answer-popover .pop-result.no{color:#ff8b93}.answer-popover .pop-result.unanswerable{color:#b9c4cb}.answer-popover .pop-result.unrelated{color:#737b81;background:#20262b;border:1px solid #3a4248;border-radius:6px;padding:2px 6px}.answer-popover .pop-result.correct{color:#7de8c8}
.answer-popover .pop-note{display:inline;padding:0;border:0;white-space:normal;line-height:1.5;overflow-wrap:anywhere}
.answer-popover .pop-close{position:absolute;right:9px;top:7px;border:0;background:transparent;color:#dcebe6;font-size:18px;cursor:pointer}
.answer-popover .pop-timer{font-size:12px;color:#c6d8d2;text-align:right;margin-top:8px}
.answer-popover .pop-progress{height:3px;background:#ffffff18;border-radius:999px;overflow:hidden;margin-top:6px}
.answer-popover .pop-progress span{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left}
.answer-popover.open .pop-progress span{animation:popCountdown 10s linear forwards}
.compact-ask{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;margin:0}
.compact-ask textarea{min-height:46px!important;height:46px;max-height:88px;resize:vertical;padding:10px 12px}
.compact-ask .btn{height:42px;white-space:nowrap}
.closed-ask-notice{padding:12px 14px;border:1px solid #ffffff15;border-radius:11px;background:#ffffff05;color:var(--muted)}
@keyframes popIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes popCountdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:720px){
 .inquiry-entry{grid-template-columns:36px minmax(0,1fr) auto;padding:7px 9px;gap:7px;min-height:52px}
 .inquiry-avatar img,.inquiry-avatar .fallback{width:32px;height:32px}
 .inquiry-actions{grid-column:auto;justify-content:flex-end;margin-top:0}
 .answer-popover{position:absolute;right:7px;top:calc(100% - 1px);grid-column:auto;width:min(92vw,620px);margin-top:0}
 .answer-popover:before{right:34px}
 .compact-ask{grid-template-columns:1fr}
 .compact-ask .btn{width:100%}
 .inquiry-toolbar{align-items:flex-start;flex-direction:column}
}
.online-dock{position:fixed;right:10px;top:82px;z-index:29;width:auto;max-width:min(280px,calc(100vw - 20px));border:1px solid #ffffff18;border-radius:12px;background:rgba(4,14,23,.82);backdrop-filter:blur(12px);box-shadow:0 8px 26px #0004;overflow:hidden}.online-dock>summary{list-style:none;cursor:pointer;user-select:none}.online-dock>summary::-webkit-details-marker{display:none}.online-title{display:flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;font-weight:800;font-size:12px;white-space:nowrap}.online-dot{color:#75e4c4;font-size:10px}.online-chevron{margin-left:auto;transition:transform .18s ease}.online-dock[open] .online-chevron{transform:rotate(180deg)}.online-list{display:flex;flex-direction:column;gap:7px;max-height:48vh;overflow:auto;padding:3px 10px 10px;border-top:1px solid #ffffff10;min-width:180px}.online-user{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;overflow:hidden;padding:3px 0}.online-user img,.online-avatar{width:27px;height:27px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#ffffff0c;border:1px solid #ffffff18;flex:0 0 27px}.online-user span:last-child{overflow:hidden;text-overflow:ellipsis}@media(max-width:980px){.online-dock{top:auto;right:8px;bottom:10px;z-index:28}.online-list{max-height:42vh;min-width:170px}}@media(max-width:520px){.online-title{min-height:32px;padding:6px 9px;font-size:11px}.online-list{max-height:38vh;min-width:160px}.online-user{font-size:11px}.online-user img,.online-avatar{width:25px;height:25px;flex-basis:25px}}
.item h3{margin:0 0 7px}.empty{text-align:center;padding:44px;color:var(--muted)}.stars{font-size:22px;color:#ffd574}.footer{padding:25px 0;border-top:1px solid #ffffff10;color:#7f96a4;font-size:12px}.mobile{display:none}@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.nav{display:none}.mobile{display:inline-flex}.two{grid-template-columns:1fr}}@media(max-width:560px){.grid{grid-template-columns:1fr}.wrap{width:calc(100% - 24px)}.head{flex-direction:column}.actions .optional{display:none}}
.reaction-group{display:inline-flex;gap:6px;margin-top:8px}
.stack>a.card{padding:13px 15px}.compact-post-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:62px;padding:10px 14px;border:1px solid #3aa4d26b;border-radius:12px;background:transparent;text-decoration:none;color:inherit}.compact-post-row:hover{background:#ffffff06;border-color:#55bde78f}.compact-post-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.compact-post-title{font-size:18px;font-weight:850;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.compact-post-author-normal{flex:0 0 auto;min-width:0;max-width:300px}.compact-post-author-normal .user-badge-link{min-width:0}.compact-source-pill{flex:0 0 auto}.inquiry-owner-manage{position:relative}.inquiry-owner-manage>summary{list-style:none}.inquiry-owner-manage>summary::-webkit-details-marker{display:none}.inquiry-manage-ajax{position:absolute;right:0;top:calc(100% + 6px);z-index:15;display:grid;grid-template-columns:110px minmax(150px,240px) 110px auto;gap:6px;align-items:center;padding:8px;border:1px solid #ffffff1c;border-radius:10px;background:#071722f5;box-shadow:0 12px 30px #0007;white-space:nowrap}.inquiry-manage-ajax input,.inquiry-manage-ajax select{height:34px;padding:5px 7px;font-size:12px}@media(max-width:720px){.compact-post-row{min-height:58px;padding:8px 10px;gap:8px}.compact-post-title{font-size:16px}.compact-post-author-normal{max-width:46%}.compact-post-author-normal .user-badge-link strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-post-left{gap:6px}.compact-source-pill{font-size:10px;padding:2px 5px}.inquiry-manage-ajax{position:fixed;left:10px;right:10px;top:auto;bottom:12px;grid-template-columns:1fr;white-space:normal}.inquiry-manage-ajax input,.inquiry-manage-ajax select{width:100%}}
.post-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:7px 9px;border:1px solid #ffffff14;border-radius:10px;background:#ffffff05}.post-title-row h2{font-size:18px;line-height:1.25;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-title-side{display:flex;align-items:center;gap:7px;flex:0 0 auto;max-width:55%}.title-author{display:inline-flex;align-items:center;min-width:0;max-width:240px;padding:0;border:0;border-radius:0;background:transparent;font-size:inherit}.title-author .user-badge-link{min-width:0;overflow:hidden}.title-author .user-badge-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-preview{font-size:12px;line-height:1.35;margin:6px 0 4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.post-mini-stats{display:flex;justify-content:flex-end;gap:10px;color:var(--muted);font-size:10px;line-height:1;margin-top:4px}@media(max-width:640px){.stack>a.card{padding:10px 11px}.post-title-row{gap:7px;padding:6px 7px}.post-title-row h2{font-size:15px}.title-author{max-width:160px}.post-title-side{max-width:62%;gap:5px}.post-title-side>.pill{font-size:9px;padding:2px 5px}.post-preview{font-size:11px;margin:4px 0 3px}.post-mini-stats{font-size:9px;margin-top:2px}}
.post-list-footer{margin-top:8px;justify-content:flex-start;gap:7px;flex-wrap:nowrap}.compact-post-author{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:min(240px,65%);padding:3px 6px;border:1px solid #ffffff14;border-radius:8px;background:#ffffff06;font-size:11px;line-height:1}.compact-post-author-label{color:var(--muted);font-size:10px;white-space:nowrap}.compact-post-author .user-badge-link{font-size:11px;min-width:0;overflow:hidden}.compact-post-author .user-badge-link img{width:20px!important;height:20px!important}.compact-post-author .user-badge-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-post-count{font-size:11px;white-space:nowrap}.post-list-footer .ghost-like-count{margin-left:auto;font-size:11px}.inquiry-refresh-btn{white-space:nowrap}@media(max-width:640px){.compact-post-author{max-width:62%;padding:3px 5px}.compact-post-author-label{display:none}.post-list-footer{gap:5px}}
.ghost-like-form{margin-left:4px}.ghost-like-btn.active{background:#ed747d20;border-color:#ed747d66;color:#ffd6d9}.ghost-like-count{font-size:13px;color:var(--muted);white-space:nowrap}
.forum-reply-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap}
.forum-reply-author{display:flex;align-items:center;gap:8px;min-width:0;flex:1;overflow:hidden}
.forum-reply-author .user-badge-link{min-width:0}
.forum-reply-reactions{margin-left:auto;flex:0 0 auto;white-space:nowrap}
.forum-reply-reactions .reaction-group{margin-top:0;display:flex;flex-wrap:nowrap;gap:4px}
.forum-reply-reactions .reaction-btn,.forum-reply-reactions .reaction-static{padding:5px 8px;white-space:nowrap}
.forum-reply-content{margin-right:0;overflow-wrap:anywhere}
.reply-controls{margin-top:7px;width:max-content;max-width:100%}
.reply-controls>summary{cursor:pointer;list-style:none;color:var(--muted);font-size:11px;font-weight:750;user-select:none;padding:2px 4px;border-radius:7px}
.reply-controls>summary::-webkit-details-marker{display:none}
.reply-controls>summary::before{content:"⋯ ";font-weight:900}
.reply-controls[open]>summary{color:var(--text)}
.reply-controls-menu{display:flex;align-items:center;gap:6px;margin-top:6px;padding:6px;border:1px solid #ffffff12;border-radius:9px;background:#07141dcc}
.reply-controls-menu form{margin:0}
.compact-control{padding:4px 8px!important;font-size:11px!important;min-height:auto!important}

@media(max-width:640px){.forum-reply-head{align-items:flex-start}.forum-reply-author{gap:5px}.forum-reply-reactions .reaction-btn,.forum-reply-reactions .reaction-static{padding:4px 6px;font-size:12px}.forum-reply-reactions .reaction-group{gap:3px}}.reaction-form{margin:0}.reaction-btn,.reaction-static{display:inline-flex;align-items:center;gap:5px;border:1px solid #ffffff18;background:#ffffff07;color:var(--muted);border-radius:999px;padding:6px 10px;font:inherit;font-size:13px}.reaction-btn{cursor:pointer}.reaction-btn.active{background:#75e4c41d;border-color:#75e4c455;color:var(--accent)}.reaction-btn.angry.active{background:#ed747d20;border-color:#ed747d55;color:#ffc6ca}.floor-tag{font-weight:900;min-width:34px;text-align:center}.announcement-wrap{position:relative;z-index:24;width:min(1120px,calc(100% - 32px));margin:10px auto 0;display:grid;gap:7px}.announcement{display:flex;gap:10px;padding:10px 13px;border-radius:11px;border:1px solid #ffffff16;background:#0b1c29ed;box-shadow:0 10px 30px #0003;font-size:14px}.announcement b{white-space:nowrap}.announcement.important{border-color:#ffd57455}.announcement.maintenance{border-color:#ed747d55}.social-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);gap:15px}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.friend-main{display:flex;align-items:center;gap:10px;min-width:0}.friend-main img,.friend-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid #ffffff20;flex:0 0 44px}.friend-avatar{display:grid;place-items:center;background:#ffffff08}.dm-thread{display:grid;gap:8px;max-height:62vh;overflow:auto;padding:4px}.dm-bubble{max-width:78%;padding:9px 12px;border-radius:13px;background:#ffffff08;white-space:pre-wrap;word-break:break-word}.dm-bubble.mine{margin-left:auto;background:#75e4c419;border:1px solid #75e4c42e}.dm-meta{font-size:11px;color:var(--muted);margin-top:4px}.inquiry-name{white-space:nowrap!important;max-width:min(240px,30vw);overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:bottom}.hidden-by-owner{color:#ffd574!important;border-color:#ffd57440!important;background:#ffd57412!important}

.profile-signature-preview,.public-signature{margin-top:6px;max-width:620px;color:var(--text);font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.profile-signature-preview{color:var(--muted)}.public-signature{padding:7px 10px;border-left:2px solid var(--accent);background:#ffffff06;border-radius:0 8px 8px 0}
.user-badge-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:inherit}.user-badge-link:hover strong{text-decoration:underline}.user-action-card{max-width:880px;margin:0 auto}.user-action-profile{display:flex;align-items:center;gap:16px;margin-bottom:18px}.user-action-profile img,.user-action-avatar{width:86px;height:86px;border-radius:50%;object-fit:cover;border:1px solid #ffffff22;display:grid;place-items:center;background:#ffffff0b;font-size:32px}.user-action-profile h1{margin:0 0 4px}.user-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.user-action-grid>section{padding:14px;border:1px solid #ffffff12;border-radius:13px;background:#ffffff06}.user-report-box{grid-column:1/-1}.admin-report-group{padding:11px 13px;border:1px solid #ffffff15;border-radius:14px;background:#ffffff05}.admin-report-group>summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;cursor:pointer;list-style:none}.admin-report-group>summary::-webkit-details-marker{display:none}@media(max-width:720px){.user-action-grid{grid-template-columns:1fr}.user-report-box{grid-column:auto}.user-action-profile img,.user-action-avatar{width:68px;height:68px}}
.online-user-link{color:inherit;text-decoration:none;cursor:pointer}.online-user-link:hover{background:#ffffff10}.global-chat-user-link{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;min-width:0}.global-chat-user-link:hover b{text-decoration:underline}
.profile-hub{margin-bottom:16px}.profile-hub h2{margin-top:0}.profile-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.profile-hub-item{display:flex;align-items:center;gap:11px;min-width:0;padding:13px;border:1px solid #ffffff16;border-radius:14px;background:#ffffff07;color:var(--text);text-decoration:none;transition:.15s ease}.profile-hub-item:hover{background:#ffffff0d;transform:translateY(-1px)}.profile-hub-item span:last-child{display:flex;flex-direction:column;min-width:0}.profile-hub-item b{font-size:15px}.profile-hub-item small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}.profile-hub-icon{font-size:23px;flex:0 0 auto}@media(max-width:720px){.profile-hub-grid{grid-template-columns:1fr}.profile-hub-item{padding:12px}.profile-hub-icon{font-size:21px}}
.question-meta-compact{display:flex;flex-direction:column;gap:2px;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.45}.truth-card details{height:100%}.truth-summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:20px;font-weight:900;list-style:none}.truth-summary::-webkit-details-marker{display:none}.truth-summary small{font-size:11px;font-weight:700;color:var(--muted)}.truth-body{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff14}.discussion-rating-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;margin:8px 0 14px;border-radius:12px;background:#ffffff08}.discussion-rating-editor{padding:12px;margin-bottom:10px;border:1px solid #ffffff12;border-radius:12px}.discussion-rating-editor h3{margin:0 0 10px;font-size:15px}.rating-editor-grid{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:8px;align-items:center}.rating-editor-grid textarea{min-height:54px}.rating-comments-collapse{margin-top:10px;border:1px solid #ffffff12;border-radius:12px;padding:10px 12px}.rating-comments-collapse>summary{cursor:pointer;font-weight:850;font-size:13px;color:var(--muted);user-select:none}.rating-comment-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.rating-comment-row{padding:10px;border-radius:10px;background:#ffffff07}.rating-comment-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.rating-comment-row p{margin:7px 0 0;white-space:pre-wrap;font-size:14px}.discussion-divider{height:1px;background:#ffffff14;margin:16px 0}@media(max-width:720px){.rating-editor-grid{grid-template-columns:1fr}.question-meta-compact{font-size:11px}.truth-summary{font-size:17px}}
.home-announcement-frame{margin:28px 0 6px;padding:16px 18px;border:1px solid #ffffff18;border-radius:16px;background:#0c1623cc;backdrop-filter:blur(12px);box-shadow:0 12px 36px #00000024}.home-announcement-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.home-announcement-head h2{font-size:17px;margin:0}.home-announcement-frame .announcement-wrap{margin:0}.home-announcement-frame .announcement{margin:7px 0}.home-announcement-frame .announcement small{display:block;margin-top:5px;color:var(--muted)}.home-announcement-empty{padding:12px 4px;color:var(--muted);font-size:14px}
.rating-voters{margin-top:12px;border-top:1px solid #ffffff12;padding-top:10px}.rating-voters>summary{cursor:pointer;user-select:none;font-size:13px;font-weight:850;color:var(--muted);width:max-content;max-width:100%}.rating-voter-list{display:flex;flex-direction:column;gap:7px;margin-top:10px}.rating-voter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px;border-radius:10px;background:#ffffff07}.rating-voter-row .user-badge{min-width:0}.rating-voter-row .stars{font-size:13px;white-space:nowrap}
.notification-nav{position:relative}.notification-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ed747d;color:white;font-size:11px;font-weight:950}.notification-item.unread{border-color:#75e4c444;background:#75e4c40b}
.player-broadcast-ticker{position:relative;z-index:24;overflow:hidden;border-bottom:1px solid #ffffff14;background:#143027f2;color:#dfffee;min-height:34px;display:flex;align-items:center}.player-broadcast-track{display:flex;gap:80px;min-width:max-content;white-space:nowrap;animation:playerBroadcastMarquee 18s linear infinite;font-size:13px;font-weight:850;padding:7px 0}.player-broadcast-track span{padding-left:24px}@keyframes playerBroadcastMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.checkin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.checkin-stat{padding:14px;border:1px solid #ffffff12;border-radius:13px;background:#ffffff06}.turtle-balance{font-size:28px;font-weight:950}.checkin-history{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}@media(max-width:720px){.checkin-grid{grid-template-columns:1fr}.player-broadcast-track{font-size:12px}}
.maintenance-ticker{position:fixed;left:50%;top:70px;transform:translateX(-50%);z-index:44;width:min(920px,calc(100vw - 26px));height:31px;overflow:hidden;border:1px solid #ffd57445;border-radius:999px;background:#081721e8;box-shadow:0 8px 24px #0005;pointer-events:none;backdrop-filter:blur(9px)}
.maintenance-ticker-track{display:flex;width:max-content;min-width:200%;height:100%;align-items:center;animation:maintenanceMarquee 24s linear infinite}.maintenance-ticker-track span{display:inline-block;min-width:50%;padding:0 28px;color:#ffe5a3;font-size:12px;font-weight:850;white-space:nowrap}
@keyframes maintenanceMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:720px){.maintenance-ticker{top:61px;height:29px}.maintenance-ticker-track span{font-size:11px;padding:0 20px}}
.mention-floor-btn{border:1px solid #ffffff16;background:#ffffff08;color:var(--muted);border-radius:999px;padding:4px 8px;font:inherit;font-size:11px;cursor:pointer}.mention-floor-btn:hover{color:var(--text);background:#ffffff12}
.global-chat-dock{position:fixed;left:14px;bottom:14px;z-index:46;width:min(350px,calc(100vw - 28px));border:1px solid #ffffff18;border-radius:15px;background:#071722f2;box-shadow:0 18px 55px #0009;backdrop-filter:blur(14px);overflow:hidden}
.global-chat-title{height:43px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #ffffff12;font-size:13px;font-weight:900}.global-chat-title small{font-weight:500;color:var(--muted);margin-left:4px}.global-chat-title button{width:28px;height:28px;border:0;border-radius:8px;background:#ffffff0a;color:var(--text);font-size:18px;cursor:pointer}.online-dot{color:#75e4c4}
.global-chat-body{display:block}.global-chat-dock.collapsed .global-chat-body{display:none}.global-chat-dock.collapsed{width:250px}
.global-chat-messages{height:260px;overflow-y:auto;padding:9px;display:flex;flex-direction:column;gap:7px;overscroll-behavior:contain}.global-chat-empty{color:var(--muted);text-align:center;padding:28px 8px;font-size:13px}
.global-chat-msg{padding:7px 9px;border-radius:10px;background:#ffffff06;border:1px solid #ffffff0d}.global-chat-head{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px}.global-chat-head img,.global-chat-avatar{width:23px;height:23px;border-radius:50%;object-fit:cover;display:grid;place-items:center;flex:0 0 23px;background:#ffffff0b}.global-chat-head b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.global-chat-head span:last-child{margin-left:auto;color:var(--muted);white-space:nowrap}.global-chat-text{padding:4px 0 1px 29px;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.global-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:8px;border-top:1px solid #ffffff12}.global-chat-form input{min-width:0;padding:8px 9px;font-size:13px}.global-chat-form button{border:0;border-radius:9px;padding:7px 11px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#052028;font-weight:900;cursor:pointer}
@media(max-width:720px){.global-chat-dock{left:8px;bottom:8px;width:min(330px,calc(100vw - 16px))}.global-chat-messages{height:210px}.global-chat-head b{max-width:45vw}}
@media(max-width:800px){.social-grid{grid-template-columns:1fr}.announcement{display:block}.announcement b{white-space:normal}.inquiry-name{max-width:42vw}}
/* V81 approved forum / ghost list layout */
.stack > .mock-post-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  min-height:66px !important;
  padding:9px 16px !important;
  margin:0 !important;
  gap:16px !important;
  border:1px solid rgba(69,176,221,.72) !important;
  border-radius:12px !important;
  background:rgba(5,34,52,.16) !important;
  box-shadow:none !important;
  color:inherit !important;
  text-decoration:none !important;
  overflow:hidden !important;
}
.stack > .mock-post-row:hover{
  background:rgba(39,126,164,.10) !important;
  border-color:rgba(92,196,238,.92) !important;
}
.mock-post-left{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:hidden !important;
}
.mock-post-title{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
}
.mock-source-pill{
  flex:0 0 auto !important;
  margin:0 !important;
}
.mock-post-author{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:0 0 auto !important;
  min-width:0 !important;
  max-width:340px !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
}
.mock-post-author .user-badge-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-decoration:none !important;
}
.mock-post-author .user-badge-link img{
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
  border-radius:50% !important;
  object-fit:cover !important;
}
.mock-post-author .user-badge-link strong{
  display:block !important;
  max-width:250px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:15px !important;
  line-height:1.2 !important;
}
@media(max-width:640px){
  .stack > .mock-post-row{
    min-height:60px !important;
    padding:8px 10px !important;
    gap:8px !important;
    border-radius:11px !important;
  }
  .mock-post-left{gap:7px !important;}
  .mock-post-title{font-size:15px !important;}
  .mock-source-pill{font-size:10px !important;padding:2px 5px !important;}
  .mock-post-author{max-width:48% !important;}
  .mock-post-author .user-badge-link{gap:7px !important;}
  .mock-post-author .user-badge-link img{
    width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
  }
  .mock-post-author .user-badge-link strong{
    max-width:130px !important;
    font-size:14px !important;
  }
}

/* V82: author is physically inside the same single post row */
.stack > a.mock-post-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) max-content !important;
  align-items:center !important;
}
.stack > a.mock-post-row > .mock-post-author{
  position:static !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  justify-self:end !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
}
.row-author-inline{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  min-width:0 !important;
  white-space:nowrap !important;
}
.row-author-inline img,
.row-author-fallback{
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
  border-radius:50% !important;
  object-fit:cover !important;
}
.row-author-fallback{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.08) !important;
}
.row-author-inline strong{
  max-width:220px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:15px !important;
}
@media(max-width:640px){
 .stack > a.mock-post-row{grid-template-columns:minmax(0,1fr) max-content !important;}
 .row-author-inline{gap:7px !important;}
 .row-author-inline img,.row-author-fallback{width:34px !important;height:34px !important;flex-basis:34px !important;}
 .row-author-inline strong{max-width:110px !important;font-size:14px !important;}
}

.achievements-card{margin:15px 0}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.achievement-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border:1px solid #ffffff12;border-radius:10px}.achievement-item.locked{opacity:.48;filter:saturate(.3)}.achievement-item b{display:block;font-size:13px}.achievement-item small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.achievement-icon{font-size:22px}.equipped-title{display:inline-flex;align-items:center;margin:5px 0;padding:4px 8px;border-radius:999px;border:1px solid #75e4c455;background:#75e4c411;color:#b9ffec;font-size:12px;font-weight:850}.anti-farm-note{font-size:11px;margin:10px 0 0}@media(max-width:700px){.achievement-grid{grid-template-columns:1fr}.achievement-item{grid-template-columns:30px minmax(0,1fr) auto}}
.turtle-wallet-numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:5px}.turtle-wallet-numbers>div{padding:8px 10px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff05}.turtle-wallet-numbers small{display:block;color:var(--muted);font-size:11px;margin-bottom:2px}.turtle-lifetime{font-size:22px;font-weight:900}@media(max-width:520px){.turtle-wallet-numbers{grid-template-columns:1fr 1fr;gap:6px}.turtle-balance,.turtle-lifetime{font-size:20px}}

.checkin-calendar{margin-top:15px;padding:0!important;overflow:hidden}.checkin-calendar>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;padding:12px 14px;font-weight:850}.checkin-calendar>summary::-webkit-details-marker{display:none}.calendar-summary-count{color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}.checkin-calendar[open]>summary{border-bottom:1px solid #ffffff10}.calendar-legend{display:flex;gap:14px;align-items:center;padding:10px 14px 0;color:var(--muted);font-size:11px}.calendar-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#ffffff16}.legend-dot.checked{background:#75e4c4}.legend-dot.makeup{background:#ffd574}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:10px 14px 14px}.calendar-weekday{text-align:center;color:var(--muted);font-size:10px;padding:3px 0}.calendar-day{position:relative;aspect-ratio:1.2/1;min-height:34px;display:flex;align-items:flex-start;justify-content:flex-start;padding:5px;border:1px solid #ffffff0d;border-radius:8px;background:#ffffff03;font-size:11px}.calendar-day.checked{background:#75e4c412;border-color:#75e4c444}.calendar-day.makeup{background:#ffd57410;border-color:#ffd57444}.calendar-day.today{box-shadow:inset 0 0 0 1px #42bbd0}.calendar-day.empty-day{visibility:hidden}.calendar-mark{position:absolute;right:4px;bottom:3px;font-size:10px;font-weight:900;color:#75e4c4}.calendar-day.makeup .calendar-mark{color:#ffd574}@media(max-width:520px){.checkin-calendar>summary{padding:10px 11px;font-size:13px}.calendar-grid{gap:3px;padding:8px 9px 10px}.calendar-day{min-height:31px;padding:4px;border-radius:6px;font-size:10px}.calendar-mark{right:3px;bottom:2px;font-size:9px}.calendar-legend{padding:8px 10px 0}}

@media(max-width:768px){
 .online-dock,.global-chat-dock,.top,.card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .online-dock,.global-chat-dock{box-shadow:0 4px 14px #0003}
}



.player-announcement-ticker{background:#173024f2!important;border-bottom-color:#75e4c43b!important}
.calendar-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 14px 0}.calendar-jump-form{display:flex;justify-content:center;align-items:center;gap:6px}.calendar-jump-form select{width:auto;min-width:82px;padding:7px 9px}.calendar-jump-form button,.calendar-nav-btn{min-height:34px;padding:5px 10px}.calendar-nav-btn{font-size:20px;line-height:1}@media(max-width:520px){.calendar-controls{padding:8px 9px 0;gap:5px}.calendar-jump-form{gap:4px}.calendar-jump-form select{min-width:66px;padding:6px 5px;font-size:12px}.calendar-jump-form button,.calendar-nav-btn{min-height:31px;padding:4px 7px;font-size:12px}}

@media(max-width:720px){
  body{padding-bottom:58px}
  .global-chat-dock{
    left:8px!important;
    right:auto!important;
    bottom:8px!important;
    width:auto!important;
    max-width:calc(100vw - 16px)!important;
    border-radius:12px;
    z-index:46;
  }
  .global-chat-dock.collapsed{
    width:auto!important;
    max-width:calc(100vw - 112px)!important;
  }
  .global-chat-dock.collapsed .global-chat-title{
    min-height:36px;
    padding:6px 9px;
    gap:6px;
  }
  .global-chat-dock.collapsed .global-chat-title small{display:none}
  .global-chat-dock:not(.collapsed){
    width:calc(100vw - 16px)!important;
    bottom:52px!important;
  }
  .global-chat-messages{height:min(210px,34vh)}

  .online-dock{
    top:auto!important;
    right:8px!important;
    bottom:8px!important;
    width:auto!important;
    max-width:96px!important;
    z-index:47;
  }
  .online-title{
    min-height:36px!important;
    padding:6px 9px!important;
    font-size:11px!important;
  }
  .online-dock[open]{
    bottom:52px!important;
    width:min(220px,calc(100vw - 16px))!important;
    max-width:calc(100vw - 16px)!important;
  }
  .online-dock[open] .online-list{
    min-width:0!important;
    width:100%;
    max-height:34vh!important;
  }
}
@media(max-width:390px){
  .global-chat-dock.collapsed{max-width:calc(100vw - 104px)!important}
  .global-chat-dock.collapsed .global-chat-title{font-size:11px}
  .online-dock{max-width:90px!important}
}

@media(min-width:721px){
  /* Keep the online panel out of the top-right action area (出題 / 建立主題). */
  .online-dock{
    top:auto!important;
    right:14px!important;
    bottom:14px!important;
    max-width:240px!important;
    z-index:28!important;
  }
  .online-dock[open] .online-list{max-height:38vh!important}

  /* Desktop calendar should stay compact rather than stretching across the page. */
  .checkin-calendar{
    width:min(620px,100%)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .checkin-calendar .calendar-grid{
    gap:3px!important;
    padding:8px 12px 12px!important;
  }
  .checkin-calendar .calendar-day{
    aspect-ratio:auto!important;
    min-height:34px!important;
    height:34px!important;
    padding:4px 6px!important;
  }
  .checkin-calendar .calendar-controls{padding:8px 12px 0!important}
  .checkin-calendar .calendar-legend{padding:7px 12px 0!important}
}

/* Compact question filtering: options only; remove redundant helper text and arrows. */
.question-filters .filter-label,.question-filter .filter-label,.question-filters .sort-arrow,.question-filter .sort-arrow{display:none!important}
.question-filters select,.question-filter select,.filterbar select,.filters select{
  appearance:none!important;-webkit-appearance:none!important;
  background-image:none!important;padding-right:10px!important
}

.public-achievements{margin:14px 0;padding:12px 0;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10}
.public-achievements-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.public-achievements-head h2{margin:0;font-size:16px}
.public-achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.public-achievement-item{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px;padding:8px 9px;border:1px solid #ffffff10;border-radius:9px;background:#ffffff04}
.public-achievement-icon{font-size:20px;text-align:center}
.public-achievement-item b{display:block;font-size:12px}
.public-achievement-item small{display:block;margin-top:2px;color:var(--muted);font-size:10px;line-height:1.3}
@media(max-width:620px){.public-achievement-grid{grid-template-columns:1fr}.public-achievements{margin:10px 0}.public-achievement-item{padding:7px 8px}}

@media(max-width:720px){
 .compact-ask textarea{min-height:42px!important;resize:none}
 .compact-ask button{touch-action:manipulation}
 .inquiry-list{content-visibility:auto;contain-intrinsic-size:500px}
}

.filter-panel{padding:0!important;width:max-content;max-width:100%;overflow:visible}
.filter-panel[open]{width:100%}
.filter-summary-compact{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:auto!important;
  min-height:0!important;
  padding:8px 11px!important;
  cursor:pointer;
  list-style:none!important;
}
.filter-summary-compact::-webkit-details-marker{display:none!important}
.filter-summary-compact::marker{display:none!important;content:""}
.filter-summary-compact strong{font-size:13px!important;white-space:nowrap}
.filter-summary-compact .filter-chevron{font-size:13px;line-height:1;transition:transform .15s ease}
.filter-panel[open] .filter-summary-compact .filter-chevron{transform:rotate(180deg)}
.filter-panel .filter-body{padding:10px 12px 12px}
@media(max-width:720px){
 .filter-summary-compact{padding:7px 10px!important}
 .filter-summary-compact strong{font-size:12px!important}
}

/* V98: question filter occupies only the space it actually needs. */
.filter-panel{
  margin:6px 0!important;
  border-radius:8px!important;
}
.filter-panel:not([open]){
  display:inline-block!important;
  width:auto!important;
  max-width:max-content!important;
}
.filter-panel:not([open]) .filter-summary-compact{
  padding:5px 8px!important;
  gap:5px!important;
  line-height:1!important;
}
.filter-panel:not([open]) .filter-summary-compact strong{
  font-size:12px!important;
  line-height:1.15!important;
}
.filter-panel:not([open]) .filter-chevron{
  font-size:11px!important;
  line-height:1!important;
}
.filter-panel[open]{
  margin:6px 0 10px!important;
}
.filter-panel[open] .filter-summary-compact{
  padding:6px 8px!important;
}
.filter-panel .filter-body{
  padding:8px!important;
}
.filter-panel .filter-body .grid{
  gap:7px!important;
}
.filter-panel .filter-body .field{
  margin:0!important;
}
@media(max-width:720px){
  .filter-panel{margin:4px 0!important}
  .filter-panel:not([open]) .filter-summary-compact{padding:5px 7px!important}
  .filter-panel .filter-body{padding:7px!important}
}

/* V99 global density pass: reduce decorative whitespace without shrinking touch targets too far. */
.card{padding:13px!important}
.item{padding:9px 10px!important}
.stack{gap:9px!important}
.head{margin-bottom:10px!important;gap:10px!important}
.head h1{margin-bottom:4px!important}
.two{gap:10px!important}
.grid{gap:10px!important}
.field{margin-bottom:9px!important}
.field label{margin-bottom:4px!important}
.profile-hub{padding:12px!important}
.profile-hub-grid{gap:7px!important}
.profile-hub-item{padding:8px 9px!important}
.achievements-card{margin:10px 0!important}
.user-action-card{padding:13px!important}
.user-action-grid{gap:9px!important}
.inquiry-entry{padding-top:7px!important;padding-bottom:7px!important}
.inquiry-toolbar{margin-top:7px!important;margin-bottom:7px!important}
.truth-card,.inquiry-main{margin-top:0!important}

/* Answer button color communicates the creator's answer before opening the note. */
.answer-reveal.answer-result-yes{background:#17643c!important;border-color:#2e9b62!important;color:#edfff4!important}
.answer-reveal.answer-result-no{background:#7d2830!important;border-color:#c64c58!important;color:#fff2f3!important}
.answer-reveal.answer-result-unanswerable{background:#76581c!important;border-color:#b88b2d!important;color:#fff8e7!important}
.answer-reveal.answer-result-unrelated{background:#444a50!important;border-color:#656d75!important;color:#f4f6f8!important}
.answer-reveal.answer-result-correct{background:#167c72!important;border-color:#33b5a7!important;color:#effffc!important}

/* Notifications are a collapsed nav dropdown, not a page. */
.notification-inline{position:relative}
.notification-inline>summary{list-style:none;cursor:pointer}
.notification-inline>summary::-webkit-details-marker{display:none}
.notification-inline-arrow{font-size:10px}
.notification-inline[open] .notification-inline-arrow{display:inline-block;transform:rotate(180deg)}
.notification-inline-panel{position:absolute;right:0;top:calc(100% + 6px);width:min(390px,calc(100vw - 18px));max-height:min(500px,70vh);overflow:auto;padding:8px;border:1px solid #ffffff1c;border-radius:11px;background:rgba(5,18,28,.97);box-shadow:0 10px 30px #0006;z-index:80}
.notification-inline-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 7px}
.notification-inline-list{display:flex;flex-direction:column;gap:5px}
.notification-mini{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:7px;border:1px solid #ffffff10;border-radius:8px;background:#ffffff04}
.notification-mini.unread{border-color:#75e4c43f;background:#75e4c408}
.notification-mini-main{min-width:0}
.notification-mini-main b{display:block;font-size:12px;line-height:1.25}
.notification-mini-main time{display:block;margin-top:2px;color:var(--muted);font-size:9px}
.notification-mini-main p{margin:4px 0 0;font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notification-mini-actions{display:flex;align-items:center;gap:3px;flex-wrap:wrap;justify-content:flex-end}
.notification-mini-actions form{margin:0}
.notification-mini-empty{padding:9px;color:var(--muted);font-size:11px;text-align:center}

@media(max-width:720px){
 .card{padding:10px!important;border-radius:10px!important}
 .item{padding:7px 8px!important;border-radius:8px!important}
 .stack{gap:7px!important}
 .head{margin-bottom:8px!important;gap:7px!important}
 .two,.grid{gap:7px!important}
 .field{margin-bottom:7px!important}
 .profile-hub{padding:9px!important}
 .profile-hub-grid{gap:5px!important}
 .profile-hub-item{padding:7px!important}
 .achievement-item,.public-achievement-item{padding:6px 7px!important}
 .inquiry-entry{padding-top:5px!important;padding-bottom:5px!important}
 .notification-inline{position:static}
 .notification-inline-panel{position:fixed;left:8px;right:8px;top:58px;width:auto;max-height:62vh}
}

.profile-sections{display:flex;flex-direction:column;gap:7px}
.profile-section{padding:0!important;margin:7px 0!important;overflow:visible}
.profile-section>summary{
 display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 10px;
 list-style:none;cursor:pointer;font-weight:700;font-size:14px
}
.profile-section>summary::-webkit-details-marker{display:none}
.profile-section>summary::marker{content:""}
.profile-section-arrow{margin-left:auto;font-size:11px;transition:transform .15s ease}
.profile-section[open]>.profile-section-arrow,.profile-section[open]>summary .profile-section-arrow{transform:rotate(180deg)}
.profile-section-count{margin-left:auto;font-size:10px;color:var(--muted);font-weight:500}
.profile-section-count+.profile-section-arrow{margin-left:0}
.profile-section-body{padding:4px 10px 10px}
.profile-section-body>.head:first-child{margin-top:0!important}
.profile-section.achievements-card{padding:0!important}
@media(max-width:720px){
 .profile-sections{gap:5px}
 .profile-section{margin:5px 0!important}
 .profile-section>summary{min-height:34px;padding:7px 8px;font-size:12px}
 .profile-section-body{padding:3px 8px 8px}
}

.maintenance-ticker{font-weight:700}.maintenance-countdown-text{white-space:nowrap}

.recovery-keyloss-note{margin:8px 0 10px;padding:8px 10px;border:1px solid #ffffff14;border-radius:8px;font-size:11px;line-height:1.4;color:var(--muted)}
@media(max-width:720px){.recovery-keyloss-note{padding:7px 8px;margin:6px 0 8px;font-size:10px}}
.inquiry-swipe-enabled{overflow:hidden;isolation:isolate}.inquiry-swipe-delete{position:absolute;z-index:1;right:7px;top:50%;transform:translateY(-50%);width:70px;display:flex;justify-content:flex-end}.inquiry-swipe-enabled>.inquiry-avatar,.inquiry-swipe-enabled>.inquiry-maintext,.inquiry-swipe-enabled>.inquiry-actions{position:relative;z-index:2;transition:transform .18s ease}.inquiry-swipe-enabled.swiped>.inquiry-avatar,.inquiry-swipe-enabled.swiped>.inquiry-maintext,.inquiry-swipe-enabled.swiped>.inquiry-actions{transform:translateX(-74px)}.inquiry-actions{min-width:104px}.inquiry-actions>.answer-reveal,.inquiry-actions>.correct-reveal{width:104px;box-sizing:border-box}@media(max-width:720px){.inquiry-swipe-delete{right:5px;width:64px}.inquiry-swipe-enabled.swiped>.inquiry-avatar,.inquiry-swipe-enabled.swiped>.inquiry-maintext,.inquiry-swipe-enabled.swiped>.inquiry-actions{transform:translateX(-68px)}.inquiry-actions{min-width:96px}.inquiry-actions>.answer-reveal,.inquiry-actions>.correct-reveal{width:96px;min-width:96px}}
.recovery-status-box{display:grid;gap:6px;margin:8px 0 12px;padding:10px;border:1px solid #ffffff14;border-radius:9px;background:#ffffff03}
.recovery-status-title{font-weight:900;font-size:13px;margin-bottom:2px}
.recovery-step{display:flex;align-items:center;gap:7px;padding:6px 7px;border-radius:7px;color:var(--muted);font-size:11px}
.recovery-step.done{background:#75e4c40c;color:#dffbf3}.recovery-step.active{background:#ffd5740c;color:#fff4d2}
.recovery-step>span{width:18px;text-align:center;font-weight:900}.recovery-ready-card{border-color:#75e4c455!important}
.recovery-code{font-family:monospace;font-size:20px;font-weight:900;letter-spacing:.08em;word-break:break-all;padding:10px;margin:8px 0;border:1px dashed #75e4c466;border-radius:8px}
.recovery-admin-item .mini-status{margin-top:7px;padding:6px 8px;font-size:10px}
@media(max-width:720px){.recovery-status-box{padding:8px}.recovery-step{padding:5px 6px}.recovery-code{font-size:16px}}

/* V108 inquiry reply/note reliability */
.inquiry-owner-manage form{align-items:center}
.inquiry-owner-manage textarea[name="note"]{min-height:34px;max-height:120px;line-height:1.35}
.inquiry-save-status{display:inline-block;min-width:0;font-size:10px;font-weight:800;white-space:nowrap}
.inquiry-save-status.saving{opacity:.78}.inquiry-save-status.success{opacity:.92}.inquiry-save-status.error{opacity:1}
.answer-popover-portal{z-index:10050!important;max-width:min(292px,calc(100vw - 16px))!important;transform:none!important;overflow:visible!important}
@media(max-width:720px){
 .inquiry-owner-manage form{display:grid;grid-template-columns:1fr;gap:5px}
 .inquiry-owner-manage textarea[name="note"]{width:100%;min-width:0}
 .inquiry-save-status{white-space:normal}
}

/* V109 inquiry desktop/mobile reliability */
.inquiry-save-status{min-width:0!important;max-width:56px;overflow:hidden;text-overflow:ellipsis;font-size:9px!important;line-height:1.1;vertical-align:middle}
.inquiry-save-status:empty{display:none}.inquiry-save-status.success{max-width:48px}
.inquiry-owner-manage,.inquiry-owner-manage form,.inquiry-row,.inquiry-row-main{min-width:0}
.inquiry-owner-manage{overflow:visible!important}.inquiry-owner-manage form{max-width:100%;flex-wrap:wrap}
.inquiry-owner-manage select,.inquiry-owner-manage textarea,.inquiry-owner-manage button{max-width:100%}
.answer-popover-portal{box-sizing:border-box;max-height:min(50vh,320px);overflow:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.inquiry-refresh-btn[disabled],.inquiry-owner-manage button[disabled]{opacity:.58;pointer-events:none}
@media(min-width:721px){
 .inquiry-owner-manage form{display:flex!important;align-items:center;gap:5px}
 .inquiry-owner-manage textarea[name="note"]{width:min(240px,28vw);min-width:120px;min-height:32px}
 .inquiry-owner-manage select{width:auto;min-width:92px}
}
@media(max-width:720px){
 .inquiry-row,.inquiry-row-main,.inquiry-owner-manage{width:100%;max-width:100%}
 .inquiry-owner-manage form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important;width:100%}
 .inquiry-owner-manage select{grid-column:1;width:100%;min-width:0}
 .inquiry-owner-manage textarea[name="note"]{grid-column:1/-1;width:100%!important;min-width:0!important;box-sizing:border-box}
 .inquiry-owner-manage button[type="submit"]{grid-column:2;grid-row:1;min-width:54px;min-height:34px;padding:5px 8px}
 .inquiry-save-status{grid-column:1/-1;justify-self:end;height:11px;max-width:56px}
 .answer-popover-portal{max-height:42vh}
}

/* V110: delete stays completely hidden until left swipe; right swipe restores row. */
.inquiry-swipe-enabled{position:relative!important;overflow:hidden!important}
.inquiry-swipe-delete{
  position:absolute!important;
  right:6px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:66px!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:1!important;
  transition:opacity .12s ease,visibility .12s ease!important;
}
.inquiry-swipe-enabled.swiped>.inquiry-swipe-delete{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.inquiry-swipe-enabled>.inquiry-avatar,
.inquiry-swipe-enabled>.inquiry-maintext,
.inquiry-swipe-enabled>.inquiry-actions{
  position:relative!important;
  z-index:2!important;
  transition:transform .18s ease!important;
}
.inquiry-swipe-enabled:not(.swiped)>.inquiry-avatar,
.inquiry-swipe-enabled:not(.swiped)>.inquiry-maintext,
.inquiry-swipe-enabled:not(.swiped)>.inquiry-actions{
  transform:translateX(0)!important;
}
.inquiry-swipe-enabled.swiped>.inquiry-avatar,
.inquiry-swipe-enabled.swiped>.inquiry-maintext,
.inquiry-swipe-enabled.swiped>.inquiry-actions{
  transform:translateX(-72px)!important;
}
/* Normal state reserves no delete-button space; edit/view-answer controls remain in their own action column. */
.inquiry-swipe-enabled:not(.swiped)>.inquiry-swipe-delete form,
.inquiry-swipe-enabled:not(.swiped)>.inquiry-swipe-delete button{visibility:hidden!important}
@media(max-width:720px){
 .inquiry-swipe-delete{right:5px!important;width:60px!important}
 .inquiry-swipe-enabled.swiped>.inquiry-avatar,
 .inquiry-swipe-enabled.swiped>.inquiry-maintext,
 .inquiry-swipe-enabled.swiped>.inquiry-actions{transform:translateX(-66px)!important}
}

#checkinCalendar{transition:opacity .12s ease}
#checkinCalendar.calendar-loading{opacity:.55;pointer-events:none}

/* V112 mobile creator inquiry handling */
.inquiry-owner-manage-v112{position:relative!important;z-index:20!important;overflow:visible!important}
.inquiry-owner-toggle{position:relative!important;z-index:21!important;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer}
.inquiry-owner-manage-v112 form{position:relative!important;z-index:22!important;overflow:visible!important}
.inquiry-owner-manage-v112 select,.inquiry-owner-manage-v112 textarea,.inquiry-owner-manage-v112 button{pointer-events:auto!important;touch-action:manipulation!important}
@media(max-width:720px){
 .inquiry-entry:has(.inquiry-owner-manage-v112){overflow:visible!important}
 .inquiry-entry:has(.inquiry-owner-manage-v112) .inquiry-maintext{overflow:visible!important;min-width:0!important}
 .inquiry-owner-manage-v112{width:100%!important;max-width:100%!important}
 .inquiry-owner-manage-v112[open]{display:block!important}
 .inquiry-owner-manage-v112 form{
   display:grid!important;
   grid-template-columns:minmax(0,1fr) auto!important;
   grid-template-areas:"result save" "visibility visibility" "note note" "status status"!important;
   width:100%!important;max-width:100%!important;min-width:0!important;
   gap:5px!important;margin-top:6px!important;transform:none!important;
 }
 .inquiry-owner-manage-v112 select[name="result"]{grid-area:result!important;width:100%!important;min-width:0!important;height:36px!important}
 .inquiry-owner-manage-v112 select[name="hidden"]{grid-area:visibility!important;width:100%!important;min-width:0!important;height:34px!important}
 .inquiry-owner-manage-v112 textarea[name="note"]{grid-area:note!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;min-height:40px!important}
 .inquiry-owner-manage-v112 button[type="submit"]{grid-area:save!important;min-width:58px!important;height:36px!important;margin:0!important}
 .inquiry-owner-manage-v112 .inquiry-save-status{grid-area:status!important;justify-self:end!important}
}

/* V113 — restore stable inquiry-manage layout on desktop + mobile.
   Keep V108 data/AJAX fixes, but undo later experimental grid/overflow positioning. */
.inquiry-owner-manage{
  display:inline-block!important;
  position:relative!important;
  z-index:auto!important;
  width:auto!important;
  max-width:100%!important;
  overflow:visible!important;
  vertical-align:middle!important;
}
.inquiry-owner-manage>summary{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  position:static!important;
  z-index:auto!important;
  touch-action:manipulation!important;
}
.inquiry-owner-manage[open]{
  display:block!important;
  width:100%!important;
  margin-top:5px!important;
}
.inquiry-owner-manage form{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-top:5px!important;
  position:static!important;
  z-index:auto!important;
  transform:none!important;
  overflow:visible!important;
}
.inquiry-owner-manage select{
  width:auto!important;
  min-width:88px!important;
  max-width:100%!important;
  height:34px!important;
  flex:0 1 auto!important;
  position:static!important;
}
.inquiry-owner-manage textarea[name="note"]{
  width:220px!important;
  min-width:120px!important;
  max-width:100%!important;
  min-height:34px!important;
  height:34px!important;
  box-sizing:border-box!important;
  flex:1 1 180px!important;
  position:static!important;
}
.inquiry-owner-manage button[type="submit"]{
  width:auto!important;
  min-width:54px!important;
  height:34px!important;
  flex:0 0 auto!important;
  position:static!important;
}
.inquiry-owner-manage .inquiry-save-status{
  display:inline-block!important;
  width:auto!important;
  max-width:56px!important;
  height:auto!important;
  flex:0 0 auto!important;
  position:static!important;
}
.inquiry-entry,.inquiry-maintext,.inquiry-actions{
  min-width:0!important;
}
@media(max-width:720px){
  .inquiry-owner-manage,
  .inquiry-owner-manage[open]{
    width:100%!important;
    max-width:100%!important;
  }
  .inquiry-owner-manage form{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    grid-template-columns:none!important;
    grid-template-areas:none!important;
    gap:5px!important;
  }
  .inquiry-owner-manage select{
    width:auto!important;
    min-width:82px!important;
    flex:1 1 110px!important;
  }
  .inquiry-owner-manage textarea[name="note"]{
    order:3!important;
    width:100%!important;
    min-width:0!important;
    flex:1 0 100%!important;
    min-height:38px!important;
    height:38px!important;
  }
  .inquiry-owner-manage button[type="submit"]{
    order:2!important;
    flex:0 0 auto!important;
  }
  .inquiry-owner-manage select[name="hidden"]{
    order:1!important;
  }
  .inquiry-owner-manage select[name="result"]{
    order:0!important;
  }
  .inquiry-owner-manage .inquiry-save-status{
    order:4!important;
    margin-left:auto!important;
  }
}
/* Owner rows must never inherit asker swipe movement. */
.inquiry-entry:not(.inquiry-swipe-enabled) .inquiry-owner-manage,
.inquiry-entry:not(.inquiry-swipe-enabled) .inquiry-owner-manage *{
  transform:none!important;
}

/* V114: mobile creator controls are a floating panel, so opening them never reflows/crops the inquiry row. */
.inquiry-owner-manage textarea[name="note"]{
  resize:none!important;
  overflow-y:hidden!important;
  max-height:96px!important;
}
@media(max-width:720px){
  .inquiry-entry{overflow:visible!important}
  .inquiry-maintext{min-width:0!important}
  .inquiry-owner-manage{
    position:static!important;
    width:auto!important;
    max-width:none!important;
  }
  .inquiry-owner-manage>summary{
    display:inline-flex!important;
    width:auto!important;
    min-width:0!important;
  }
  .inquiry-owner-manage[open]>summary{
    display:none!important;
  }
  .inquiry-owner-manage[open] form{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    top:auto!important;
    z-index:12000!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;
    grid-template-areas:
      "result visibility save"
      "note note note"
      "status status status"!important;
    gap:6px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:9px!important;
    border:1px solid #ffffff22!important;
    border-radius:11px!important;
    background:rgba(7,18,28,.98)!important;
    box-shadow:0 12px 34px #0009!important;
    overflow:visible!important;
    transform:none!important;
  }
  .inquiry-owner-manage[open] select[name="result"]{
    grid-area:result!important;
    width:100%!important;
    min-width:0!important;
    height:36px!important;
  }
  .inquiry-owner-manage[open] select[name="hidden"]{
    grid-area:visibility!important;
    width:100%!important;
    min-width:0!important;
    height:36px!important;
  }
  .inquiry-owner-manage[open] button[type="submit"]{
    grid-area:save!important;
    width:auto!important;
    min-width:54px!important;
    height:36px!important;
    margin:0!important;
  }
  .inquiry-owner-manage[open] textarea[name="note"]{
    grid-area:note!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:38px!important;
    height:38px!important;
    box-sizing:border-box!important;
    resize:none!important;
    overflow-y:hidden!important;
  }
  .inquiry-owner-manage[open] .inquiry-save-status{
    grid-area:status!important;
    justify-self:end!important;
    max-width:56px!important;
    margin:0!important;
  }
}

/* V115: only one inquiry reply/management panel may be open at once. */

/* V116: floating inquiry-manage panel on ALL devices */
.inquiry-owner-manage textarea[name="note"]{
  resize:none!important;
  overflow-y:hidden!important;
  max-height:96px!important;
}
.inquiry-entry{overflow:visible!important}
.inquiry-owner-manage{
  position:static!important;
  width:auto!important;
  max-width:none!important;
}
.inquiry-owner-manage>summary{
  display:inline-flex!important;
  width:auto!important;
  min-width:0!important;
}
.inquiry-owner-manage[open]>summary{
  display:none!important;
}
.inquiry-owner-manage[open] form{
  position:fixed!important;
  left:50%!important;
  bottom:max(14px,env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  z-index:12000!important;
  display:grid!important;
  grid-template-columns:minmax(150px,1fr) minmax(120px,.8fr) auto!important;
  grid-template-areas:
    "result visibility save"
    "note note note"
    "status status status"!important;
  gap:7px!important;
  width:min(720px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  margin:0!important;
  padding:10px!important;
  border:1px solid #ffffff22!important;
  border-radius:12px!important;
  background:rgba(7,18,28,.98)!important;
  box-shadow:0 14px 38px #0009!important;
  overflow:visible!important;
}
.inquiry-owner-manage[open] select[name="result"]{
  grid-area:result!important;
  width:100%!important;
  min-width:0!important;
  height:36px!important;
}
.inquiry-owner-manage[open] select[name="hidden"]{
  grid-area:visibility!important;
  width:100%!important;
  min-width:0!important;
  height:36px!important;
}
.inquiry-owner-manage[open] button[type="submit"]{
  grid-area:save!important;
  width:auto!important;
  min-width:58px!important;
  height:36px!important;
  margin:0!important;
}
.inquiry-owner-manage[open] textarea[name="note"]{
  grid-area:note!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:38px!important;
  height:38px!important;
  box-sizing:border-box!important;
  resize:none!important;
  overflow-y:hidden!important;
}
.inquiry-owner-manage[open] .inquiry-save-status{
  grid-area:status!important;
  justify-self:end!important;
  max-width:56px!important;
  margin:0!important;
}
@media(max-width:720px){
 .inquiry-owner-manage[open] form{
   left:8px!important;
   right:8px!important;
   transform:none!important;
   width:auto!important;
   max-width:none!important;
   grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;
 }
}

/* V117: mobile manage panel is viewport-fixed and note box never jumps/reflows. */
@media(max-width:720px){
 .inquiry-owner-manage[open] form{
   position:fixed!important;
   left:8px!important;
   right:8px!important;
   top:8px!important;
   bottom:auto!important;
   transform:none!important;
   width:auto!important;
   max-width:none!important;
   max-height:calc(100dvh - 16px)!important;
   overflow-y:auto!important;
   overflow-x:hidden!important;
   overscroll-behavior:contain!important;
   -webkit-overflow-scrolling:touch!important;
   padding:8px!important;
   grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;
   grid-template-areas:
     "result visibility save"
     "note note note"
     "status status status"!important;
 }
 .inquiry-owner-manage[open] textarea[name="note"]{
   grid-area:note!important;
   display:block!important;
   width:100%!important;
   min-width:0!important;
   max-width:100%!important;
   height:64px!important;
   min-height:64px!important;
   max-height:64px!important;
   resize:none!important;
   overflow-y:auto!important;
   overflow-x:hidden!important;
   box-sizing:border-box!important;
   position:static!important;
   transform:none!important;
 }
 .inquiry-owner-manage[open] select,
 .inquiry-owner-manage[open] button,
 .inquiry-owner-manage[open] .inquiry-save-status{
   position:static!important;
   transform:none!important;
 }
 .inquiry-entry,
 .inquiry-maintext,
 .inquiry-actions{
   overflow:visible!important;
 }
}

/* V118 stable owner-manage: desktop inline; mobile anchored to the selected inquiry. */
.inquiry-owner-manage[open]>summary{display:inline-flex!important}
.inquiry-owner-manage[open] form{
  box-sizing:border-box!important;
}
@media(min-width:721px){
 .inquiry-owner-manage[open] form{
   position:absolute!important;
   right:0!important;
   top:calc(100% + 5px)!important;
   left:auto!important;
   bottom:auto!important;
   transform:none!important;
   z-index:12000!important;
   display:flex!important;
   flex-wrap:wrap!important;
   align-items:center!important;
   gap:6px!important;
   width:min(680px,calc(100vw - 40px))!important;
   max-width:calc(100vw - 40px)!important;
   padding:9px!important;
   border:1px solid #ffffff22!important;
   border-radius:11px!important;
   background:rgba(7,18,28,.98)!important;
   box-shadow:0 12px 34px #0008!important;
   overflow:visible!important;
 }
 .inquiry-owner-manage[open] textarea[name="note"]{
   resize:none!important;
   overflow-y:hidden!important;
   min-height:38px!important;
   max-height:96px!important;
 }
}
@media(max-width:720px){
 .inquiry-owner-manage{position:static!important}
 .inquiry-owner-manage[open]>summary{display:inline-flex!important}
 .inquiry-owner-manage[open] form{
   position:fixed!important;
   z-index:12000!important;
   display:grid!important;
   grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;
   grid-template-areas:"result visibility save" "note note note" "status status status"!important;
   gap:6px!important;
   margin:0!important;
   padding:8px!important;
   border:1px solid #ffffff22!important;
   border-radius:10px!important;
   background:rgba(7,18,28,.985)!important;
   box-shadow:0 10px 30px #0008!important;
   overflow-y:auto!important;
   overflow-x:hidden!important;
   overscroll-behavior:contain!important;
 }
 .inquiry-owner-manage[open] select[name="result"]{grid-area:result!important;width:100%!important;min-width:0!important;height:36px!important}
 .inquiry-owner-manage[open] select[name="hidden"]{grid-area:visibility!important;width:100%!important;min-width:0!important;height:36px!important}
 .inquiry-owner-manage[open] button[type="submit"]{grid-area:save!important;min-width:56px!important;height:36px!important}
 .inquiry-owner-manage[open] textarea[name="note"]{
   grid-area:note!important;width:100%!important;min-width:0!important;max-width:100%!important;
   height:64px!important;min-height:64px!important;max-height:64px!important;
   resize:none!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;
 }
 .inquiry-owner-manage[open] .inquiry-save-status{grid-area:status!important;justify-self:end!important}
}

/* V119 desktop: panel opens to the LEFT of the manage button + subtle page edge breathing room */
@media(min-width:721px){
  /* All main page content keeps a small gap from browser edges. */
  body{
    padding-left:10px!important;
    padding-right:10px!important;
    box-sizing:border-box!important;
  }
  .wrap,.container,main,.site-main{
    max-width:calc(100% - 4px);
    box-sizing:border-box;
  }

  /* Manage panel is anchored on the left side of its button.
     If space is constrained, max-width keeps it inside the viewport. */
  .inquiry-owner-manage{
    position:relative!important;
  }
  .inquiry-owner-manage[open] form{
    right:calc(100% + 7px)!important;
    left:auto!important;
    top:0!important;
    bottom:auto!important;
    transform:none!important;
    width:min(680px,calc(100vw - 36px))!important;
    max-width:calc(100vw - 36px)!important;
  }
}

/* V120 mobile answer popover: portal outside inquiry row so parent clipping cannot cut it. */
.answer-popover-portal{
  position:fixed!important;
  z-index:13000!important;
  box-sizing:border-box!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  transform:none!important;
}
@media(max-width:720px){
  .answer-popover-portal{
    min-width:0!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:10px!important;
  }
  .inquiry-entry,
  .inquiry-maintext,
  .inquiry-actions{
    overflow:visible!important;
  }
}

/* V121 desktop owner-manage: answer + visibility + save stay on one compact row */
@media(min-width:721px){
  .inquiry-owner-manage[open] form{
    display:grid!important;
    grid-template-columns:minmax(110px,1fr) minmax(110px,.9fr) auto!important;
    grid-template-areas:
      "result visibility save"
      "note note note"
      "status status status"!important;
    gap:6px!important;
    align-items:center!important;
    width:min(560px,calc(100vw - 40px))!important;
    max-width:calc(100vw - 40px)!important;
  }
  .inquiry-owner-manage[open] select[name="result"]{
    grid-area:result!important;
    width:100%!important;
    min-width:0!important;
    height:34px!important;
  }
  .inquiry-owner-manage[open] select[name="hidden"]{
    grid-area:visibility!important;
    width:100%!important;
    min-width:0!important;
    height:34px!important;
  }
  .inquiry-owner-manage[open] button[type="submit"]{
    grid-area:save!important;
    min-width:54px!important;
    height:34px!important;
    margin:0!important;
  }
  .inquiry-owner-manage[open] textarea[name="note"]{
    grid-area:note!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:34px!important;
    height:34px!important;
    box-sizing:border-box!important;
  }
  .inquiry-owner-manage[open] .inquiry-save-status{
    grid-area:status!important;
    justify-self:end!important;
    margin:0!important;
  }
}

/* V122: answer/note popup is document-anchored above its button and scrolls with the page. */
.answer-popover-portal{
  position:absolute!important;
  z-index:13000!important;
  transform:none!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
/* Mobile save feels immediate; background refresh must not move the viewport. */
@media(max-width:720px){
  .inquiry-save-status.success{opacity:.9}
}

/* V123: opening manage/view-answer never moves the inquiry row or its buttons. */
.inquiry-owner-manage,
.inquiry-owner-manage[open]{
  display:inline-block!important;
  position:static!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
}
.inquiry-owner-manage>summary,
.inquiry-owner-manage[open]>summary{
  display:inline-flex!important;
  position:static!important;
  width:auto!important;
  margin:0!important;
  transform:none!important;
}
.inquiry-owner-manage[open] form{
  position:fixed!important;
  margin:0!important;
  transform:none!important;
  z-index:12000!important;
  box-sizing:border-box!important;
  border:1px solid #ffffff24!important;
  border-radius:11px!important;
  background:rgba(7,18,28,.985)!important;
  box-shadow:0 12px 32px #0008!important;
  overflow:auto!important;
}
.inquiry-entry,
.inquiry-actions,
.inquiry-maintext{
  min-width:0!important;
}
.answer-popover-portal{
  position:absolute!important;
  z-index:13000!important;
  box-sizing:border-box!important;
  transform:none!important;
  overflow:auto!important;
}
@media(min-width:721px){
  .inquiry-owner-manage[open] form{
    display:grid!important;
    grid-template-columns:minmax(110px,1fr) minmax(110px,.9fr) auto!important;
    grid-template-areas:
      "result visibility save"
      "note note note"
      "status status status"!important;
    gap:6px!important;
    padding:9px!important;
  }
  .inquiry-owner-manage[open] select[name="result"]{grid-area:result!important}
  .inquiry-owner-manage[open] select[name="hidden"]{grid-area:visibility!important}
  .inquiry-owner-manage[open] button[type="submit"]{grid-area:save!important}
  .inquiry-owner-manage[open] textarea[name="note"]{
    grid-area:note!important;
    width:100%!important;
    resize:none!important;
    overflow-y:hidden!important;
    box-sizing:border-box!important;
  }
  .inquiry-owner-manage[open] .inquiry-save-status{grid-area:status!important;justify-self:end!important}
}
@media(max-width:720px){
  .inquiry-owner-manage[open] form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;
    grid-template-areas:
      "result visibility save"
      "note note note"
      "status status status"!important;
    gap:5px!important;
    padding:8px!important;
  }
  .inquiry-owner-manage[open] select[name="result"]{grid-area:result!important;width:100%!important;min-width:0!important}
  .inquiry-owner-manage[open] select[name="hidden"]{grid-area:visibility!important;width:100%!important;min-width:0!important}
  .inquiry-owner-manage[open] button[type="submit"]{grid-area:save!important}
  .inquiry-owner-manage[open] textarea[name="note"]{
    grid-area:note!important;
    width:100%!important;
    min-width:0!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    resize:none!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
  }
  .inquiry-owner-manage[open] .inquiry-save-status{grid-area:status!important;justify-self:end!important}
}

/* V124 — inquiry card flips in-place; no floating answer/manage panels. */
.answer-popover-portal{display:none!important}
.inquiry-flip-card{
  position:relative!important;
  perspective:1200px!important;
  overflow:visible!important;
}
.inquiry-flip-inner{
  position:relative!important;
  width:100%!important;
  min-height:68px!important;
  transform-style:preserve-3d!important;
  transition:transform .28s ease!important;
}
.inquiry-flip-card.is-flipped .inquiry-flip-inner{
  transform:rotateY(180deg)!important;
}
.inquiry-flip-face{
  width:100%!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  box-sizing:border-box!important;
}
.inquiry-flip-front{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:68px!important;
}
.inquiry-flip-back{
  position:absolute!important;
  inset:0!important;
  transform:rotateY(180deg)!important;
  display:flex!important;
  align-items:stretch!important;
  min-height:68px!important;
  overflow:hidden!important;
}
.inquiry-back-panel{
  display:none!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:7px 9px!important;
  background:inherit!important;
  overflow:auto!important;
}
.inquiry-flip-card.mode-answer .inquiry-back-answer,
.inquiry-flip-card.mode-manage .inquiry-back-manage{
  display:block!important;
}
.inquiry-back-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-bottom:6px!important;
}
.inquiry-back-note{
  white-space:pre-wrap!important;
  word-break:break-word!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.inquiry-back-manage form{
  position:static!important;
  display:grid!important;
  grid-template-columns:minmax(100px,1fr) minmax(100px,.9fr) auto!important;
  grid-template-areas:
    "result visibility save"
    "note note note"
    "status status status"!important;
  gap:5px!important;
  width:100%!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
}
.inquiry-back-manage select[name="result"]{grid-area:result!important}
.inquiry-back-manage select[name="hidden"]{grid-area:visibility!important}
.inquiry-back-manage button[type="submit"]{grid-area:save!important}
.inquiry-back-manage textarea[name="note"]{
  grid-area:note!important;
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  height:34px!important;
  max-height:64px!important;
  resize:none!important;
  overflow-y:auto!important;
  box-sizing:border-box!important;
}
.inquiry-back-manage .inquiry-save-status{
  grid-area:status!important;
  justify-self:end!important;
}
.inquiry-card-flip-trigger{
  position:relative!important;
  z-index:2!important;
}
@media(max-width:720px){
  .inquiry-flip-inner,
  .inquiry-flip-front,
  .inquiry-flip-back{
    min-height:78px!important;
  }
  .inquiry-back-panel{
    padding:6px 7px!important;
  }
  .inquiry-back-manage form{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;
    gap:4px!important;
  }
  .inquiry-back-manage textarea[name="note"]{
    min-height:38px!important;
    height:38px!important;
    max-height:58px!important;
  }
  .inquiry-back-head{margin-bottom:4px!important}
}
/* Flipping does not move the row's outside box or action button positions. */
.inquiry-flip-card,
.inquiry-flip-card .inquiry-flip-inner{
  contain:layout style!important;
}

/* V125 — restore original inquiry spacing; flip must not squeeze front text. */
.inquiry-flip-card{
  display:block!important;
  contain:none!important;
}
.inquiry-flip-inner{
  display:block!important;
  min-height:0!important;
  contain:none!important;
}
.inquiry-flip-front{
  /* Match the original inquiry-entry layout instead of a compressed flex row. */
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:4px!important;
  width:100%!important;
  min-height:0!important;
  box-sizing:border-box!important;
}
.inquiry-flip-front .inquiry-avatar{
  grid-column:1!important;
  min-width:0!important;
}
.inquiry-flip-front .inquiry-maintext{
  grid-column:2!important;
  min-width:0!important;
  width:100%!important;
}
.inquiry-flip-front .inquiry-actions{
  grid-column:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  min-width:max-content!important;
}
.inquiry-flip-front .inquiry-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:4px 6px!important;
  min-width:0!important;
}
.inquiry-flip-front .inquiry-question{
  display:block!important;
  width:100%!important;
  margin:4px 0 0!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.45!important;
}
.inquiry-flip-back{
  min-height:100%!important;
}
.inquiry-back-panel{
  line-height:1.45!important;
}
.inquiry-back-note{
  padding:3px 1px!important;
  line-height:1.5!important;
}

/* Back-side manage controls stay compact but readable. */
.inquiry-back-manage form{
  align-items:center!important;
}
.inquiry-back-manage select,
.inquiry-back-manage button{
  min-height:34px!important;
}
.inquiry-back-manage textarea[name="note"]{
  line-height:1.4!important;
  padding:6px 8px!important;
}

/* Mobile: keep avatar + content natural, actions on their own compact row.
   This prevents the question text from being squeezed into a tiny column. */
@media(max-width:720px){
  .inquiry-flip-front{
    grid-template-columns:auto minmax(0,1fr)!important;
    column-gap:8px!important;
    row-gap:5px!important;
    align-items:start!important;
  }
  .inquiry-flip-front .inquiry-avatar{
    grid-column:1!important;
    grid-row:1!important;
  }
  .inquiry-flip-front .inquiry-maintext{
    grid-column:2!important;
    grid-row:1!important;
  }
  .inquiry-flip-front .inquiry-actions{
    grid-column:1 / -1!important;
    grid-row:2!important;
    justify-content:flex-end!important;
    min-width:0!important;
    width:100%!important;
  }
  .inquiry-flip-front .inquiry-question{
    font-size:inherit!important;
    line-height:1.45!important;
  }
  .inquiry-flip-inner,
  .inquiry-flip-front,
  .inquiry-flip-back{
    min-height:0!important;
  }
}

/* When flipped, give the back enough room without permanently enlarging front cards. */
.inquiry-flip-card.is-flipped .inquiry-flip-inner{
  min-height:118px!important;
}
@media(max-width:720px){
  .inquiry-flip-card.is-flipped .inquiry-flip-inner{
    min-height:132px!important;
  }
}

/* V126: vertical flip + compact management row */
.inquiry-flip-card{perspective:1200px!important}
.inquiry-flip-inner{
  transform-style:preserve-3d!important;
  transition:transform .28s ease!important;
}
.inquiry-flip-card.is-flipped .inquiry-flip-inner{
  transform:rotateX(180deg)!important;
}
.inquiry-flip-back{
  transform:rotateX(180deg)!important;
}
.inquiry-back-toggle{display:none!important}
.inquiry-back-head{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  margin-bottom:5px!important;
}
.inquiry-back-manage form{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  max-width:100%!important;
}
.inquiry-back-manage select[name="result"]{
  flex:0 1 145px!important;
  min-width:100px!important;
}
.inquiry-back-manage textarea[name="note"]{
  flex:1 1 210px!important;
  min-width:145px!important;
  width:auto!important;
  height:34px!important;
  min-height:34px!important;
  max-height:58px!important;
  resize:none!important;
  overflow-y:auto!important;
}
.inquiry-back-manage select[name="hidden"]{
  flex:0 1 118px!important;
  min-width:92px!important;
}
.inquiry-back-manage button[type="submit"]{
  flex:0 0 auto!important;
  min-width:54px!important;
  height:34px!important;
}
.inquiry-back-manage .inquiry-save-status{
  flex:0 0 auto!important;
  margin-left:auto!important;
}
@media(max-width:720px){
  .inquiry-back-manage form{gap:4px!important}
  .inquiry-back-manage select[name="result"]{flex:1 1 105px!important;min-width:90px!important}
  .inquiry-back-manage textarea[name="note"]{flex:2 1 150px!important;min-width:115px!important;height:34px!important;min-height:34px!important}
  .inquiry-back-manage select[name="hidden"]{flex:1 1 96px!important;min-width:84px!important}
}

/* V127: no manage title, no vertical scrolling while handling, save flips back. */
.inquiry-back-manage{
  overflow:hidden!important;
}
.inquiry-back-manage form{
  overflow:hidden!important;
  align-content:center!important;
}
.inquiry-back-manage textarea[name="note"]{
  resize:none!important;
  overflow:hidden!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
}
.inquiry-flip-card.mode-manage .inquiry-flip-inner{
  min-height:92px!important;
}
.inquiry-flip-card.mode-manage .inquiry-flip-back{
  overflow:hidden!important;
}
@media(max-width:720px){
  .inquiry-flip-card.mode-manage .inquiry-flip-inner{
    min-height:100px!important;
  }
  .inquiry-back-manage,
  .inquiry-back-manage form,
  .inquiry-back-manage textarea[name="note"]{
    overflow:hidden!important;
  }
}
/* The answer side does not need an extra textual heading; only result + note content. */
.inquiry-answer-result-only{
  margin:0 0 4px!important;
}

/* V128 restore own-inquiry swipe delete without conflicting with vertical flip. */
.inquiry-swipe-enabled{
  position:relative!important;
  overflow:hidden!important;
}
.inquiry-swipe-enabled .inquiry-swipe-delete{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:0!important;
}
.inquiry-swipe-enabled .inquiry-flip-inner{
  position:relative!important;
  z-index:1!important;
  transition:transform .20s ease!important;
}
.inquiry-swipe-enabled.swipe-delete-open .inquiry-flip-inner{
  transform:translateX(-72px)!important;
}
/* A flipped card always closes the delete rail and uses only rotateX. */
.inquiry-swipe-enabled.is-flipped .inquiry-flip-inner{
  transform:rotateX(180deg)!important;
}
.inquiry-swipe-enabled.swipe-delete-open.is-flipped .inquiry-flip-inner{
  transform:rotateX(180deg)!important;
}
.inquiry-swipe-delete .btn{
  min-width:58px!important;
  margin:0!important;
}

/* V129 compact answer back: no empty note placeholder and no excess blank rows. */
.inquiry-flip-card.mode-answer .inquiry-flip-inner{
  min-height:58px!important;
}
.inquiry-flip-card.mode-answer .inquiry-flip-back{
  min-height:58px!important;
}
.inquiry-back-answer{
  padding:6px 8px!important;
  overflow:hidden!important;
}
.inquiry-back-answer .inquiry-back-head{
  margin:0!important;
  min-height:0!important;
}
.inquiry-back-answer .inquiry-back-note{
  margin:4px 0 0!important;
  padding:0!important;
  min-height:0!important;
}
@media(max-width:720px){
  .inquiry-flip-card.mode-answer .inquiry-flip-inner,
  .inquiry-flip-card.mode-answer .inquiry-flip-back{
    min-height:58px!important;
  }
  .inquiry-back-answer{padding:5px 7px!important}
}

/* V130 — full-width red swipe-delete rail, button fully visible on desktop/mobile. */
.inquiry-swipe-enabled{
  position:relative!important;
  overflow:hidden!important;
  border-radius:inherit!important;
}
.inquiry-swipe-enabled .inquiry-swipe-delete{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
  background:#b3261e!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:0!important;
}
.inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.inquiry-swipe-enabled .inquiry-swipe-delete form{
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.inquiry-swipe-enabled .inquiry-swipe-delete .btn{
  min-width:64px!important;
  height:34px!important;
  padding:5px 10px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.4)!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:visible!important;
  clip-path:none!important;
}
.inquiry-swipe-enabled .inquiry-flip-inner{
  position:relative!important;
  z-index:1!important;
  background:inherit!important;
  transition:transform .20s ease!important;
}
.inquiry-swipe-enabled.swipe-delete-open .inquiry-flip-inner{
  transform:translateX(-82px)!important;
}
/* Keep vertical flip independent from swipe state. */
.inquiry-swipe-enabled.is-flipped .inquiry-flip-inner,
.inquiry-swipe-enabled.swipe-delete-open.is-flipped .inquiry-flip-inner{
  transform:rotateX(180deg)!important;
}
@media(max-width:720px){
  .inquiry-swipe-enabled .inquiry-swipe-delete{
    padding-right:8px!important;
  }
  .inquiry-swipe-enabled .inquiry-swipe-delete .btn{
    min-width:60px!important;
    height:34px!important;
    padding:5px 8px!important;
  }
  .inquiry-swipe-enabled.swipe-delete-open .inquiry-flip-inner{
    transform:translateX(-76px)!important;
  }
}

/* V131 — swipe turns the visible inquiry card itself red, strictly clipped to this card. */
.inquiry-swipe-enabled{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border-radius:12px!important;
}
.inquiry-swipe-enabled .inquiry-swipe-delete{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding:0 8px!important;
  box-sizing:border-box!important;
  background:#b3261e!important;
  border-radius:inherit!important;
  overflow:hidden!important;
}
.inquiry-swipe-enabled .inquiry-flip-inner{
  position:relative!important;
  z-index:1!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  transition:transform .20s ease,background-color .20s ease,color .20s ease!important;
}
.inquiry-swipe-enabled.swipe-delete-open .inquiry-flip-inner{
  transform:translateX(-82px)!important;
  background:#b3261e!important;
  color:#fff!important;
}
/* All visible content travels with the card and adopts the red swipe state. */
.inquiry-swipe-enabled.swipe-delete-open .inquiry-flip-front,
.inquiry-swipe-enabled.swipe-delete-open .inquiry-maintext,
.inquiry-swipe-enabled.swipe-delete-open .inquiry-meta,
.inquiry-swipe-enabled.swipe-delete-open .inquiry-question,
.inquiry-swipe-enabled.swipe-delete-open .inquiry-name,
.inquiry-swipe-enabled.swipe-delete-open .muted,
.inquiry-swipe-enabled.swipe-delete-open time{
  background:#b3261e!important;
  color:#fff!important;
}
.inquiry-swipe-enabled.swipe-delete-open .inquiry-avatar{
  background:#b3261e!important;
}
.inquiry-swipe-enabled.swipe-delete-open .inquiry-avatar img{
  transform:translateZ(0)!important;
}
/* Delete button lives entirely inside the card's right edge. */
.inquiry-swipe-enabled .inquiry-swipe-delete form{
  position:relative!important;
  z-index:3!important;
  margin:0!important;
  max-width:72px!important;
  overflow:visible!important;
}
.inquiry-swipe-enabled .inquiry-swipe-delete .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  height:34px!important;
  padding:5px 7px!important;
  margin:0!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  clip-path:none!important;
}
/* Never let the red swipe layer bleed into neighboring inquiries. */
.inquiry-swipe-enabled::before,
.inquiry-swipe-enabled::after{
  border-radius:inherit!important;
}
@media(max-width:720px){
  .inquiry-swipe-enabled.swipe-delete-open .inquiry-flip-inner{
    transform:translateX(-76px)!important;
  }
  .inquiry-swipe-enabled .inquiry-swipe-delete{
    padding-right:6px!important;
  }
  .inquiry-swipe-enabled .inquiry-swipe-delete form{
    max-width:66px!important;
  }
  .inquiry-swipe-enabled .inquiry-swipe-delete .btn{
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    padding:5px 5px!important;
  }
}
/* Flip state remains independent. */
.inquiry-swipe-enabled.is-flipped .inquiry-flip-inner,
.inquiry-swipe-enabled.swipe-delete-open.is-flipped .inquiry-flip-inner{
  transform:rotateX(180deg)!important;
}

/* V132 — left swipe clears the inquiry content entirely, leaving a pure red card.
   Delete button sits from the right side toward the middle, fully visible. */
.inquiry-swipe-enabled.swipe-delete-open .inquiry-flip-inner{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(-100%)!important;
}
.inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  background:#b3261e!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding-right:clamp(18px,12%,110px)!important;
  padding-left:8px!important;
}
.inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete form{
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
}
.inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete .btn{
  width:auto!important;
  min-width:68px!important;
  max-width:none!important;
  height:36px!important;
  padding:6px 12px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
/* The red state is completely clean: no avatar/text/action remnants. */
.inquiry-swipe-enabled.swipe-delete-open .inquiry-avatar,
.inquiry-swipe-enabled.swipe-delete-open .inquiry-maintext,
.inquiry-swipe-enabled.swipe-delete-open .inquiry-actions,
.inquiry-swipe-enabled.swipe-delete-open .inquiry-flip-front,
.inquiry-swipe-enabled.swipe-delete-open .inquiry-flip-back{
  opacity:0!important;
  visibility:hidden!important;
}
/* Keep red strictly inside this inquiry card. */
.inquiry-swipe-enabled{
  isolation:isolate!important;
  overflow:hidden!important;
}
@media(max-width:720px){
  .inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete{
    padding-right:clamp(14px,10%,56px)!important;
  }
  .inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete .btn{
    min-width:64px!important;
    height:36px!important;
    padding:6px 10px!important;
  }
}
/* Flipped cards never enter delete state visually. */
.inquiry-swipe-enabled.is-flipped.swipe-delete-open .inquiry-flip-inner{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:rotateX(180deg)!important;
}

/* V133 FINAL delete-state override.
   Full red overlay covers the exact inquiry card on desktop + mobile. */
.inquiry-swipe-enabled{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
}

/* The red delete layer exactly fills the card. */
.inquiry-swipe-enabled .inquiry-swipe-delete{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border-radius:inherit!important;
  background:#b3261e!important;
  z-index:50!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  overflow:hidden!important;
}

/* Open state: hide the entire normal card and show only red overlay. */
.inquiry-swipe-enabled.swipe-delete-open .inquiry-flip-inner{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:none!important;
}
.inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}

/* Delete form/button: vertically centered, right aligned, with enough safe inset. */
.inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete form{
  position:absolute!important;
  top:50%!important;
  right:14px!important;
  left:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:visible!important;
  z-index:60!important;
}
.inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete .btn{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:66px!important;
  max-width:none!important;
  height:36px!important;
  min-height:36px!important;
  padding:5px 11px!important;
  margin:0!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:visible!important;
  clip-path:none!important;
  transform:none!important;
}

/* Remove old swipe-state styling that could leave partial red/visible content. */
.inquiry-swipe-enabled.swipe-delete-open .inquiry-flip-front,
.inquiry-swipe-enabled.swipe-delete-open .inquiry-flip-back,
.inquiry-swipe-enabled.swipe-delete-open .inquiry-avatar,
.inquiry-swipe-enabled.swipe-delete-open .inquiry-maintext,
.inquiry-swipe-enabled.swipe-delete-open .inquiry-actions{
  opacity:0!important;
  visibility:hidden!important;
}

/* Same geometry on desktop and mobile; only use a slightly smaller right inset on phones. */
@media(max-width:720px){
  .inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    padding:0!important;
  }
  .inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete form{
    top:50%!important;
    right:10px!important;
    transform:translateY(-50%)!important;
  }
  .inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete .btn{
    min-width:64px!important;
    height:34px!important;
    min-height:34px!important;
    padding:4px 9px!important;
  }
}
@media(min-width:721px){
  .inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete form{
    top:50%!important;
    right:14px!important;
    transform:translateY(-50%)!important;
  }
}

/* V134 — make the WHOLE inquiry card itself red in delete mode.
   The red state no longer depends on the overlay layer for coverage. */
.inquiry-swipe-enabled.swipe-delete-open{
  background:#b3261e!important;
  background-color:#b3261e!important;
  border-color:#b3261e!important;
  box-shadow:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

/* Paint every structural layer red so no lower-half original card can show through. */
.inquiry-swipe-enabled.swipe-delete-open,
.inquiry-swipe-enabled.swipe-delete-open::before,
.inquiry-swipe-enabled.swipe-delete-open::after,
.inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete{
  background:#b3261e!important;
  background-color:#b3261e!important;
}

/* Hide the normal card visually, but keep its full dimensions in layout. */
.inquiry-swipe-enabled.swipe-delete-open .inquiry-flip-inner{
  display:block!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:none!important;
  background:transparent!important;
}

/* Overlay is pinned to the exact card edges and forced to inherit full card radius/height. */
.inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:100!important;
}

/* Delete button is centered vertically and safely inset from the right edge. */
.inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete form{
  position:absolute!important;
  top:50%!important;
  right:14px!important;
  left:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  z-index:110!important;
}
.inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete .btn{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:68px!important;
  width:auto!important;
  max-width:none!important;
  height:36px!important;
  min-height:36px!important;
  padding:5px 12px!important;
  margin:0!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:visible!important;
  clip-path:none!important;
}

/* Never allow the old half-height/partial-red rules to win. */
.inquiry-swipe-enabled.swipe-delete-open .inquiry-avatar,
.inquiry-swipe-enabled.swipe-delete-open .inquiry-maintext,
.inquiry-swipe-enabled.swipe-delete-open .inquiry-actions,
.inquiry-swipe-enabled.swipe-delete-open .inquiry-flip-front,
.inquiry-swipe-enabled.swipe-delete-open .inquiry-flip-back{
  opacity:0!important;
  visibility:hidden!important;
  background:transparent!important;
}

@media(max-width:720px){
  .inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete form{
    right:10px!important;
  }
  .inquiry-swipe-enabled.swipe-delete-open .inquiry-swipe-delete .btn{
    min-width:64px!important;
    height:34px!important;
    min-height:34px!important;
    padding:4px 10px!important;
  }
}

/* V135 — personal inquiries may both swipe-delete and flip, but never at the same time. */
.inquiry-swipe-enabled.is-flipped{
  background:inherit!important;
  border-color:inherit!important;
  overflow:visible!important;
}
.inquiry-swipe-enabled.is-flipped .inquiry-swipe-delete{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.inquiry-swipe-enabled.is-flipped .inquiry-flip-inner{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:rotateX(180deg)!important;
}
.inquiry-swipe-enabled.is-flipped .inquiry-flip-back{
  opacity:1!important;
  visibility:visible!important;
}
.inquiry-swipe-enabled.is-flipped .inquiry-flip-front{
  opacity:1!important;
  visibility:visible!important;
}
/* Delete red-state rules only apply when NOT flipped. */
.inquiry-swipe-enabled.swipe-delete-open:not(.is-flipped){
  background:#b3261e!important;
  border-color:#b3261e!important;
  overflow:hidden!important;
}

/* V136 — rebuild personal-inquiry flip state from scratch.
   Personal cards no longer share the swipe-delete opacity/transform rules while flipped. */
.inquiry-flip-card.inquiry-swipe-enabled.is-flipped{
  overflow:visible!important;
  background:inherit!important;
  border-color:inherit!important;
}
.inquiry-flip-card.inquiry-swipe-enabled.is-flipped>.inquiry-swipe-delete{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Do not use the old inner rotate transform on personal cards; it conflicts with swipe transforms. */
.inquiry-flip-card.inquiry-swipe-enabled.is-flipped .inquiry-flip-inner{
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  min-height:58px!important;
  animation:personalInquiryFlip .26s ease both!important;
  overflow:visible!important;
}

/* Front is completely removed from the flipped layout. */
.inquiry-flip-card.inquiry-swipe-enabled.is-flipped .inquiry-flip-front{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Back becomes the actual in-flow card content, so answer/manage can never be hidden behind front. */
.inquiry-flip-card.inquiry-swipe-enabled.is-flipped .inquiry-flip-back{
  display:flex!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  min-height:58px!important;
  height:auto!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  overflow:visible!important;
}

/* Only the selected back panel is shown. */
.inquiry-flip-card.inquiry-swipe-enabled.is-flipped.mode-answer .inquiry-back-answer{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}
.inquiry-flip-card.inquiry-swipe-enabled.is-flipped.mode-manage .inquiry-back-manage{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}
.inquiry-flip-card.inquiry-swipe-enabled.is-flipped.mode-answer .inquiry-back-manage,
.inquiry-flip-card.inquiry-swipe-enabled.is-flipped.mode-manage .inquiry-back-answer{
  display:none!important;
}

/* Manage side remains compact/readable. */
.inquiry-flip-card.inquiry-swipe-enabled.is-flipped.mode-manage .inquiry-flip-inner{
  min-height:92px!important;
}
@media(max-width:720px){
  .inquiry-flip-card.inquiry-swipe-enabled.is-flipped.mode-manage .inquiry-flip-inner{
    min-height:100px!important;
  }
}

@keyframes personalInquiryFlip{
  0%{transform:rotateX(-70deg);opacity:.15}
  60%{transform:rotateX(8deg);opacity:1}
  100%{transform:rotateX(0);opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .inquiry-flip-card.inquiry-swipe-enabled.is-flipped .inquiry-flip-inner{
    animation:none!important;
  }
}

/* V137 — delete overlay must cover the exact OUTER inquiry row, not an inner flip face. */
.inquiry-swipe-enabled.swipe-delete-open{
  position:relative!important;
  overflow:hidden!important;
  background:#b3261e!important;
  background-image:none!important;
  border-radius:12px!important;
  min-height:0!important;
}
.inquiry-swipe-enabled.swipe-delete-open>.inquiry-swipe-delete{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border-radius:inherit!important;
  background:#b3261e!important;
  background-image:none!important;
  z-index:999!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  overflow:hidden!important;
}
/* Hide every normal child under the overlay, but keep dimensions unchanged. */
.inquiry-swipe-enabled.swipe-delete-open>.inquiry-flip-inner{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:none!important;
}
/* Right-center delete button, measured against the full outer row. */
.inquiry-swipe-enabled.swipe-delete-open>.inquiry-swipe-delete>form{
  position:absolute!important;
  top:50%!important;
  right:12px!important;
  left:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
}
.inquiry-swipe-enabled.swipe-delete-open>.inquiry-swipe-delete>form .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:68px!important;
  width:auto!important;
  height:36px!important;
  padding:5px 12px!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
@media(max-width:720px){
  .inquiry-swipe-enabled.swipe-delete-open>.inquiry-swipe-delete>form{right:9px!important}
  .inquiry-swipe-enabled.swipe-delete-open>.inquiry-swipe-delete>form .btn{
    min-width:64px!important;
    height:34px!important;
    padding:4px 9px!important;
  }
}

/* V138: delete is inside flip card; old swipe-delete UI is disabled. */
.inquiry-swipe-delete{display:none!important}
.inquiry-flip-card.mode-asker-edit .inquiry-back-asker-edit{display:block!important}
.inquiry-flip-card.mode-asker-edit .inquiry-back-answer,
.inquiry-flip-card.mode-asker-edit .inquiry-back-manage{display:none!important}
.inquiry-back-asker-edit{
  width:100%!important;
  padding:6px 8px!important;
  box-sizing:border-box!important;
}
.inquiry-back-asker-edit form{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
}
.inquiry-back-asker-edit textarea[name="content"]{
  flex:1 1 auto!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  max-height:64px!important;
  resize:none!important;
  overflow-y:auto!important;
  box-sizing:border-box!important;
}
.inquiry-back-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  margin-left:auto!important;
}
.inquiry-back-answer .inquiry-back-actions{
  margin-top:6px!important;
}
.inquiry-flip-card.mode-asker-edit .inquiry-flip-inner{
  min-height:86px!important;
}
@media(max-width:720px){
  .inquiry-back-asker-edit form{gap:5px!important}
  .inquiry-back-asker-edit textarea[name="content"]{height:42px!important;min-height:42px!important}
  .inquiry-back-actions{gap:4px!important}
}

/* V139 — inline edit box never shows vertical scrolling; delete form stays clickable. */
.inquiry-back-asker-edit{
  overflow:hidden!important;
}
.inquiry-back-asker-edit .inquiry-edit-ajax{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
}
.inquiry-back-asker-edit textarea[name="content"]{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  resize:none!important;
  overflow-y:hidden!important;
  overflow-x:hidden!important;
  white-space:pre-wrap!important;
  box-sizing:border-box!important;
}
.inquiry-back-asker-edit .inquiry-delete-inline-form{
  display:flex!important;
  justify-content:flex-end!important;
  margin:5px 0 0!important;
  width:100%!important;
}
.inquiry-back-asker-edit .inquiry-delete-inline-form .btn{
  pointer-events:auto!important;
  position:relative!important;
  z-index:5!important;
}
@media(max-width:720px){
  .inquiry-back-asker-edit textarea[name="content"]{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
  }
}

/* V140 — edit/save/delete share one row; desktop delete stays fully clickable. */
.inquiry-back-asker-edit .inquiry-edit-row{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  overflow:visible!important;
}
.inquiry-back-asker-edit .inquiry-edit-ajax{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
}
.inquiry-back-asker-edit .inquiry-edit-ajax textarea[name="content"]{
  flex:1 1 auto!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  overflow:hidden!important;
  resize:none!important;
}
.inquiry-back-asker-edit .inquiry-edit-ajax>button[type="submit"],
.inquiry-back-asker-edit .inquiry-delete-inline-form{
  flex:0 0 auto!important;
}
.inquiry-back-asker-edit .inquiry-delete-inline-form{
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  z-index:20!important;
  overflow:visible!important;
}
.inquiry-back-asker-edit .inquiry-delete-inline-form button{
  position:relative!important;
  z-index:21!important;
  pointer-events:auto!important;
  margin:0!important;
}
@media(max-width:720px){
  .inquiry-back-asker-edit .inquiry-edit-row{gap:4px!important}
  .inquiry-back-asker-edit .inquiry-edit-ajax{gap:4px!important}
  .inquiry-back-asker-edit .inquiry-edit-ajax textarea[name="content"]{
    height:42px!important;min-height:42px!important;max-height:42px!important;
  }
}

/* V141 — desktop inline edit actions stay inside the flipped card. */
@media(min-width:721px){
  .inquiry-back-asker-edit{
    overflow:visible!important;
    padding:7px 9px!important;
    box-sizing:border-box!important;
  }

  .inquiry-back-asker-edit .inquiry-edit-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:"content save delete"!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  .inquiry-back-asker-edit .inquiry-edit-ajax{
    display:contents!important;
  }

  .inquiry-back-asker-edit .inquiry-edit-ajax textarea[name="content"]{
    grid-area:content!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    resize:none!important;
  }

  .inquiry-back-asker-edit .inquiry-edit-ajax>button[type="submit"]{
    grid-area:save!important;
    align-self:center!important;
    margin:0!important;
    min-width:56px!important;
    height:36px!important;
  }

  .inquiry-back-asker-edit .inquiry-delete-inline-form{
    grid-area:delete!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    overflow:visible!important;
  }

  .inquiry-back-asker-edit .inquiry-delete-inline-form button{
    position:static!important;
    margin:0!important;
    min-width:56px!important;
    height:36px!important;
    transform:none!important;
  }

  .inquiry-flip-card.mode-asker-edit .inquiry-flip-inner{
    min-height:72px!important;
  }

  .inquiry-flip-card.mode-asker-edit .inquiry-flip-back{
    min-height:72px!important;
    overflow:visible!important;
  }
}

/* V142 — answered personal inquiries are view-only: answer/note + delete only. */
.inquiry-back-answer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "result delete"
    "note delete"!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:4px!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.inquiry-back-answer .inquiry-back-head{
  grid-area:result!important;
  margin:0!important;
  min-width:0!important;
}
.inquiry-back-answer .inquiry-back-note{
  grid-area:note!important;
  margin:0!important;
  min-width:0!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}
.inquiry-back-answer .inquiry-back-actions{
  grid-area:delete!important;
  align-self:center!important;
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  overflow:visible!important;
}
.inquiry-back-answer .inquiry-back-actions form{
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
}
.inquiry-back-answer .inquiry-back-actions .btn{
  min-width:60px!important;
  height:36px!important;
  margin:0!important;
  position:static!important;
  transform:none!important;
}
.inquiry-flip-card.mode-answer .inquiry-flip-inner,
.inquiry-flip-card.mode-answer .inquiry-flip-back{
  min-height:64px!important;
}
@media(max-width:720px){
  .inquiry-back-answer{
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:6px!important;
  }
  .inquiry-back-answer .inquiry-back-actions .btn{
    min-width:56px!important;
    height:34px!important;
  }
}

/* V143 — desktop answered-card safe area: prevent bottom/right clipping. */
@media(min-width:721px){
  .inquiry-flip-card.mode-answer{
    overflow:visible!important;
  }
  .inquiry-flip-card.mode-answer .inquiry-flip-inner{
    min-height:72px!important;
    height:auto!important;
    overflow:visible!important;
  }
  .inquiry-flip-card.mode-answer .inquiry-flip-back{
    min-height:72px!important;
    height:auto!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .inquiry-flip-card.mode-answer .inquiry-back-answer{
    min-height:68px!important;
    height:auto!important;
    padding:8px 14px 10px 10px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    align-content:center!important;
  }
  .inquiry-back-answer .inquiry-back-actions{
    padding-right:2px!important;
    padding-bottom:2px!important;
    box-sizing:border-box!important;
  }
  .inquiry-back-answer .inquiry-back-actions .btn{
    height:34px!important;
    min-height:34px!important;
    line-height:1.1!important;
    margin:0!important;
  }
}

/* V144 mobile delete reliability */
.inquiry-back-answer .inquiry-back-actions,
.inquiry-back-answer .inquiry-back-actions form,
.inquiry-back-asker-edit .inquiry-delete-inline-form{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  position:relative!important;
  z-index:30!important;
}
.inquiry-back-answer .inquiry-back-actions button,
.inquiry-back-asker-edit .inquiry-delete-inline-form button{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  position:relative!important;
  z-index:31!important;
}
@media(max-width:720px){
  .inquiry-flip-card.is-flipped .inquiry-flip-back,
  .inquiry-flip-card.is-flipped .inquiry-back-panel{
    pointer-events:auto!important;
    overflow:visible!important;
  }
  .inquiry-back-answer .inquiry-back-actions,
  .inquiry-back-asker-edit .inquiry-delete-inline-form{
    min-width:58px!important;
    min-height:36px!important;
  }
  .inquiry-back-answer .inquiry-back-actions button,
  .inquiry-back-asker-edit .inquiry-delete-inline-form button{
    min-width:58px!important;
    min-height:36px!important;
  }
}

/* V145 — forum / ghost list: reply count left of avatar; author name hidden. */
.mock-post-meta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  white-space:nowrap!important;
}
.mock-post-replies{
  font-size:12px!important;
  line-height:1!important;
  opacity:.78!important;
}
.row-author-avatar-only{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
}
.row-author-avatar-only strong{display:none!important}
.row-author-avatar-only img,
.row-author-avatar-only .row-author-fallback{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
@media(max-width:720px){
  .mock-post-meta{gap:5px!important}
  .mock-post-replies{font-size:11px!important}
  .row-author-avatar-only img,
  .row-author-avatar-only .row-author-fallback{
    width:28px!important;height:28px!important;min-width:28px!important;
  }
}

/* V146 — mobile inquiry handling uses the SAME vertical flip model as desktop. */
@media(max-width:720px){
  .inquiry-flip-card{
    perspective:1200px!important;
    overflow:visible!important;
  }
  .inquiry-flip-card .inquiry-flip-inner{
    position:relative!important;
    transform-style:preserve-3d!important;
    transition:transform .28s ease!important;
    overflow:visible!important;
  }
  .inquiry-flip-card.is-flipped .inquiry-flip-inner{
    transform:rotateX(180deg)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .inquiry-flip-card .inquiry-flip-front{
    position:relative!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
  }
  .inquiry-flip-card .inquiry-flip-back{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    transform:rotateX(180deg)!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    overflow:visible!important;
  }

  /* Creator manage/edit side follows desktop behavior: no floating panel, no page jump. */
  .inquiry-back-manage,
  .inquiry-back-asker-edit{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  .inquiry-back-manage form,
  .inquiry-back-asker-edit .inquiry-edit-row{
    position:static!important;
    transform:none!important;
    max-width:100%!important;
  }

  /* Delete buttons remain tappable on the back face. */
  .inquiry-delete-ajax,
  .inquiry-delete-ajax button{
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
}

/* V147 — inquiry pagination refreshes only the inquiry list. */
#ask .inquiry-list{
  transition:opacity .12s ease;
}
#ask.inquiry-page-loading .inquiry-list{
  opacity:.55;
  pointer-events:none;
}
#ask .inquiry-page-link{
  touch-action:manipulation;
}

/* V148: own-inquiry deletion always requires explicit confirmation. */

/* V149 — mobile delete confirmation tap reliability */
@media(max-width:720px){
 .inquiry-delete-ajax button[type="submit"]{
   touch-action:manipulation!important;
   -webkit-tap-highlight-color:rgba(0,0,0,.08);
 }
}

/* V150 — deterministic in-card delete confirmation, no browser-native confirm dependency. */
.inquiry-delete-ajax{
  position:relative!important;
}
.inquiry-delete-confirm-panel{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 6px)!important;
  z-index:200!important;
  width:min(300px,calc(100vw - 24px))!important;
  padding:9px!important;
  border:1px solid #ffffff22!important;
  border-radius:10px!important;
  background:rgba(12,18,25,.98)!important;
  box-shadow:0 10px 28px #0008!important;
  box-sizing:border-box!important;
}
.inquiry-delete-confirm-text{
  display:block!important;
  font-size:12px!important;
  line-height:1.45!important;
  margin-bottom:7px!important;
  white-space:normal!important;
}
.inquiry-delete-confirm-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:6px!important;
}
.inquiry-delete-confirm-actions .btn{
  min-height:34px!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
@media(max-width:720px){
  .inquiry-delete-confirm-panel{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:auto!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    z-index:20000!important;
  }
  .inquiry-delete-confirm-actions .btn{
    min-height:40px!important;
  }
}

/* V151 — delete confirmation uses the same vertical flip card, no floating confirmation panel. */
.inquiry-delete-confirm-panel{display:none!important}
.inquiry-flip-card.mode-delete-confirm .inquiry-back-answer,
.inquiry-flip-card.mode-delete-confirm .inquiry-back-manage,
.inquiry-flip-card.mode-delete-confirm .inquiry-back-asker-edit{
  display:none!important;
}
.inquiry-flip-card.mode-delete-confirm .inquiry-back-delete-confirm{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:72px!important;
  padding:8px 10px!important;
  box-sizing:border-box!important;
  text-align:center!important;
}
.inquiry-back-delete-confirm .delete-confirm-message{
  font-size:13px!important;
  line-height:1.45!important;
  white-space:normal!important;
}
.inquiry-back-delete-confirm .delete-confirm-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
.inquiry-back-delete-confirm .btn{
  min-height:34px!important;
  touch-action:manipulation!important;
  pointer-events:auto!important;
}
.inquiry-flip-card.mode-delete-confirm .inquiry-flip-inner{
  min-height:86px!important;
}
@media(max-width:720px){
  .inquiry-flip-card.mode-delete-confirm .inquiry-flip-inner{
    min-height:94px!important;
  }
  .inquiry-flip-card.mode-delete-confirm .inquiry-back-delete-confirm{
    min-height:90px!important;
    padding:8px!important;
  }
  .inquiry-back-delete-confirm .btn{
    min-height:38px!important;
  }
}

/* V152 — hard-gated flip confirmation. */
.inquiry-delete-request{touch-action:manipulation!important}
.inquiry-flip-card.mode-delete-confirm .inquiry-back-delete-confirm{
  display:flex!important;
  position:relative!important;
  z-index:50!important;
  pointer-events:auto!important;
}
.inquiry-flip-card.mode-delete-confirm .inquiry-delete-confirm-yes,
.inquiry-flip-card.mode-delete-confirm .inquiry-delete-confirm-no{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  position:relative!important;
  z-index:51!important;
}

/* V153 — unified flip controller for delete confirmation. */
.inquiry-flip-card.mode-delete-confirm{
  overflow:visible!important;
}
.inquiry-flip-card.mode-delete-confirm .inquiry-flip-inner{
  transform:rotateX(180deg)!important;
  min-height:96px!important;
  opacity:1!important;
  visibility:visible!important;
}
.inquiry-flip-card.mode-delete-confirm .inquiry-flip-back{
  display:flex!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  min-height:96px!important;
  transform:rotateX(180deg)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  overflow:visible!important;
}
.inquiry-flip-card.mode-delete-confirm .inquiry-back-answer,
.inquiry-flip-card.mode-delete-confirm .inquiry-back-manage,
.inquiry-flip-card.mode-delete-confirm .inquiry-back-asker-edit{
  display:none!important;
}
.inquiry-flip-card.mode-delete-confirm .inquiry-back-delete-confirm{
  display:flex!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-height:96px!important;
  padding:9px 12px!important;
  box-sizing:border-box!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  text-align:center!important;
}
.inquiry-flip-card.mode-delete-confirm .delete-confirm-message{
  display:block!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.inquiry-flip-card.mode-delete-confirm .delete-confirm-actions{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
}
.inquiry-flip-card.mode-delete-confirm .inquiry-delete-confirm-yes,
.inquiry-flip-card.mode-delete-confirm .inquiry-delete-confirm-no{
  display:inline-flex!important;
  position:relative!important;
  z-index:100!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  min-height:36px!important;
}
@media(max-width:720px){
  .inquiry-flip-card.mode-delete-confirm .inquiry-flip-inner,
  .inquiry-flip-card.mode-delete-confirm .inquiry-flip-back,
  .inquiry-flip-card.mode-delete-confirm .inquiry-back-delete-confirm{
    min-height:104px!important;
  }
  .inquiry-flip-card.mode-delete-confirm .inquiry-delete-confirm-yes,
  .inquiry-flip-card.mode-delete-confirm .inquiry-delete-confirm-no{
    min-height:40px!important;
  }
}

/* V154 — restore pending own-question edit flip on desktop + mobile. */
.inquiry-flip-card.mode-asker-edit .inquiry-back-answer,
.inquiry-flip-card.mode-asker-edit .inquiry-back-manage,
.inquiry-flip-card.mode-asker-edit .inquiry-back-delete-confirm{
  display:none!important;
}
.inquiry-flip-card.mode-asker-edit .inquiry-back-asker-edit{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.inquiry-flip-card.mode-asker-edit .inquiry-flip-inner{
  transform:rotateX(180deg)!important;
}
.inquiry-flip-card.mode-asker-edit .inquiry-flip-back{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.inquiry-edit-request{
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

/* V155 — canonical flip states for answer/manage/edit/delete-confirm */
.inquiry-flip-card{
  perspective:1200px!important;
  overflow:visible!important;
}
.inquiry-flip-card .inquiry-flip-inner{
  position:relative!important;
  transform-style:preserve-3d!important;
  transition:transform .28s ease!important;
  opacity:1!important;
  visibility:visible!important;
}
.inquiry-flip-card.is-flipped .inquiry-flip-inner{
  transform:rotateX(180deg)!important;
}
.inquiry-flip-card .inquiry-flip-front{
  position:relative!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  opacity:1!important;
  visibility:visible!important;
}
.inquiry-flip-card .inquiry-flip-back{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  transform:rotateX(180deg)!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  overflow:visible!important;
}
.inquiry-flip-card .inquiry-back-panel{display:none!important}
.inquiry-flip-card.mode-answer .inquiry-back-answer{display:block!important}
.inquiry-flip-card.mode-manage .inquiry-back-manage{display:block!important}
.inquiry-flip-card.mode-asker-edit .inquiry-back-asker-edit{display:block!important}
.inquiry-flip-card.mode-delete-confirm .inquiry-back-delete-confirm{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.inquiry-flip-card.mode-answer .inquiry-back-manage,
.inquiry-flip-card.mode-answer .inquiry-back-asker-edit,
.inquiry-flip-card.mode-answer .inquiry-back-delete-confirm,
.inquiry-flip-card.mode-manage .inquiry-back-answer,
.inquiry-flip-card.mode-manage .inquiry-back-asker-edit,
.inquiry-flip-card.mode-manage .inquiry-back-delete-confirm,
.inquiry-flip-card.mode-asker-edit .inquiry-back-answer,
.inquiry-flip-card.mode-asker-edit .inquiry-back-manage,
.inquiry-flip-card.mode-asker-edit .inquiry-back-delete-confirm,
.inquiry-flip-card.mode-delete-confirm .inquiry-back-answer,
.inquiry-flip-card.mode-delete-confirm .inquiry-back-manage,
.inquiry-flip-card.mode-delete-confirm .inquiry-back-asker-edit{
  display:none!important;
}
.inquiry-card-flip-trigger,
.inquiry-delete-request,
.inquiry-delete-confirm-yes,
.inquiry-delete-confirm-no{
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
@media(max-width:720px){
  .inquiry-flip-card .inquiry-flip-inner,
  .inquiry-flip-card .inquiry-flip-back{
    overflow:visible!important;
  }
}

/* V156 definitive flip rendering */
.inquiry-flip-card{
  perspective:1200px!important;
}
.inquiry-flip-card>.inquiry-flip-inner{
  position:relative!important;
  transform-style:preserve-3d!important;
  transition:transform .26s ease!important;
}
.inquiry-flip-card.is-flipped>.inquiry-flip-inner{
  transform:rotateX(180deg)!important;
}
.inquiry-flip-card .inquiry-flip-front{
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
.inquiry-flip-card .inquiry-flip-back{
  position:absolute!important;
  inset:0!important;
  transform:rotateX(180deg)!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  width:100%!important;
  pointer-events:auto!important;
}
.inquiry-flip-card .inquiry-back-panel{display:none!important}
.inquiry-flip-card.mode-answer .inquiry-back-answer{display:block!important}
.inquiry-flip-card.mode-manage .inquiry-back-manage{display:block!important}
.inquiry-flip-card.mode-asker-edit .inquiry-back-asker-edit{display:block!important}
.inquiry-flip-card.mode-delete-confirm .inquiry-back-delete-confirm{display:flex!important}

.inquiry-card-flip-trigger,
.inquiry-delete-request,
.inquiry-delete-confirm-yes,
.inquiry-delete-confirm-no{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
}

/* V157: direct button handlers + deterministic front/back visibility */
.inquiry-flip-card .inquiry-flip-front{display:flex!important}
.inquiry-flip-card .inquiry-flip-back{display:none!important}
.inquiry-flip-card.is-flipped .inquiry-flip-front{display:none!important}
.inquiry-flip-card.is-flipped .inquiry-flip-back{
 display:block!important;position:relative!important;inset:auto!important;transform:none!important;
}
.inquiry-flip-card.is-flipped>.inquiry-flip-inner{
 transform:none!important;animation:inquiry-v157-flip .24s ease both!important;
}
@keyframes inquiry-v157-flip{
 0%{transform:rotateX(0deg)}49%{transform:rotateX(90deg)}
 50%{transform:rotateX(-90deg)}100%{transform:rotateX(0deg)}
}
.inquiry-flip-card.is-flipped.mode-answer .inquiry-back-answer{display:block!important}
.inquiry-flip-card.is-flipped.mode-manage .inquiry-back-manage{display:block!important}
.inquiry-flip-card.is-flipped.mode-asker-edit .inquiry-back-asker-edit{display:block!important}
.inquiry-flip-card.is-flipped.mode-delete-confirm .inquiry-back-delete-confirm{display:flex!important}

/* V158 — outer inquiry card can own the flip state; fixes controls outside inner flip node. */
.inquiry-card.is-flipped .inquiry-flip-card .inquiry-flip-front{display:none!important}
.inquiry-card.is-flipped .inquiry-flip-card .inquiry-flip-back{
 display:block!important;position:relative!important;inset:auto!important;transform:none!important;
}
.inquiry-card.is-flipped .inquiry-flip-card>.inquiry-flip-inner{
 transform:none!important;animation:inquiry-v157-flip .24s ease both!important;
}
.inquiry-card.mode-answer .inquiry-flip-card .inquiry-back-answer{display:block!important}
.inquiry-card.mode-manage .inquiry-flip-card .inquiry-back-manage{display:block!important}
.inquiry-card.mode-asker-edit .inquiry-flip-card .inquiry-back-asker-edit{display:block!important}
.inquiry-card.mode-delete-confirm .inquiry-flip-card .inquiry-back-delete-confirm{display:flex!important}

/* V159 — direct handlers are now actually emitted into rendered HTML. */
.inquiry-flip-card .inquiry-flip-front{display:flex!important}
.inquiry-flip-card .inquiry-flip-back{display:none!important}
.inquiry-flip-card.is-flipped .inquiry-flip-front{display:none!important}
.inquiry-flip-card.is-flipped .inquiry-flip-back{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
}
.inquiry-flip-card.is-flipped>.inquiry-flip-inner{
  transform:none!important;
  animation:inquiry-v159-flip .24s ease both!important;
}
@keyframes inquiry-v159-flip{
  0%{transform:rotateX(0deg)}
  48%{transform:rotateX(88deg)}
  52%{transform:rotateX(-88deg)}
  100%{transform:rotateX(0deg)}
}
.inquiry-flip-card.is-flipped.mode-answer .inquiry-back-answer{display:block!important}
.inquiry-flip-card.is-flipped.mode-manage .inquiry-back-manage{display:block!important}
.inquiry-flip-card.is-flipped.mode-asker-edit .inquiry-back-asker-edit{display:block!important}
.inquiry-flip-card.is-flipped.mode-delete-confirm .inquiry-back-delete-confirm{display:flex!important}

/* V160 — restore a visible vertical flip while keeping deterministic front/back switching. */
.inquiry-flip-card{
  perspective:1200px!important;
}
.inquiry-flip-card>.inquiry-flip-inner{
  transform-origin:center center!important;
  will-change:transform!important;
}
.inquiry-flip-card.is-flipped>.inquiry-flip-inner{
  animation:inquiry-v160-flip .34s ease-in-out both!important;
}
@keyframes inquiry-v160-flip{
  0%{transform:rotateX(0deg) scaleY(1)}
  45%{transform:rotateX(88deg) scaleY(.98)}
  55%{transform:rotateX(-88deg) scaleY(.98)}
  100%{transform:rotateX(0deg) scaleY(1)}
}

/* Mobile: keep question text in its own column; avatar/meta no longer pull it left. */
@media(max-width:720px){
  .inquiry-flip-front{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;
    grid-template-areas:
      "avatar main actions"!important;
    align-items:start!important;
    column-gap:8px!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .inquiry-flip-front .inquiry-avatar{
    grid-area:avatar!important;
    width:48px!important;
    min-width:48px!important;
    margin:0!important;
    align-self:start!important;
  }
  .inquiry-flip-front .inquiry-maintext{
    grid-area:main!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .inquiry-flip-front .inquiry-meta{
    width:100%!important;
    min-width:0!important;
    margin:0 0 5px 0!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    flex-wrap:wrap!important;
  }
  .inquiry-flip-front .inquiry-name{
    max-width:min(48vw,240px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .inquiry-flip-front .inquiry-question{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    text-align:left!important;
    transform:none!important;
    left:auto!important;
  }
  .inquiry-flip-front .inquiry-actions{
    grid-area:actions!important;
    position:static!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    padding:0!important;
    min-width:max-content!important;
  }
}

/* Very narrow phones: action gets its own row so text never gets squeezed sideways. */
@media(max-width:480px){
  .inquiry-flip-front{
    grid-template-columns:48px minmax(0,1fr)!important;
    grid-template-areas:
      "avatar main"
      ". actions"!important;
    row-gap:6px!important;
  }
  .inquiry-flip-front .inquiry-actions{
    justify-self:end!important;
    width:auto!important;
  }
}

/* V161 — true two-phase vertical flip; JS controls the midpoint face swap. */
.inquiry-flip-card{
  perspective:1200px!important;
  overflow:visible!important;
}
.inquiry-flip-card>.inquiry-flip-inner{
  transform:none!important;
  animation:none!important;
  transform-origin:center center!important;
  will-change:transform!important;
}
.inquiry-flip-card .inquiry-flip-front{
  display:flex!important;
}
.inquiry-flip-card .inquiry-flip-back{
  display:none!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  transform:none!important;
}
.inquiry-flip-card.is-flipped .inquiry-flip-front{
  display:none!important;
}
.inquiry-flip-card.is-flipped .inquiry-flip-back{
  display:block!important;
}
.inquiry-flip-card.is-flipped.mode-answer .inquiry-back-answer{display:block!important}
.inquiry-flip-card.is-flipped.mode-manage .inquiry-back-manage{display:block!important}
.inquiry-flip-card.is-flipped.mode-asker-edit .inquiry-back-asker-edit{display:block!important}
.inquiry-flip-card.is-flipped.mode-delete-confirm .inquiry-back-delete-confirm{display:flex!important}

/* V162 — the entire inquiry card (border, avatar, text, buttons) flips as one object. */
.inquiry-flip-card{
  transform-origin:center center!important;
  transform-style:preserve-3d!important;
  backface-visibility:visible!important;
  overflow:visible!important;
}
.inquiry-flip-card>.inquiry-flip-inner{
  transform:none!important;
  animation:none!important;
  transition:none!important;
  will-change:auto!important;
}
.inquiry-flip-card .inquiry-flip-front,
.inquiry-flip-card .inquiry-flip-back{
  transform:none!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}

/* V163 — mobile inquiry text closer to avatar, with a small breathing gap. */
@media(max-width:720px){
  .inquiry-flip-front{
    grid-template-columns:48px minmax(0,1fr) auto!important;
    column-gap:8px!important;
  }
  .inquiry-flip-front .inquiry-avatar{
    margin:0!important;
  }
  .inquiry-flip-front .inquiry-maintext{
    margin-left:0!important;
    padding-left:0!important;
  }
}
@media(max-width:480px){
  .inquiry-flip-front{
    grid-template-columns:48px minmax(0,1fr)!important;
    column-gap:8px!important;
  }
}

/* V164 — mobile: move the whole avatar/text block left, and actually shrink avatar→text gap. */
@media(max-width:720px){
  .inquiry-flip-front{
    padding-left:4px!important;
    padding-right:10px!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    column-gap:4px!important;
  }
  .inquiry-flip-front .inquiry-avatar{
    width:42px!important;
    min-width:42px!important;
    margin-left:0!important;
    margin-right:0!important;
    justify-self:start!important;
  }
  .inquiry-flip-front .inquiry-maintext{
    margin-left:0!important;
    padding-left:0!important;
    transform:translateX(0)!important;
  }
}
@media(max-width:480px){
  .inquiry-flip-front{
    padding-left:4px!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    column-gap:4px!important;
  }
}


/* V1.6.4 chat unread: reuse original online status light */
#globalChatStatusDot.has-unread{color:#ff3b30!important;text-shadow:0 0 8px rgba(255,59,48,.65)}

/* V1.6.4 chat unread desktop fix */
.global-chat-dock .global-chat-title .global-chat-status-dot{
  color:#75e4c4!important;
  text-shadow:none!important;
}
.global-chat-dock.has-unread .global-chat-title .global-chat-status-dot,
.global-chat-dock .global-chat-title .global-chat-status-dot.has-unread{
  color:#ff3b30!important;
  text-shadow:0 0 8px rgba(255,59,48,.72)!important;
}
@media (min-width:769px){
  .global-chat-dock.has-unread .global-chat-title .global-chat-status-dot,
  .global-chat-dock .global-chat-title .global-chat-status-dot.has-unread{
    color:#ff3b30!important;
    text-shadow:0 0 8px rgba(255,59,48,.72)!important;
  }
}

/* V1.6.4 private-message unread badge — stays inside account button */
.nav-account-btn{position:relative!important;display:inline-flex!important;align-items:center!important;padding-right:12px!important;overflow:hidden!important}
.nav-account-name{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-dm-badge{position:absolute;right:3px;bottom:2px;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;padding:0 3px;box-sizing:border-box;border-radius:7px;background:#ff3b30;color:#fff;font-size:9px;font-weight:800;line-height:14px;letter-spacing:-.2px;box-shadow:0 0 0 1px rgba(7,23,34,.8);pointer-events:none}
@media(max-width:768px){.nav-dm-badge{right:2px;bottom:1px;min-width:13px;height:13px;padding:0 2px;border-radius:7px;font-size:8px;line-height:13px}}

/* Private-message unread count: small red number, no red badge */
.nav-account-btn .nav-dm-badge{
  position:absolute!important;
  right:4px!important;
  bottom:2px!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#ff3b30!important;
  box-shadow:none!important;
  font-size:.5em!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
}
@media(max-width:768px){
  .nav-account-btn .nav-dm-badge{right:3px!important;bottom:2px!important;font-size:.5em!important}
}

/* DM unread hard fix */
.nav-account-btn>.nav-dm-badge{background:transparent!important;color:#ff0000!important;font-size:7px!important;font-weight:900!important;line-height:1!important;min-width:0!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important}

/* DM unread count centered directly below nickname */
.nav-account-btn>.nav-dm-badge{left:50%!important;right:auto!important;bottom:1px!important;transform:translateX(-50%)!important;white-space:nowrap!important}

/* V1.6.4 DM notifications merged into notification center; nickname badge disabled */
.nav-dm-badge{display:none!important}

/* V1.6.4 login password visibility toggle */
.password-field-wrap{position:relative;display:flex;align-items:center}
.password-field-wrap>input{width:100%;padding-right:44px!important}
.password-eye-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;font-size:17px;line-height:1;cursor:pointer;opacity:.82}
.password-eye-toggle:hover{background:#ffffff0b;opacity:1}
.password-eye-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}

/* Login eye — borderless / transparent */
.password-eye-toggle,
.password-eye-toggle:hover,
.password-eye-toggle:active{
  border:none!important;
  outline:none;
  box-shadow:none!important;
  background:transparent!important;
}
.password-eye-toggle{opacity:.58!important;font-size:15px!important}
.password-eye-toggle:hover{opacity:.88!important}
.password-eye-toggle:focus-visible{outline:1px solid currentColor!important;outline-offset:1px}

/* Login password eye — transparent SVG icon, no white/native button background */
.password-field-wrap{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
}
.password-field-wrap>input{
  width:100%!important;
  padding-right:48px!important;
}
.password-eye-toggle{
  -webkit-appearance:none!important;
  appearance:none!important;
  position:absolute!important;
  right:11px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  color:#9aadc1!important;
  opacity:.8!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:0!important;
}
.password-eye-toggle:hover{
  background:none!important;
  background-color:transparent!important;
  color:#eef6ff!important;
  opacity:1!important;
  box-shadow:none!important;
}
.password-eye-toggle:active{
  background:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
}
.password-eye-toggle:focus{
  background:none!important;
  box-shadow:none!important;
}
.password-eye-toggle:focus-visible{
  outline:1px solid rgba(255,255,255,.32)!important;
  outline-offset:2px!important;
}
.password-eye-toggle svg{
  display:block!important;
  width:23px!important;
  height:23px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
.password-eye-toggle .eye-open{display:block!important}
.password-eye-toggle .eye-closed{display:none!important}
.password-eye-toggle.is-visible .eye-open{display:none!important}
.password-eye-toggle.is-visible .eye-closed{display:block!important}

@media(max-width:768px){
  .password-eye-toggle{
    right:10px!important;
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
  }
  .password-eye-toggle svg{
    width:22px!important;
    height:22px!important;
  }
}

/* Login eye positioning hard fix */
.password-field-wrap{
  position:relative!important;
  display:block!important;
  width:100%!important;
}
.password-field-wrap .password-eye-toggle{
  -webkit-appearance:none!important;
  appearance:none!important;
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  bottom:auto!important;
  left:auto!important;
  transform:translateY(-50%)!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:3!important;
}
.password-field-wrap .password-eye-toggle svg{
  width:22px!important;
  height:22px!important;
  fill:none!important;
  stroke:currentColor!important;
  pointer-events:none!important;
}
.password-eye-toggle .eye-open{display:block!important}
.password-eye-toggle .eye-closed{display:none!important}
.password-eye-toggle.is-visible .eye-open{display:none!important}
.password-eye-toggle.is-visible .eye-closed{display:block!important}


/* v172 - Little Turtle AI assistant replaces the old EN switch in the top-right header. */
.platform-ai-header-trigger{display:inline-flex!important;align-items:center;justify-content:center;gap:4px;white-space:nowrap}
.platform-ai-header-trigger.active{background:#75e4c419!important;color:#b9f7e5!important;box-shadow:inset 0 0 0 1px #75e4c43d}
.platform-ai-shell{position:fixed;right:22px;top:76px;z-index:180;width:min(390px,calc(100vw - 28px));font-family:inherit}
.platform-ai-panel{overflow:hidden;border-radius:18px;border:1px solid rgba(117,228,196,.36);background:rgba(7,31,29,.97);box-shadow:0 22px 60px rgba(0,0,0,.46);backdrop-filter:blur(16px)}
.platform-ai-shell.is-collapsed{pointer-events:none}.platform-ai-shell.is-collapsed .platform-ai-panel{display:none}
.platform-ai-head{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(117,228,196,.08)}
.platform-ai-head strong{display:block;color:#eefcf8}.platform-ai-head small{display:block;color:#9fbab2;font-size:11px;margin-top:2px}
.platform-ai-head button{border:0;background:transparent;color:#d9f4ec;font-size:23px;line-height:1;cursor:pointer;width:32px;height:32px}
.platform-ai-messages{height:250px;overflow:auto;padding:13px;display:flex;flex-direction:column;gap:9px}
.platform-ai-msg{max-width:86%;padding:9px 11px;border-radius:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;font-size:13px}
.platform-ai-msg.ai{align-self:flex-start;background:rgba(117,228,196,.12);border:1px solid rgba(117,228,196,.18);color:#e6f7f1}
.platform-ai-msg.user{align-self:flex-end;background:#196c59;color:white}.platform-ai-msg.pending{opacity:.72}
.platform-ai-chips{display:flex;gap:6px;overflow-x:auto;padding:0 12px 9px;scrollbar-width:thin}.platform-ai-chips button{white-space:nowrap;border:1px solid rgba(117,228,196,.28);background:rgba(255,255,255,.04);color:#cfe8e1;border-radius:999px;padding:6px 9px;font-size:11px;cursor:pointer}
.platform-ai-form{display:flex;gap:7px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.08)}.platform-ai-form input{flex:1;min-width:0;border-radius:11px;padding:10px 11px;background:#061f1d;border:1px solid rgba(117,228,196,.25);color:#fff}.platform-ai-form button{width:42px;border:0;border-radius:11px;background:#75e4c4;color:#05261f;font-weight:900;cursor:pointer}
.platform-ai-note{padding:0 12px 11px;color:#79968e;font-size:10px;text-align:center}
@media(max-width:640px){.platform-ai-shell{right:12px;top:68px;width:calc(100vw - 24px)}.platform-ai-messages{height:220px}.platform-ai-header-trigger{padding-left:8px!important;padding-right:8px!important}}


/* v178+ Turtle role-count direct answer */
.answer-reveal.answer-result-direct{background:#24577a!important;border-color:#3f7fab!important;color:#f2fbff!important}
.pop-result.direct{color:#8bd5ff;font-weight:900}


/* v183 — mobile puzzle-owner AI hosting controls */
.mobile-ai-host-bar{display:none}
@media(max-width:720px){
  .desktop-ai-host-link{display:none!important}
  .mobile-ai-host-bar{display:block!important;margin:0 0 12px!important}
  .mobile-ai-host-bar .btn{width:100%!important;min-height:48px!important;font-size:15px!important}
  .ai-host-page{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .ai-host-page .head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  .ai-host-page .head>.pill{align-self:flex-start!important}
  .ai-host-page .two{grid-template-columns:1fr!important}
  .ai-host-page .card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:14px!important}
  .ai-host-page textarea,.ai-host-page input,.ai-host-page select{font-size:16px!important;max-width:100%!important;box-sizing:border-box!important}
  .ai-host-page textarea{min-height:170px!important}
  .ai-host-page .row{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:9px!important}
  .ai-host-page .row form,.ai-host-page .row .btn,.ai-host-page form>.btn{width:100%!important;max-width:100%!important}
  .ai-host-page .btn{min-height:46px!important;white-space:normal!important;text-align:center!important}
  .ai-host-page pre,.ai-host-page [style*="ui-monospace"]{overflow-wrap:anywhere!important;word-break:break-word!important;white-space:pre-wrap!important}
}

/* v186: persistent Turtle AI unread dot + compact game-mode control */
.platform-ai-header-trigger{position:relative}
.platform-ai-header-trigger.has-ai-unread::after{content:"";position:absolute;right:5px;top:5px;width:9px;height:9px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 2px rgba(7,31,29,.96)}
.turtle-game-toggle.active{background:rgba(255,170,72,.16)!important;color:#ffd8a8!important;box-shadow:inset 0 0 0 1px rgba(255,170,72,.4)!important}
@media(max-width:640px){.turtle-game-toggle{padding-left:8px!important;padding-right:8px!important}.platform-ai-head{padding-top:11px;padding-bottom:11px}}


/* v187 Performance: reduce decorative GPU/network work on phones while preserving controls and content. */
@media(max-width:768px){
 
 .platform-ai-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 8px 24px #0006!important}
 .site-bg-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .question-card,.item,.notification-mini{content-visibility:auto;contain-intrinsic-size:auto 120px}
}
@media(prefers-reduced-motion:reduce){}


/* v189 Safari Compatibility: avoid stale cached styles and costly WebKit effects. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.ios-safari body{overflow-x:hidden}
html.ios-safari .top,
html.ios-safari .card,
html.ios-safari .online-dock,
html.ios-safari .global-chat-dock,
html.ios-safari .platform-ai-panel,
html.ios-safari .home-announcement-frame,
html.ios-safari .maintenance-ticker,
html.ios-safari .site-bg-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.ios-safari .question-card,
html.ios-safari .item,
html.ios-safari .notification-mini,
html.ios-safari .inquiry-list{content-visibility:visible!important;contain:none!important;contain-intrinsic-size:auto!important}
html.ios-safari .inquiry-flip-card,
html.ios-safari .inquiry-flip-inner{transform:none!important;transform-style:flat!important;perspective:none!important;will-change:auto!important}
html.ios-safari .platform-ai-messages,
html.ios-safari .online-list,
html.ios-safari .global-chat-messages{-webkit-overflow-scrolling:touch}
@media(max-width:768px){
 html.ios-safari .card{box-shadow:0 6px 18px rgba(0,0,0,.24)!important}
 html.ios-safari .platform-ai-panel{box-shadow:0 6px 18px rgba(0,0,0,.35)!important}
}