dialog:has(.phone-terminal){background:transparent;border:0;box-shadow:none;padding:25px 48px;width:440px;max-width:100vw;max-height:96dvh;overflow-y:auto}dialog:has(.phone-terminal)>.close{right:12px;top:4px}.phone-terminal{position:relative;background:linear-gradient(115deg,#923c39,#c9584e 25%,#8c302c 90%);padding:30px 16px 12px;border:3px solid #52221f;border-radius:20px 20px 8px 8px;box-shadow:inset 2px 2px 2px #ec9a7370,inset -3px -2px 5px #24130f,8px 18px 30px #000a;font-family:'MS Gothic','Yu Gothic',monospace}.phone-antenna{height:15px;background:repeating-linear-gradient(65deg,#191b19 0 10px,#57534a 11px 14px);position:absolute;top:-14px;left:15%;width:70%;border:3px solid #28251e}.phone-earpiece{width:45%;height:5px;background:#251d19;border-radius:10px;margin:-14px auto 15px;box-shadow:0 1px 1px #de8d6c}.phone-glass{border:7px solid #292625;box-shadow:0 0 0 2px #e1ad9a66,inset 0 0 12px #000; background:#e2e4da;color:#22271e}.phone-status{display:flex;justify-content:space-between;background:#333e39;color:#d7ddd0;font-size:12px;padding:5px}.phone-title{background:#344f79;color:#f4f3df;padding:7px 10px;font-size:17px;letter-spacing:1px}.phone-screen{height:min(420px,52dvh);overflow:auto;padding:10px;font-size:14px;line-height:1.6;background:repeating-linear-gradient(0deg,#00000003 0 1px,transparent 1px 3px),linear-gradient(#f3f1e6,#c6cbbc);color:#232b27}.phone-screen p,.phone-screen h3{color:inherit}.phone-screen button{color:#26372e}.phone-row{display:flex;flex-direction:column;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #899489;padding:12px 2px;cursor:pointer;font:inherit;gap:5px}.phone-row:hover{background:#b6c8b5}.phone-date{font-size:11px;color:#5b665b}.phone-screen strong{font-weight:500}.phone-keys{display:flex;gap:5px;margin-top:18px}.phone-keys button{flex:1;padding:11px 3px;background:linear-gradient(#827e77,#444440);color:#e7ddc9;border:2px solid #393633;border-radius:5px;box-shadow:0 3px 0 #241d1b;cursor:pointer;font:inherit}.phone-keys button:active{transform:translateY(2px)}.phone-serial{text-align:center;color:#e1b7a1!important;font-size:8px;letter-spacing:2px;margin:18px 0 0}.phone-help{position:absolute;right:-41px;top:50px;width:30px;height:30px;border:1px solid #c7bca7;border-radius:50%;color:#e2d7c4;background:#201d18;cursor:pointer;font:18px Georgia}.phone-screen label{display:block;margin-bottom:9px;font-size:12px}.phone-screen textarea,.phone-screen select,.phone-screen input{box-sizing:border-box;width:100%;background:#f1f0df;border:1px solid #8e9885;border-radius:0;color:#20271f;padding:6px;font:14px 'MS Gothic','Yu Gothic',monospace}.phone-screen textarea{resize:vertical;min-height:90px}.phone-send{background:#344f79!important;color:#fff!important;padding:7px 18px;border:0;cursor:pointer}.phone-locked{padding:45px 8px;text-align:center}.mail-meta{display:grid;grid-template-columns:65px 1fr;font-size:11px;border-bottom:1px solid #929d89;padding-bottom:12px;gap:8px}.mail-worldline{color:#3c6254;font-family:monospace;font-size:14px;letter-spacing:1px}.mail-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.phone-page{min-height:75vh;display:grid;place-content:center;text-align:center;gap:25px}.desk-phone-preview{margin:auto;background:linear-gradient(120deg,#a44740,#552922);border:5px solid #34251f;border-radius:14px;padding:35px 25px;box-shadow:10px 15px 30px #0007;cursor:pointer;color:#dfd4ba;display:grid;gap:20px}.desk-phone-preview span{font-size:40px}.desk-object{position:absolute;z-index:4;border:0;background:transparent;cursor:pointer;color:#e7c18e;min-width:28px;min-height:28px}.desk-object span{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);white-space:nowrap;background:#1d140edb;border:1px solid #987344;padding:5px 10px;font-size:11px;opacity:0;transition:opacity .2s}.desk-object:hover span,.desk-object:focus-visible span{opacity:1}.desk-object:focus-visible{outline:1px solid #edc887}.desk-object.phone{left:11%;top:64%;width:10%;height:13%;transform:rotate(-12deg)}.desk-object.archive{left:44%;top:66%;width:16%;height:13%;transform:rotate(4deg)}

.desk-phone{left:14%;top:66.5%;width:15.5%;height:12%;transform:none}.desk-archive{left:48%;top:67%;width:32%;height:20%;transform:none}