/* Kennely 2027.8 | Compact, touch-friendly and accessible interface */
:root{--tap:44px;--nav-height:65px;--soft-ease:cubic-bezier(.2,.8,.25,1)}
html{scroll-behavior:auto!important}body{overflow-x:hidden}body.drawer-visible{overflow:hidden}
button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.content{min-width:0}.page-head{gap:10px;align-items:center}.page-head h1{overflow-wrap:break-word;line-height:1.13}
.panel,.setting-group,.post,.profile-top{min-width:0;overflow-wrap:anywhere}
.button,.chip,.icon-button{transition:background .14s,opacity .14s,transform .14s,color .14s}
.icon-button:active,.button:active{transform:scale(.96)}
/* Navigation drawer: independent from account settings */
.drawer-backdrop{position:fixed;z-index:80;inset:0;background:rgba(3,3,12,.65);backdrop-filter:blur(4px)}
.menu-drawer{position:fixed;z-index:81;top:0;bottom:0;left:0;display:flex;flex-direction:column;width:min(88vw,364px);overflow:auto;overscroll-behavior:contain;background:var(--surface);border-right:1px solid var(--line);box-shadow:18px 0 70px #0006;padding:max(18px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom))}
.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;min-height:50px}
.drawer-head .icon-button{font-size:32px;line-height:1;font-weight:300}
.drawer-brand{display:flex;gap:11px;align-items:center}.drawer-brand img{width:43px;height:43px;border-radius:13px}.drawer-brand strong{display:block;font-size:24px;letter-spacing:-1.3px}.drawer-brand strong span{color:var(--accent)}.drawer-brand small{display:block;font-size:12px;color:var(--muted)}
.drawer-account{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:18px;background:var(--surface2);padding:14px;margin-bottom:12px;min-width:0}.drawer-account .avatar{width:44px;height:44px;flex:none}.drawer-account>div{flex:1;min-width:0}.drawer-account strong,.drawer-account small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-account small{font-size:12px;color:var(--muted);margin-top:2px}.drawer-account .tag{font-size:10px;margin:0}
.drawer-group{border-bottom:1px solid var(--line);padding:14px 0 13px}.drawer-group h3{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 11px 8px}.drawer-link{width:100%;min-height:47px;display:flex;align-items:center;text-align:left;gap:13px;padding:10px 12px;margin:2px 0;border:0;border-radius:12px;background:transparent;color:var(--text);font-size:14px;font-weight:650}.drawer-link>span:nth-last-child(2){flex:1}.drawer-link>span:last-child{font-size:21px;color:var(--muted)}.drawer-link svg{width:22px;height:22px}.drawer-link:hover,.drawer-link.active{background:var(--surface2);color:var(--accent)}
.drawer-footer{margin-top:auto;padding-top:18px}.drawer-legal{display:flex;gap:12px;flex-wrap:wrap;padding:12px 8px}.drawer-legal a{font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:2px}
/* More balanced profile and cards */
.profile-top{align-items:flex-start}.profile-title{min-width:0}.profile-title h1{overflow-wrap:anywhere;line-height:1.12}.profile-title .split-actions{gap:8px}.profile-title .split-actions .button{white-space:normal;min-height:38px}.profile-stats{row-gap:10px}.profile-title>p{white-space:pre-wrap;line-height:1.5}
.post-actions .icon-button.active{color:var(--accent)}.post-actions .icon-button:active{transform:scale(1.12)}.post-meta{font-variant-numeric:tabular-nums}
/* Zero redundant empty states in the DM area */
.chat-layout{grid-template-columns:minmax(210px,255px) minmax(0,1fr);min-height:420px}.chat-layout .thread-list{min-width:0}.thread-list-title{padding:15px 16px;font-size:13px;font-weight:750;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.thread-list-title span{color:var(--muted);font-size:12px}.thread-button{border-bottom:1px solid var(--line);text-align:left;min-height:73px;gap:10px;transition:background .14s}.thread-button .names{min-width:0;flex:1}.thread-button strong,.thread-button small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.thread-button.selected{background:var(--surface2);box-shadow:inset 3px 0 var(--accent)}.thread-chevron{font-size:20px;color:var(--muted)}.thread-window>.empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.thread-back{display:none}.thread-head strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.thread-head .tiny-btn{font-size:11px}.thread-messages{min-height:200px}.bubble.sending{opacity:.58}.compose input{min-width:0}
/* Notification center */
.notification-summary{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:-4px 0 16px;font-size:12px;color:var(--muted)}.notification-summary span:first-child{color:var(--accent);font-weight:800}.notice-list{padding:0;overflow:hidden}.notice-list .notification{padding:20px;margin:0;border:0;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:flex-start}.notice-list .notification:last-child{border-bottom:0}.notice-list .notification h4{margin:0 0 5px}.notice-list .notification p{margin:0 0 8px}.notice-list .avatar{flex:none}
/* Console */
.admin-intro{margin-bottom:20px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 90% 0,rgba(158,89,233,.18),transparent 58%),var(--surface);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px}.admin-intro h2{font-size:25px;margin:4px 0 9px;letter-spacing:-.045em}.admin-intro p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.admin-intro-mark{font-size:62px;color:var(--accent);flex:none}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--accent)}
.admin-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;gap:8px;padding:3px 2px 12px;margin-bottom:10px}.admin-tabs .chip{white-space:nowrap;flex:none}.admin-panel{border:1px solid var(--line);background:var(--surface);border-radius:21px;padding:22px;box-shadow:var(--shadow);min-height:220px;min-width:0}
.admin-panel h3{font-size:18px;letter-spacing:-.02em;margin:0 0 12px}.admin-panel>p{color:var(--muted);line-height:1.6}.admin-panel .empty{min-height:230px}.admin-overview-head{margin:0 0 22px}.admin-overview-head p,.panel-heading p{font-size:13px;color:var(--muted);line-height:1.5;margin:2px 0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.panel-heading h3{margin:0 0 5px}.counter{border-radius:50px;background:var(--surface2);padding:5px 11px;font-weight:750;font-size:11px;white-space:nowrap;color:var(--accent)}
.admin-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 27px}.admin-stat{border:1px solid var(--line);background:var(--surface2);padding:18px 15px;text-align:left;border-radius:17px;display:flex;flex-direction:column;gap:12px;color:var(--text)}.admin-stat:hover{border-color:var(--accent)}.admin-stat strong{font-size:29px;line-height:1;font-variant-numeric:tabular-nums}.admin-stat span{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:750}.admin-stat b{color:var(--accent)}
.staff-mini-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.staff-mini{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:13px;min-width:0}.staff-mini .avatar{flex:none}.staff-mini div{min-width:0}.staff-mini strong,.staff-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-mini strong{font-size:12px}.staff-mini small{font-size:11px;color:var(--muted)}
.admin-review-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.review-photo{grid-row:span 2;width:110px;height:126px;object-fit:cover;border-radius:14px;background:var(--surface2);border:1px solid var(--line)}.admin-review-copy{min-width:0}.admin-review-copy strong,.admin-review-copy small{display:block}.admin-review-copy strong{font-size:15px}.admin-review-copy small{font-size:11px;color:var(--muted);margin:6px 0}.admin-review-copy p,.review-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.review-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.admin-review-row .review-actions{grid-column:2}.admin-line{padding:14px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.admin-user-result{gap:14px}.admin-user-result .split-actions{display:flex;gap:7px;flex-wrap:wrap;max-width:100%}.admin-line p{font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.team-role-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:25px}.team-role-form .button{grid-column:1/-1}.account-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.account-details>div{background:var(--surface2);padding:11px;border-radius:13px;min-width:0}.account-details span,.account-details strong{display:block;overflow-wrap:anywhere}.account-details span{font-size:11px;color:var(--muted);margin-bottom:6px}.account-details strong{font-size:13px}
/* Avoid high-end mobile jank from blurred backgrounds and large shadows */
@media(hover:none){.button:hover{transform:none}.drawer-backdrop{backdrop-filter:none}#modal::backdrop{backdrop-filter:none}}
@media(max-width:760px){
 .workarea{padding:calc(67px + env(safe-area-inset-top)) 13px calc(var(--nav-height) + 18px + env(safe-area-inset-bottom))!important;margin:0!important;min-height:100dvh}
 .mobile-top{height:calc(61px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;gap:10px;justify-content:space-between}.mobile-top .logo{min-width:0;margin-right:auto}.mobile-top .logo strong{font-size:23px}.mobile-menu-trigger{flex:none;width:42px;height:42px}.mobile-top>.icon-button:last-child{width:42px;height:42px}
 .mobile-nav{height:calc(var(--nav-height) + env(safe-area-inset-bottom))!important;padding:3px 5px env(safe-area-inset-bottom)!important;align-items:stretch}.mobile-nav .nav-item{min-height:0!important;padding:7px 2px!important;gap:4px!important;justify-content:center!important;border-radius:12px!important}.mobile-nav .nav-item span:not(.number-badge){font-size:10px!important;letter-spacing:-.01em}.mobile-nav .nav-item svg{width:23px;height:23px}
 .content{padding-bottom:0!important}.page-head{margin:9px 0 19px}.page-head h1{font-size:clamp(24px,7.1vw,34px)!important;line-height:1.13;letter-spacing:-.04em}.page-head>.button{flex-shrink:0}.panel,.post,.profile-top,.setting-group{border-radius:19px!important;box-shadow:none}
 .post-top{padding:13px}.post-actions{padding:10px 13px 3px}.post-copy,.post-meta,.post-comment-link{margin-left:13px;margin-right:13px}
 .profile-top{padding:15px!important;gap:13px!important;display:flex!important;align-items:flex-start!important}.avatar-edit-wrap .avatar.big{width:82px!important;height:82px!important}.avatar-upload-plus{right:-3px;bottom:-3px}.profile-title{min-width:0;flex:1}.profile-title h1{font-size:23px!important;overflow-wrap:anywhere;margin:2px 0 8px}.profile-title .split-actions{gap:7px}.profile-title .split-actions>.button{flex:1 1 auto;font-size:11px!important;padding:9px 10px!important;min-width:0}.profile-title .profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;margin:12px 0}.profile-title .profile-stats span{white-space:nowrap;font-size:11px}.profile-title>strong{font-size:14px}.profile-title>p{font-size:12px}
 .story-bar{padding:11px;gap:12px}.filter-row{gap:8px}.filter-row .chip{min-height:37px}
 .chat-layout{display:block;min-height:0;padding:0!important}.chat-layout .thread-list{border-right:0;border-bottom:0;max-height:none;min-height:180px}.chat-layout .thread-window{display:none;min-height:0}.chat-layout.thread-open .thread-list{display:none}.chat-layout.thread-open .thread-window{display:flex;min-height:calc(100dvh - 250px)}.thread-back{display:inline-grid;flex:none}.thread-head{gap:6px;padding:12px}.thread-head .tag{font-size:10px}.thread-head .tiny-btn{font-size:10px;padding:6px}.thread-messages{max-height:calc(100dvh - 390px);min-height:210px}.thread-window .compose{padding:10px}
 .admin-intro{padding:17px}.admin-intro-mark{font-size:36px}.admin-intro h2{font-size:21px}.admin-panel{padding:14px}.admin-stats{gap:8px}.admin-stat{padding:15px 12px}.admin-stat strong{font-size:24px}.staff-mini-list{grid-template-columns:1fr}.admin-review-row{grid-template-columns:85px minmax(0,1fr);gap:10px}.review-photo{width:85px;height:104px}.admin-review-row .review-actions{grid-column:1/-1}.admin-line .review-actions{width:100%}.admin-tabs{margin-right:-14px;padding-right:14px}.team-role-form{grid-template-columns:1fr}
 .notice-list .notification{padding:14px}.notification-summary{margin-top:0}
}
@media(max-width:365px){.mobile-top .logo strong{font-size:20px}.mobile-top .logo img{width:34px;height:34px}.mobile-nav .nav-item span:not(.number-badge){font-size:9px!important}.profile-top{display:block!important}.avatar-edit-wrap{margin-bottom:11px}.admin-review-row{display:block}.review-photo{float:left;margin:0 12px 12px 0}.admin-review-row .review-actions{clear:both}}
@media(prefers-reduced-motion:reduce){.drawer-backdrop{backdrop-filter:none}}