.pwa-install{border:1px solid #efd7bc;border-radius:14px;padding:16px;background:#fffaf4;margin:0 0 18px;max-width:100%;box-sizing:border-box}
.pwa-install h3{margin:0 0 8px;font-size:16px}.pwa-install p{font-size:13px;line-height:1.55;color:#606973;overflow-wrap:anywhere}
.pwa-install a{color:#984600;font-size:13px}.pwa-install [hidden]{display:none!important}
body .pwa-install button{background:#ff8000;color:#291a0c;border:1px solid #ff8000;min-height:44px;border-radius:10px;padding:9px 14px;font:600 14px/1.4 system-ui;cursor:pointer;max-width:100%;white-space:normal}
.pwa-guide{max-width:720px;margin:32px auto;padding:0 20px 40px;color:#292d32;font:16px/1.65 system-ui}
.pwa-guide h1{font-size:clamp(26px,5vw,36px);line-height:1.2}.pwa-guide h2{font-size:21px;margin-top:30px}.pwa-guide li{margin-bottom:10px}.pwa-guide a{color:#984600}.pwa-guide img{width:64px;height:64px}.pwa-guide .pwa-note{padding:14px 18px;border-radius:12px;background:#f3f2ef;font-size:14px}.pwa-guide :focus-visible,.pwa-install :focus-visible{outline:2px solid #984600;outline-offset:3px}
@media(display-mode:standalone){body{padding-bottom:env(safe-area-inset-bottom,0px)}}
/* Native date/month controls have an intrinsic size in mobile Safari. Apply
   the same constraints in the browser and the installed home-screen app. */
@media(max-width:900px) and (any-pointer:coarse){
 body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){font-size:16px!important}
 body input:is([type=date],[type=month],[type=time],[type=datetime-local]){box-sizing:border-box;display:block;min-width:0;max-width:100%;min-height:44px;-webkit-appearance:none;appearance:none}
 body input::-webkit-date-and-time-value{min-width:0;text-align:left}
}