/* Physical monitor shell; the frame owns its isolated room palette. */
#profile-monitor{position:fixed;inset:0;margin:auto;width:min(1420px,calc(100vw - 48px));height:min(890px,calc(100dvh - 40px));max-width:none;max-height:none;border:0;border-radius:0;padding:0;overflow:visible;background:transparent;color:#c6e8e8;box-shadow:none;font:14px/1.6 Arial,'Microsoft JhengHei',sans-serif;color-scheme:dark}
#profile-monitor[open]{display:flex;flex-direction:column}
#profile-monitor::backdrop{background:#0a172967;backdrop-filter:blur(5px);animation:pm-backdrop .4s ease-out}
#profile-monitor :is(button,a):focus-visible{outline:2px solid #78ded5;outline-offset:-4px;border-radius:8px}
.pm-hardware{display:flex;flex-direction:column;flex:1;min-height:0;padding:10px 10px 0;border:1px solid #78858b;border-radius:25px;background:linear-gradient(120deg,#555f64,#20282e 30%,#353e44 80%,#798289);box-shadow:0 35px 100px #05101590,inset 0 1px 1px #ffffff8c,inset 0 -2px 2px #ffffff28}
.pm-screen{display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid #050c12;border-radius:15px;overflow:hidden;background:#00121c;box-shadow:0 0 0 2px #11191e}
.pm-toolbar{display:flex;align-items:center;gap:12px;min-height:50px;padding:5px 18px;border-bottom:1px solid #00f3ff30;background:#071c27;flex-shrink:0}
#pm-title{font:10px Consolas,monospace;letter-spacing:2px;color:#67b9c7}
.pm-dismiss{display:flex;align-items:center;gap:12px;margin-left:auto}.pm-dismiss kbd{background:none;border-color:#92b8c225;color:#92abb5;font-size:10px;padding:2px 5px}
#profile-monitor .pm-close{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #a0b8c147;color:#e7f3f3;background:#ffffff05;transition:background .2s,transform .25s}
#profile-monitor .pm-close:hover{background:#af575a45;transform:rotate(90deg)}.pm-close svg{width:20px;height:20px}
.pm-content{display:block;border:0;width:100%;flex:1;min-height:0;background:#00121c}
.pm-chin{height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;color:#cad1d3;font:italic 21px Georgia;text-shadow:0 1px 2px #000}.pm-chin>i{position:absolute;right:17px;width:4px;height:4px;border-radius:50%;background:#b3e1cb;box-shadow:0 0 7px #b3e1cb66}
.pm-stand{height:35px;width:190px;position:relative;align-self:center;flex-shrink:0;background:linear-gradient(90deg,#3a454a,#7e898e 50%,#344248);clip-path:polygon(31% 0,69% 0,72% 76%,100% 87%,100% 96%,0 96%,0 87%,28% 76%)}
@keyframes pm-backdrop{from{background:transparent;backdrop-filter:blur(0)}}
@media(max-width:650px){#profile-monitor{width:calc(100vw - 16px);height:calc(100dvh - 24px)}.pm-hardware{padding:6px 6px 0;border-radius:19px}.pm-screen{border-radius:12px}.pm-toolbar{padding:5px 12px}.pm-dismiss kbd{display:none}#profile-monitor .pm-close{width:40px;height:40px}.pm-chin{height:23px;font-size:18px}.pm-stand{height:17px;width:130px}}
@media(prefers-reduced-motion:reduce){#profile-monitor::backdrop{animation:none}#profile-monitor *{transition:none!important}}

/* Warm studio hardware. Scope to this dialog, not the reading website. */
#profile-monitor{width:min(1420px,calc(100vw - 48px));height:min(860px,calc(100dvh - 112px));margin:auto;top:64px;color:#293f36;color-scheme:light}
#profile-monitor::backdrop{background:#343a313b;backdrop-filter:blur(7px)}
#profile-monitor :is(button,a):focus-visible{outline-color:#49664e}
.pm-hardware{position:relative;padding:10px 10px 0;border-color:#c2b5a2;background:linear-gradient(115deg,#ede3d5,#f7f2e9 45%,#dfd0be);box-shadow:0 28px 90px #35382945,inset 0 1px 2px #fff}
.pm-screen{border-color:#cbbda9;background:#f5f1e8;box-shadow:0 0 0 1px #fffcf4}
.pm-toolbar{background:linear-gradient(100deg,#f5f0e7,#ece6db);border-color:#d8cdbd;min-height:48px}
#pm-title{color:#3e5047;font-size:11px;letter-spacing:1.7px}
.pm-lights{display:flex;gap:7px;margin-right:8px}.pm-lights i{width:9px;height:9px;border-radius:50%;background:#c18068;border:1px solid #77634933}.pm-lights i:nth-child(2){background:#d8b56f}.pm-lights i:nth-child(3){background:#91a684}
.pm-dismiss kbd{color:#626e5f;border:1px solid #cbc6b7;border-radius:5px}
#profile-monitor .pm-close{color:#33493e;background:transparent;border-color:transparent;width:40px;height:40px}
#profile-monitor .pm-close:hover{background:#e1d6c6}
.pm-content{background:#f5f1e8}.pm-chin{color:#7b806c;text-shadow:none;height:24px}.pm-chin>i{background:#7c966d;box-shadow:none}
.pm-stand{background:linear-gradient(90deg,#929a80,#c5cbb6 50%,#909a7c);height:28px}
.pm-cat{position:absolute;z-index:3;left:clamp(100px,21%,330px);top:-73px;width:215px;height:auto;pointer-events:none;transform-origin:50% 82%;animation:pm-cat-breathe 4.8s ease-in-out infinite;filter:drop-shadow(0 3px 1px #4e4d3820)}
@keyframes pm-cat-breathe{0%,100%{transform:scaleY(1) rotate(-.3deg)}50%{transform:scaleY(1.035) rotate(.3deg)}}
@media(max-width:650px){#profile-monitor{width:calc(100vw - 14px);height:calc(100dvh - 80px);top:50px}.pm-cat{width:145px;top:-49px;left:80px}.pm-toolbar{padding:4px 9px}.pm-lights{gap:4px;margin-right:0}.pm-lights i{width:7px;height:7px}#pm-title{font-size:9px}.pm-stand{height:15px}.pm-chin{height:18px}}
@media(prefers-reduced-motion:reduce){.pm-cat{animation:none}}