:root{font-family:Tahoma,"MS Shell Dlg 2",sans-serif;color:#000;background:#7d9fc8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:100vw;min-height:100vh}button,input,select{font:inherit}.stage{min-height:100vh;display:grid;place-items:center;padding:24px;background:#7d9fc8}.msn-window{width:301px;height:518px;overflow:hidden;background:#fff;border:1px solid #3159a1;border-radius:7px 7px 3px 3px;box-shadow:0 0 0 1px #9bbcf0 inset;font-size:11px}.titlebar{height:27px;display:flex;align-items:center;justify-content:space-between;padding-left:6px;background:linear-gradient(#2f79df 0%,#1464ce 48%,#0755bd 100%);color:white;text-shadow:1px 1px #17478a}.title-brand{display:flex;align-items:center;gap:4px;font-size:12px}.mini-mark{font-size:10px;color:#dcecff;transform:rotate(18deg)}.caption-buttons{display:flex;gap:2px;padding-right:3px}.caption-buttons button{width:21px;height:21px;padding:0;border:1px solid #fff;border-radius:3px;color:#fff;font-weight:bold;background:linear-gradient(#65a6f3,#1b66ce);line-height:18px}.caption-buttons .close{background:linear-gradient(#f49a72,#d84c24)}.menu{height:21px;display:flex;align-items:center;gap:2px;padding:0 4px;border-bottom:1px solid #d6d6d6;background:#f7f5ed}.menu button{border:0;background:transparent;padding:2px 5px;font-size:11px}.brand-row{height:27px;display:flex;align-items:center;gap:4px;padding:0 7px;border-bottom:1px solid #dfe5ef;background:linear-gradient(#fff,#f2f5fb)}.round-caret{display:grid;place-items:center;width:16px;height:16px;border:1px solid #7792be;border-radius:50%;color:#315697;font-size:12px;line-height:12px}.brand-dmsn{font-style:italic;font-weight:bold;color:#234a8d;font-size:12px}.logon-surface{position:relative;height:442px;overflow:hidden}.bg-top{position:absolute;inset:0 0 auto 0;height:200px;background:linear-gradient(to bottom,rgb(255,255,255),rgb(203,216,239))}.bg-client{position:absolute;inset:200px 0 0 0;background:linear-gradient(to bottom,rgb(203,216,239),rgb(255,255,255))}.watermark{position:absolute;width:141px;height:132px;right:8px;bottom:21px;pointer-events:none}.avatar{position:absolute;top:22px;left:99px;width:106px;height:108px;border-style:solid;border-width:6px 5px;border-image-source:url('reference-only/1044.png');border-image-slice:6 5 6 5 fill;border-image-repeat:stretch}.avatar img{display:block;width:96px;height:96px}.login-form{position:absolute;top:132px;left:62px;width:175px;display:flex;flex-direction:column}.login-form>label{margin-bottom:2px}.combo{display:flex;width:175px;margin-bottom:8px}.combo input,.password{height:22px;background:white;border:1px solid rgb(131,150,195);padding:3px 4px;outline:none}.combo input{width:158px}.combo button{width:17px;height:22px;padding:0;margin-left:1px;background:white;border:1px solid rgb(131,150,195);color:#111;font-size:8px}.password{width:175px;margin-bottom:5px}.status-row{display:flex;align-items:center;height:22px;margin-top:1px}.status-row span{padding-right:4px}.status-row select{border:0;background:transparent;color:rgb(0,0,117);outline:none;font-size:11px;max-width:120px}.remember{display:flex;flex-direction:column;gap:2px;padding-top:10px}.remember label{white-space:nowrap}.remember input{width:13px;height:13px;vertical-align:-2px;margin:0 4px 0 0}.signin{position:relative;align-self:center;width:80px;height:23px;margin-top:17px;box-sizing:border-box;border-style:solid;border-width:9px 8px;border-image-source:url('reference-only/defaulted.png');border-image-slice:9 8 9 8 fill;border-image-repeat:stretch;padding:0;background:transparent;color:#000;font-weight:normal}.signin span{position:absolute;inset:-9px -8px;display:grid;place-items:center}.signin:hover{border-image-source:url('reference-only/hot.png')}.signin.pressed{border-image-source:url('reference-only/pressed.png')}.links{position:absolute;left:32px;right:27px;bottom:45px;display:grid;grid-template-columns:1fr 1fr;row-gap:5px}.links a{color:#000;text-decoration:underline;font-size:10px}.links a:first-child{grid-column:1/-1}.links .new-account{justify-self:end}.passport{position:absolute;left:5px;bottom:1px;display:flex;align-items:center;gap:4px;height:22px}.passport img{width:22px;height:18px}.passport span{font-size:10px}
.marlett-caret{font-family:Marlett;font-size:10px;line-height:1;padding:1px 0 0 1px}.status-chooser{border:0;background:transparent;color:rgb(0,0,117);padding:0 4px 0 0;display:flex;align-items:center;gap:4px}.msn-check input{position:absolute;opacity:0;pointer-events:none}.msn-check{display:flex;align-items:center;white-space:nowrap;margin:3px}.msn-check-box{width:13px;height:13px;margin:0 3px 0 0;background:url('reference-only/1086.png') center/13px 13px no-repeat}.msn-check input:checked + .msn-check-box{background-image:url('reference-only/1087.png')}.msn-check:hover .msn-check-box{background-image:url('reference-only/1088.png')}.msn-check:hover input:checked + .msn-check-box{background-image:url('reference-only/1089.png')}
.combo-arrow-img{display:block;width:10px;height:7px;margin:auto;image-rendering:auto}
@media (max-width:1024px), (hover:none) and (pointer:coarse){html,body{width:100%;height:100%;overflow:hidden;background:#fff}.stage{display:block;width:100%;height:100%;min-height:0;padding:0;background:#fff}.msn-window{width:100%;height:100%;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.titlebar{flex:0 0 32px;height:32px;padding-left:8px}.title-brand{font-size:13px}.caption-buttons button{height:24px}.menu{flex:0 0 25px;height:25px}.brand-row{flex:0 0 32px;height:32px}.logon-surface{flex:1;height:auto;min-height:0}.bg-top{height:200px}.bg-client{inset:200px 0 0}.avatar{left:50%;transform:translateX(-50%);top:22px}.login-form{left:50%;transform:translateX(-50%);top:132px}.links{left:50%;right:auto;width:242px;transform:translateX(-50%)}.passport{bottom:6px}}

/* mobile-unified-scale */
@media (max-width: 1100px), (hover: none), (pointer: coarse) {
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  body { font-size: 16px; }
  .titlebar { min-height: 42px !important; height: 42px !important; }
  .title-brand { font-size: 18px !important; }
  .caption-buttons button { width: 34px !important; height: 34px !important; font-size: 18px !important; }
  .menu { min-height: 36px !important; height: 36px !important; }
  .menu button { font-size: 15px !important; padding: 7px 10px !important; }
  .brand-row { min-height: 40px !important; height: 40px !important; font-size: 15px !important; }
  .round-caret { width: 24px !important; height: 24px !important; }
  .brand-dmsn { font-size: 16px !important; }
  .me-inner { min-height: 92px !important; padding: 8px 10px 4px !important; }
  .avatar { width: 78px !important; height: 80px !important; margin-right: 10px !important; }
  .avatar img { width: 68px !important; height: 68px !important; object-fit: cover; }
  .status-chooser { min-height: 34px !important; height: 34px !important; font-size: 17px !important; }
  .psm { min-height: 34px !important; height: 34px !important; font-size: 16px !important; padding-top: 6px !important; }
  .add-contact { min-height: 42px !important; height: 42px !important; }
  .add-contact button { min-height: 41px !important; height: 41px !important; font-size: 17px !important; }
  .add-contact img { width: 26px !important; height: 26px !important; }
  .group-title { font-size: 17px !important; padding: 8px 10px !important; }
  .collapse { width: 18px !important; height: 18px !important; }
  .buddy { font-size: 18px !important; padding: 10px 12px 10px 38px !important; }
  .invite-panel, .invite-row button { font-size: 16px !important; }
  .msn-toast { font-size: 15px !important; }
  .toast-head { min-height: 32px !important; height: 32px !important; }
  .status-menu button { font-size: 16px !important; padding: 9px 12px !important; }
  .to-bar { min-height: 38px !important; height: 38px !important; font-size: 16px !important; }
  .history { font-size: 17px !important; }
  .toolbar { min-height: 34px !important; height: 34px !important; }
  .entry-row textarea { font-size: 17px !important; }
  .entry-row button { width: 82px !important; height: 46px !important; font-size: 16px !important; }
  .statusbar { min-height: 30px !important; height: 30px !important; font-size: 15px !important; }
}