#portrait-lock-overlay{display:none;position:fixed;inset:0;z-index:2147483647;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:linear-gradient(145deg,#edf5ff 0%,#f5f1ff 100%);color:#1f2a44;text-align:center}
body.portrait-lock-active{overflow:hidden!important;overscroll-behavior:none;touch-action:none}
body.portrait-lock-active #portrait-lock-overlay{display:flex}
.portrait-lock-card{width:min(88vw,360px);padding:30px 24px;border:1px solid rgba(255,255,255,.86);border-radius:22px;background:rgba(255,255,255,.76);box-shadow:0 18px 55px rgba(64,89,140,.18),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.portrait-lock-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 18px;border-radius:18px;background:linear-gradient(135deg,rgba(59,130,246,.16),rgba(124,92,255,.16));color:#356de8;font-size:34px}
.portrait-lock-title{font-size:20px;font-weight:800;letter-spacing:.01em}
.portrait-lock-copy{margin-top:9px;color:#64718a;font-size:14px;line-height:1.7}
@media (prefers-color-scheme:dark){#portrait-lock-overlay{background:linear-gradient(145deg,#111827 0%,#18152a 100%);color:#edf4ff}.portrait-lock-card{border-color:rgba(255,255,255,.1);background:rgba(28,35,52,.84);box-shadow:0 18px 55px rgba(0,0,0,.35)}.portrait-lock-copy{color:#aeb9cd}}