.pwa-guide{margin:0;background:#f4eee4;color:#30291f;font:16px/1.8 system-ui}.pwa-guide main{max-width:620px;margin:auto;padding:calc(32px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.pwa-guide img{border-radius:18px}.pwa-guide li{margin-bottom:14px}.pwa-guide a{color:#a8402c}.pwa-guide .pwa-primary{display:inline-block;padding:12px 24px;border-radius:12px;background:#a8402c;color:white;text-decoration:none}.pwa-strip{max-width:1336px;margin:12px auto;padding:12px 18px;border:1px solid #ded5c8;border-radius:12px;background:#fffdf9;color:#30291f;font:14px/1.6 system-ui}.pwa-strip a{color:#a8402c}.pwa-strip summary{cursor:pointer;font-weight:600}.pwa-strip p{margin:8px 0}.pwa-network{background:#fff2d8}.pwa-save{display:grid;gap:8px}.pwa-save p{font-size:12px;margin:0;overflow-wrap:anywhere}.pwa-save a{font-size:13px;color:#a8402c}.pwa-save progress{width:100%}.pwa-links{display:flex;gap:12px;flex-wrap:wrap}.pwa-entry{display:block;text-align:center;margin:0 auto 24px;color:#a8402c;font:14px/1.6 system-ui}@media(max-width:700px){.pwa-strip{margin:12px 13px}.task-app input,.task-app textarea,.task-app select{font-size:16px}.auth-wrap{padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom))}.task-app{padding-left:max(13px,env(safe-area-inset-left));padding-right:max(13px,env(safe-area-inset-right))}}
.site-shell .viewer-action-error{padding:12px;border:1px solid #d4a89b;border-radius:10px;background:#fff2ed;color:#8d3425;font-size:14px;line-height:1.7}
.site-shell .viewer-save-guide{color:#786c61;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.site-shell .viewer-image-links{display:flex;flex-wrap:wrap;gap:6px 12px}
.site-shell .viewer-image-links a{display:inline-flex;align-items:center;min-height:40px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:940px){.site-shell .detail-panel{top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));bottom:auto;width:min(660px,calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)));height:calc(100vh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.site-shell .detail-scroll{padding-bottom:calc(38px + env(safe-area-inset-bottom))}.site-shell .search-box input{font-size:16px}}
@supports(height:100dvh){@media(max-width:940px){.site-shell .detail-panel{height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}}
@media(max-width:700px){.site-shell .topbar{height:auto;min-height:66px;flex-wrap:wrap;gap:8px;padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left))}.site-shell .top-actions{gap:8px;flex-wrap:wrap}.site-shell>main{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.site-shell .image-gallery figcaption{flex-wrap:wrap;gap:6px}.site-shell .viewer-image-links a{min-height:44px}.site-shell .copy-body{font-size:14px;line-height:1.95}}