html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;min-height:100dvh}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #36c3df;outline-offset:3px}[hidden]{display:none!important}.layout>*,.grid>*,.identity>div{min-width:0}h1,h2,h3,strong,summary{overflow-wrap:anywhere}.identity button{white-space:normal}.commentform{flex-wrap:wrap}.commentform input{flex:1 1 180px;width:auto}.commentform .error{flex-basis:100%;margin:0}.chatcompose>.row{flex-wrap:nowrap}.chatcompose input{flex:1;min-width:0;width:auto}.chatcompose button{flex-shrink:0}.chatsettings{flex-wrap:nowrap!important}.chatsettings label{display:flex;gap:8px;align-items:center;margin:0}.chatsettings input{min-width:60px;max-width:90px}
@media(max-width:800px),(pointer:coarse) and (max-height:500px){
 body{padding-bottom:env(safe-area-inset-bottom,0px)}header{padding-top:env(safe-area-inset-top,0px)}.top{padding-inline:max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-left,0px));gap:12px}.brand{font-size:30px}.brand small{font-size:11px}#account{margin-inline-start:auto;display:flex;gap:8px;align-items:center;max-width:55%;font-size:14px}#account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}#account button{flex-shrink:0}
 nav{order:3;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;flex-basis:100%;width:100%;padding-bottom:4px;-webkit-overflow-scrolling:touch}nav button{flex:0 0 auto;min-height:44px;font-size:15px;padding:8px 12px;white-space:nowrap}
 main{margin:18px auto;padding-inline:max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-left,0px))}.layout{display:block}.sidebar{display:none}.panel{padding:16px;margin-bottom:14px}.auth{margin:24px auto;max-width:480px}h1{font-size:25px}h2{font-size:21px}.row.spread{align-items:flex-start}button{min-height:44px;padding:9px 14px}summary{min-height:44px;padding-block:8px;cursor:pointer}input,select,textarea{font-size:16px;min-height:46px;max-width:100%}input[type=checkbox]{min-height:22px;width:22px;vertical-align:middle}input[type=range]{min-height:32px}input[type=file]{font-size:14px;padding:8px;overflow:hidden}textarea{min-height:110px}.tag label,label.tag{display:flex;gap:6px;align-items:center;margin:4px 0}.identity button{padding:6px 0;min-height:44px}.identity small{display:block}.actions{gap:8px}.actions button{flex:1 1 auto}.vote{min-height:52px;padding:12px}.gallery{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.gallery img{height:150px}.gallery button{width:100%}.tablewrap{max-width:100%;-webkit-overflow-scrolling:touch}table{min-width:480px}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.grid .panel{margin:0}
 #notice{left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px) + var(--keyboard-inset,0px));max-width:none;font-size:14px}
 #chat{left:max(8px,env(safe-area-inset-left,0px));right:max(8px,env(safe-area-inset-right,0px));width:auto;max-width:none;bottom:var(--keyboard-inset,0px);max-height:calc(var(--screen-height,100dvh) - 12px - env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-radius:10px 10px 0 0}#chat:not([hidden]){display:flex;flex-direction:column}#chat>.head{flex-shrink:0;padding:8px 12px;gap:8px}#chat .head strong{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#chat .head>div{display:flex;gap:6px}#chat .head button{min-width:44px;min-height:44px}.chatlog{height:min(36dvh,280px);min-height:60px;flex:1 1 auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.emoji{flex-shrink:0;gap:4px;padding:6px 10px}.emoji button{min-width:36px;min-height:40px;padding:3px}.chatcompose{flex-shrink:0;padding:8px 12px}.chatcompose .error{margin:2px 0;min-height:0}.chatsettings{flex-shrink:0;padding:4px 12px 8px!important}.keyboard-open #chat .emoji,.keyboard-open #chat .chatsettings{display:none}.keyboard-open #chat{padding-bottom:0}.keyboard-open #chat .chatlog{max-height:none}.bubble{max-width:88%;font-size:16px}.bubble small{font-size:11px}
}
@media(max-width:360px){.top{gap:8px}.brand{font-size:27px}.brand small{max-width:135px}#account{max-width:50%;gap:5px}#account span{max-width:90px}.panel{padding:12px}.cover{margin:-12px -12px 15px}.auth .tabs button{flex:1}.commentform input{flex-basis:140px}.emoji button{min-width:32px}h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}