/*! 98.css v0.1.21 - https://github.com/jdan/98.css */@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:400;src:url(/assets/ms_sans_serif-C3pax6mQ.woff) format("woff");src:url(/assets/ms_sans_serif-Du8rjN1q.woff2) format("woff2")}@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:700;src:url(/assets/ms_sans_serif_bold-B8yxhAcs.woff) format("woff");src:url(/assets/ms_sans_serif_bold-D5dpRRHG.woff2) format("woff2")}body{color:#222;font-family:Arial;font-size:12px}.title-bar,.window,button,input,label,legend,li[role=tab],option,select,table,textarea,ul.tree-view{-webkit-font-smoothing:none;font-family:"Pixelated MS Sans Serif",Arial;font-size:11px}h1{font-size:5rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}u{border-bottom:.5px solid #222;text-decoration:none}button,input[type=reset],input[type=submit]{background:silver;border:none;border-radius:0;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;box-sizing:border-box;color:transparent;min-height:23px;min-width:75px;padding:0 12px;text-shadow:0 0 #222}button.default,input[type=reset].default,input[type=submit].default{box-shadow:inset -2px -2px #0a0a0a,inset 1px 1px #0a0a0a,inset 2px 2px #fff,inset -3px -3px grey,inset 3px 3px #dfdfdf}.vertical-bar{background:silver;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;height:20px;width:4px}button:not(:disabled):active,input[type=reset]:not(:disabled):active,input[type=submit]:not(:disabled):active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey;text-shadow:1px 1px #222}button.default:not(:disabled):active,input[type=reset].default:not(:disabled):active,input[type=submit].default:not(:disabled):active{box-shadow:inset 2px 2px #0a0a0a,inset -1px -1px #0a0a0a,inset -2px -2px #fff,inset 3px 3px grey,inset -3px -3px #dfdfdf}@media (not(hover)){button:not(:disabled):hover,input[type=reset]:not(:disabled):hover,input[type=submit]:not(:disabled):hover{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey}}button:focus,input[type=reset]:focus,input[type=submit]:focus{outline:1px dotted #000;outline-offset:-4px}button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0}:disabled,:disabled+label,input[readonly],input[readonly]+label{color:grey}:disabled+label,button:disabled,input[type=reset]:disabled,input[type=submit]:disabled{text-shadow:1px 1px 0 #fff}.window{background:silver;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;padding:3px}.title-bar{align-items:center;background:linear-gradient(90deg,navy,#1084d0);display:flex;justify-content:space-between;padding:3px 2px 3px 3px}.title-bar.inactive{background:linear-gradient(90deg,grey,#b5b5b5)}.title-bar-text{color:#fff;font-weight:700;letter-spacing:0;margin-right:24px}.title-bar-controls{display:flex}.title-bar-controls button{display:block;min-height:14px;min-width:16px;padding:0}.title-bar-controls button:active{padding:0}.title-bar-controls button:focus{outline:none}.title-bar-controls button[aria-label=Minimize],.title-bar-controls button[aria-label].minimize{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E");background-position:bottom 3px left 4px;background-repeat:no-repeat}.title-bar-controls button[aria-label=Maximize],.title-bar-controls button[aria-label].maximize{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls button[aria-label=Maximize]:disabled,.title-bar-controls button[aria-label].maximize:disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 1H1v9h9V1zM9 3H2v6h7V3z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='gray'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls button[aria-label=Restore],.title-bar-controls button[aria-label].restore{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M2 0h6v2H2zM7 2h1v4H7zM2 2h1v1H2zM6 5h1v1H6zM0 3h6v2H0zM5 5h1v4H5zM0 5h1v4H0zM1 8h4v1H1z'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls button[aria-label=Help],.title-bar-controls button[aria-label].help{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 1h2v2H0zM1 0h4v1H1zM4 1h2v2H4zM3 3h2v1H3zM2 4h2v2H2zM2 7h2v2H2z'/%3E%3C/svg%3E");background-position:top 2px left 5px;background-repeat:no-repeat}.title-bar-controls button[aria-label=Close],.title-bar-controls button[aria-label].close{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E");background-position:top 3px left 4px;background-repeat:no-repeat;margin-left:2px}.status-bar{gap:1px;display:flex;margin:0 1px}.status-bar-field{box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px grey;flex-grow:1;margin:0;padding:2px 3px}.window-body{margin:8px}fieldset{border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' fill='gray' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h5v5H0V2h2v1h1V2H0' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h4v4H0V1h1v2h2V1H0'/%3E%3C/svg%3E") 2;margin:0;padding:10px;padding-block-start:8px}legend{background:silver}.field-row{align-items:center;display:flex}[class^=field-row]+[class^=field-row]{margin-top:6px}.field-row>*+*{margin-left:6px}.field-row-stacked{display:flex;flex-direction:column}.field-row-stacked *+*{margin-top:6px}label{align-items:center;display:inline-flex;user-select:none}input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:0;border:none;margin:0;opacity:0;position:fixed}input[type=checkbox]+label,input[type=radio]+label{line-height:13px}input[type=radio]+label{margin-left:18px;position:relative}input[type=radio]+label:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='%23fff'/%3E%3C/svg%3E");content:"";display:inline-block;height:12px;left:-18px;margin-right:6px;position:absolute;top:0;width:12px}input[type=radio]:active+label:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E")}input[type=radio]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='%23000'/%3E%3C/svg%3E");content:"";display:block;height:4px;left:-14px;position:absolute;top:4px;width:4px}input[type=checkbox]:focus+label,input[type=radio]:focus+label{outline:1px dotted #000}input[type=radio][disabled]+label:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E")}input[type=radio][disabled]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='gray'/%3E%3C/svg%3E")}input[type=checkbox]+label{margin-left:19px;position:relative}input[type=checkbox]+label:before{background:#fff;box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;content:"";display:inline-block;height:13px;left:-19px;margin-right:6px;position:absolute;width:13px}input[type=checkbox]:active+label:before{background:silver}input[type=checkbox]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='%23000'/%3E%3C/svg%3E");content:"";display:block;height:7px;left:-16px;position:absolute;width:7px}input[type=checkbox][disabled]+label:before{background:silver}input[type=checkbox][disabled]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='gray'/%3E%3C/svg%3E")}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select{background-color:#fff;box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;box-sizing:border-box;padding:3px 4px}select,textarea{border:none}textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:0;box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;box-sizing:border-box;padding:3px 4px}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select{height:21px}input[type=number]{height:22px}input[type=search]::-ms-clear,input[type=search]::-ms-reveal{display:none;height:0;width:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{line-height:2}input[type=email]:disabled,input[type=email]:read-only,input[type=number]:disabled,input[type=number]:read-only,input[type=password]:disabled,input[type=password]:read-only,input[type=search]:disabled,input[type=search]:read-only,input[type=tel]:disabled,input[type=tel]:read-only,input[type=text]:disabled,input[type=text]:read-only,input[type=url]:disabled,input[type=url]:read-only,textarea:disabled{background-color:silver}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");background-position:top 2px right 2px;background-repeat:no-repeat;border-radius:0;padding-right:32px;position:relative}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:none}input[type=range]{-webkit-appearance:none;background:transparent;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E");border:none;box-shadow:none;height:21px;transform:translateY(-8px);width:11px}input[type=range].has-box-indicator::-webkit-slider-thumb{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v20h1V1h9V0z' fill='%23fff'/%3E%3Cpath fill='%23C0C7C8' d='M1 1h8v18H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v19H1v-1h8z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v21H0v-1h10z' fill='%23000'/%3E%3C/svg%3E");transform:translateY(-10px)}input[type=range]::-moz-range-thumb{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E");border:0;border-radius:0;height:21px;transform:translateY(2px);width:11px}input[type=range].has-box-indicator::-moz-range-thumb{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v20h1V1h9V0z' fill='%23fff'/%3E%3Cpath fill='%23C0C7C8' d='M1 1h8v18H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v19H1v-1h8z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v21H0v-1h10z' fill='%23000'/%3E%3C/svg%3E");transform:translateY(0)}input[type=range]::-webkit-slider-runnable-track{background:#000;border-bottom:1px solid grey;border-right:1px solid grey;box-shadow:1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 0 0 #a9a9a9,-1px -1px 0 #a9a9a9,0 -1px 0 #a9a9a9,-1px 1px 0 #fff,1px -1px #a9a9a9;box-sizing:border-box;height:2px;width:100%}input[type=range]::-moz-range-track{background:#000;border-bottom:1px solid grey;border-right:1px solid grey;box-shadow:1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 0 0 #a9a9a9,-1px -1px 0 #a9a9a9,0 -1px 0 #a9a9a9,-1px 1px 0 #fff,1px -1px #a9a9a9;box-sizing:border-box;height:2px;width:100%}.is-vertical{display:inline-block;height:150px;transform:translateY(50%);width:4px}.is-vertical>input[type=range]{height:4px;margin:0 16px 0 10px;transform:rotate(270deg) translateX(calc(-50% + 8px));transform-origin:left;width:150px}.is-vertical>input[type=range]::-webkit-slider-runnable-track{border-bottom:1px solid grey;border-left:1px solid grey;border-right:0;box-shadow:-1px 0 0 #fff,-1px 1px 0 #fff,0 1px 0 #fff,1px 0 0 #a9a9a9,1px -1px 0 #a9a9a9,0 -1px 0 #a9a9a9,1px 1px 0 #fff,-1px -1px #a9a9a9}.is-vertical>input[type=range]::-moz-range-track{border-bottom:1px solid grey;border-left:1px solid grey;border-right:0;box-shadow:-1px 0 0 #fff,-1px 1px 0 #fff,0 1px 0 #fff,1px 0 0 #a9a9a9,1px -1px 0 #a9a9a9,0 -1px 0 #a9a9a9,1px 1px 0 #fff,-1px -1px #a9a9a9}.is-vertical>input[type=range]::-webkit-slider-thumb{transform:translateY(-8px) scaleX(-1)}.is-vertical>input[type=range].has-box-indicator::-webkit-slider-thumb{transform:translateY(-10px) scaleX(-1)}.is-vertical>input[type=range]::-moz-range-thumb{transform:translateY(2px) scaleX(-1)}.is-vertical>input[type=range].has-box-indicator::-moz-range-thumb{transform:translateY(0) scaleX(-1)}select:focus{background-color:navy;color:#fff}select:focus option{background-color:#fff;color:#000}select:active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h16v17H0V0zm1 16h14V1H1v15z' fill='gray'/%3E%3Cpath fill='silver' d='M1 1h14v15H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7H5v1h1v1h1v1h1v1h1v-1h1V9h1V8h1V7z' fill='%23000'/%3E%3C/svg%3E")}a{color:#00f}a:focus{outline:1px dotted #00f}ul.tree-view{background:#fff;box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;display:block;margin:0;padding:6px}ul.tree-view li{list-style-type:none}ul.tree-view a{color:#000;text-decoration:none}ul.tree-view a:focus{background-color:navy;color:#fff}ul.tree-view li,ul.tree-view ul{margin-top:3px}ul.tree-view ul{border-left:1px dotted grey;margin-left:16px;padding-left:16px}ul.tree-view ul>li{position:relative}ul.tree-view ul>li:before{border-bottom:1px dotted grey;content:"";display:block;left:-16px;position:absolute;top:6px;width:12px}ul.tree-view ul>li:last-child:after{background:#fff;bottom:0;content:"";display:block;left:-20px;position:absolute;top:7px;width:8px}ul.tree-view details{margin-top:0}ul.tree-view details[open] summary{margin-bottom:0}ul.tree-view ul details>summary:before{margin-left:-22px;position:relative;z-index:1}ul.tree-view details>summary:before{background-color:#fff;border:1px solid grey;content:"+";display:block;float:left;height:9px;line-height:8px;margin-right:5px;padding-left:1px;text-align:center;width:8px}ul.tree-view details[open]>summary:before{content:"-"}ul.tree-view details>summary::-webkit-details-marker,ul.tree-view details>summary::marker{content:""}pre{background:#fff;box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;display:block;margin:0;padding:12px 8px}code,code *{font-family:monospace}summary:focus{outline:1px dotted #000}::-webkit-scrollbar{width:16px}::-webkit-scrollbar:horizontal{height:17px}::-webkit-scrollbar-corner{background:#dfdfdf}::-webkit-scrollbar-track{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E")}::-webkit-scrollbar-thumb{background-color:#dfdfdf;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf}::-webkit-scrollbar-button:horizontal:end:increment,::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:vertical:end:increment,::-webkit-scrollbar-button:vertical:start:decrement{display:block}::-webkit-scrollbar-button:vertical:start{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6H7v1H6v1H5v1H4v1h7V9h-1V8H9V7H8V6z' fill='%23000'/%3E%3C/svg%3E");height:17px}::-webkit-scrollbar-button:vertical:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");height:17px}::-webkit-scrollbar-button:horizontal:start{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4H8v1H7v1H6v1H5v1h1v1h1v1h1v1h1V4z' fill='%23000'/%3E%3C/svg%3E");width:16px}::-webkit-scrollbar-button:horizontal:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4H6v7h1v-1h1V9h1V8h1V7H9V6H8V5H7V4z' fill='%23000'/%3E%3C/svg%3E");width:16px}.window[role=tabpanel]{position:relative;z-index:2}menu[role=tablist]{display:flex;list-style-type:none;margin:0 0 -2px;padding-left:3px;position:relative;text-indent:0}menu[role=tablist]>li{border-top-left-radius:3px;border-top-right-radius:3px;box-shadow:inset -1px 0 #0a0a0a,inset 1px 1px #dfdfdf,inset -2px 0 grey,inset 2px 2px #fff;z-index:1}menu[role=tablist]>li[aria-selected=true]{background-color:silver;margin-left:-3px;margin-top:-2px;padding-bottom:2px;position:relative;z-index:8}menu[role=tablist]>li>a{color:#222;display:block;margin:6px;text-decoration:none}menu[role=tablist]>li[aria-selected=true]>a:focus{outline:none}menu[role=tablist]>li>a:focus{outline:1px dotted #222}menu[role=tablist].multirows>li{flex-grow:1;text-align:center}.sunken-panel{border:2px groove transparent;border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='gray' d='M0 0h4v1H0z'/%3E%3Cpath fill='gray' d='M0 0h1v4H0z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h2v1H1z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h1v2H1z'/%3E%3Cpath fill='%23fff' d='M0 4h5v1H0z'/%3E%3Cpath fill='%23fff' d='M4 0h1v5H4z'/%3E%3Cpath fill='%23dfdfdf' d='M3 1h1v3H3z'/%3E%3Cpath fill='%23dfdfdf' d='M1 3h3v1H1z'/%3E%3C/svg%3E") 2;box-sizing:border-box;overflow:auto}.sunken-panel,table{background-color:#fff}table{border-collapse:collapse;position:relative;text-align:left;white-space:nowrap}table>thead>tr>*{background:silver;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;box-sizing:border-box;font-weight:400;height:17px;padding:0 6px;position:sticky;top:0}table.interactive>tbody>tr{cursor:pointer}table>tbody>tr.highlighted{background-color:navy;color:#fff}table>tbody>tr>*{height:14px;padding:0 6px}.progress-indicator{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;box-shadow:inset -2px -2px #dfdfdf,inset 2px 2px grey;box-sizing:border-box;height:32px;padding:4px;position:relative}.progress-indicator>.progress-indicator-bar{background-color:navy;display:block;height:100%}.progress-indicator.segmented>.progress-indicator-bar{background-color:transparent;background-image:linear-gradient(90deg,navy 16px,transparent 0 2px);background-repeat:repeat;background-size:18px 100%;width:100%}.field-border{background:#fff}.field-border,.field-border-disabled{box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;padding:2px}.field-border-disabled{background:silver}.status-field-border{background:silver;box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px grey;padding:1px}/*# sourceMappingURL=98.css.map */:root {
  /* Default/Classic theme variables */
  --player-border: #ff99cc;
  --player-inner-bg: #003399;
  --player-screen-bg: #000000;
  --player-screen-text: #ff66cc;
  --player-screen-subtext: #ff99cc;
  --player-accent: #ff007f;
  --player-btn-active: #39ff14;
  --player-btn-inactive: #ff66cc;
  --player-progress-fill: linear-gradient(90deg, #ff66cc 0%, #ff007f 100%);
  --player-visualizer-bar: #ff66cc;
}/* Retro font loading and pixelated styling overrides */body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #e5e5e5; /* Classic MySpace Grey-blue */
  color: #000;
  overflow-y: auto;
  overflow-x: hidden;
  user-select: auto;
  -webkit-user-select: auto;
}#root {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #e5e5e5;
}/* MySpace Navigation Header (2003) */.myspace-nav-header {
  background: linear-gradient(135deg, #001a4d 0%, #003399 50%, #004fe6 100%);
  color: #ffffff;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 16px;
  padding-top: calc(env(safe-area-inset-top) + 10px);
  font-family: Arial, sans-serif;
  z-index: 10000;
  position: sticky;
  top: 0;
  border-bottom: 3px solid #ff66cc;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
}.myspace-nav-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 950px;
  margin: 0 auto 6px auto;
  flex-wrap: wrap;
  gap: 8px;
}.myspace-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
  font-size: 24px !important;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}.myspace-logo-icons {
  display: flex;
  gap: 2px;
  color: #6699ff;
  font-size: 20px;
}.myspace-search-bar {
  display: flex;
  align-items: center;
  gap: 8px;
}.myspace-search-bar input {
  font-size: 15px !important;
  padding: 6px 10px !important;
  min-height: 38px !important;
  height: 38px !important;
  border: 1px solid #000;
  width: 180px;
}.myspace-search-bar button {
  font-size: 15px !important;
  padding: 6px 12px !important;
  min-height: 38px !important;
  height: 38px !important;
  cursor: pointer;
}.myspace-nav-links-row {
  max-width: 950px;
  margin: 0 auto;
  border-top: 1px dashed rgba(255, 102, 204, 0.4);
  padding: 8px 0 2px 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}.myspace-nav-link {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px !important;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: background-color 0.2s ease, color 0.2s ease;
}.myspace-nav-link:hover {
  background-color: #6699ff;
  color: #ffffff;
  text-decoration: none;
}.myspace-nav-link.active {
  background-color: #ff66cc;
  color: #003399;
}.myspace-nav-divider {
  display: none;
}.myspace-layout {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  width: 100%;
  box-sizing: border-box;
  background-color: #c8c8c8;
}.myspace-container {
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 15px 30px;
  background-color: #ffffff;
  border: 1px solid #003399;
  border-top: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 0 0 4px 4px;
  flex: 1;
}.myspace-columns {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 100%;
}@media (max-width: 768px) {
  .myspace-columns {
    flex-direction: column;
  }
}.myspace-left-col {
  width: 320px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}@media (max-width: 768px) {
  .myspace-left-col {
    width: 100%;
  }
}.myspace-right-col {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}.myspace-welcome-box {
  border: 2px solid #6699ff;
  padding: 20px;
  background-color: #f2f6ff;
  border-radius: 4px;
  text-align: left;
}.myspace-welcome-title {
  color: #003399;
  font-weight: bold;
  font-size: 24px !important;
  margin: 0 0 12px 0;
}.myspace-welcome-text {
  font-size: 16px !important;
  line-height: 1.5;
  margin: 0 0 12px 0;
  color: #333;
}.myspace-orange-box {
  border: 1px solid #ff99cc;
  background-color: #ffffff;
  padding: 15px;
}/* Comment list styles (MySpace feed) */.myspace-comments-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}.myspace-comment-card {
  border: 1px solid #6699cc;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  min-height: 120px;
}@media (max-width: 480px) {
  .myspace-comment-card {
    flex-direction: column;
  }
}.myspace-comment-left {
  width: 120px;
  background-color: #f2f2f2;
  border-right: 1px solid #ccc;
  padding: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex-shrink: 0;
  gap: 4px;
}.myspace-comment-author-avatar {
  width: 60px;
  height: 60px;
  background-color: #fff;
  border: 1px solid #999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  margin-bottom: 2px;
  border-radius: 2px;
  cursor: pointer;
}.myspace-comment-author-name {
  font-size: 12px !important;
  color: #003399;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
  word-break: break-all;
}.myspace-comment-right {
  flex: 1;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}.myspace-comment-date {
  font-size: 11px !important;
  color: #666;
  border-bottom: 1px solid #eee;
  padding-bottom: 4px;
  margin-bottom: 6px;
}.myspace-comment-text {
  font-size: 14px !important;
  font-family: Arial, sans-serif;
  line-height: 1.4;
  margin: 0;
  white-space: pre-wrap;
  color: #111;
  flex: 1;
}.myspace-comment-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}.myspace-comment-actions button {
  min-height: 32px !important;
  padding: 2px 10px !important;
  font-size: 13px !important;
}/* Modal Overlay & Container */.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 150000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  box-sizing: border-box;
}.modal-container {
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 30px rgba(0,0,0,0.5);
  animation: modal-fade-in 0.2s ease-out;
}@keyframes modal-fade-in {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}.modal-container .window {
  height: 100%;
  display: flex;
  flex-direction: column;
}.outlook-pane {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 6px;
}.outlook-list {
  flex: 1;
  overflow-y: auto;
  background-color: white;
  border: 2px inset #fff;
  padding: 0;
  margin: 0;
  list-style: none;
}.outlook-item {
  padding: 6px 8px;
  border-bottom: 1px solid #dfdfdf;
  font-size: 11px;
  cursor: pointer;
}.outlook-item:hover {
  background-color: #f0f0f0;
}.outlook-item.selected {
  background-color: #000080;
  color: white;
}.outlook-preview {
  height: 140px;
  background-color: #fff;
  border: 2px inset #fff;
  padding: 8px;
  font-size: 12px;
  overflow-y: auto;
  font-family: "Courier New", Courier, monospace;
}.aim-layout {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #fff;
  border: 2px inset #fff;
}.aim-header {
  background-color: #e0e0e0;
  padding: 4px;
  border-bottom: 2px solid #808080;
  font-size: 11px;
  font-weight: bold;
}.aim-chat-log {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  background-color: #fff;
}.aim-message {
  margin-bottom: 6px;
  line-height: 1.3;
}.aim-msg-sender {
  font-weight: bold;
  font-size: 11px;
}.aim-msg-self {
  color: #0000ff;
}.aim-msg-buddy {
  color: #ff0000;
}.aim-msg-system {
  color: #808080;
  font-style: italic;
}.aim-input-area {
  height: 60px;
  border-top: 2px solid #808080;
  background-color: #f0f0f0;
  padding: 4px;
  display: flex;
  gap: 6px;
}.aim-input-area textarea {
  flex: 1;
  resize: none;
  font-size: 12px;
  font-family: Arial, sans-serif;
  border: 2px inset #fff;
  padding: 4px;
}.aim-input-actions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}/* Blue Screen of Death (BSOD) */.bsod-screen {
  background-color: #0000aa;
  color: #ffffff;
  font-family: "Courier New", Courier, monospace;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  user-select: none;
  overflow: hidden;
}.bsod-content {
  max-width: 650px;
  width: 100%;
}.bsod-title {
  background-color: #aaaaaa;
  color: #0000aa;
  padding: 2px 8px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  margin-bottom: 20px;
}/* Beveled grouping layouts (like network setup) */.beveled-box {
  border: 2px inset #fff;
  background-color: white;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}/* Custom directory folder tree icons list */.tree-view ul {
  padding-left: 16px;
}.tree-view li {
  margin-top: 2px;
}.tree-node-label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  padding: 1px 4px;
}.tree-node-label:hover {
  text-decoration: underline;
}.tree-node-label.active {
  background-color: #000080;
  color: white;
}.tree-icon {
  width: 16px;
  height: 16px;
  image-rendering: pixelated;
  display: inline-block;
}/* CSS scrollbar styling scaled up for touch screen usage */::-webkit-scrollbar {
  width: 22px;
  height: 22px;
}::-webkit-scrollbar-track {
  background: #dfdfdf;
  box-shadow: inset 1px 1px 0 #808080, inset -1px -1px 0 #fff;
}::-webkit-scrollbar-thumb {
  background: #c0c0c0;
  border: 2px solid;
  border-color: #fff #808080 #808080 #fff;
}::-webkit-scrollbar-button {
  background: #c0c0c0;
  width: 22px;
  height: 22px;
  display: block;
  border: 2px solid;
  border-color: #fff #808080 #808080 #fff;
}/* GLOBAL SCALE OVERRIDES - Everything bigger as per user request */body, button, input, textarea, select, label, .window-title, .status-bar, .tree-node-label, .desktop-icon-text {
  font-size: 17px !important;
}/* Specific heading scales */.window-title {
  font-size: 16px !important;
}h2 {
  font-size: 19px !important;
}h1 {
  font-size: 24px !important;
}/* Buttons Touch targets & Active Shift Click effect */button {
  padding: 10px 18px !important;
  min-height: 48px;
  box-sizing: border-box;
}button:active, button.active {
  padding: 11px 17px 9px 19px !important;
  box-shadow: inset 1px 1px 0 #000, inset -1px -1px 0 #fff !important;
}/* Taskbar specific buttons should not be humongous but highly tactile */.start-button, .taskbar-app-button {
  min-height: 38px !important;
  padding: 4px 12px !important;
  font-size: 14px !important;
}.start-button:active, .start-button.active,
.taskbar-app-button:active, .taskbar-app-button.active {
  padding: 5px 11px 3px 13px !important;
}/* Input fields Touch targets */input[type="text"], input[type="password"], input[type="email"], textarea, select {
  font-size: 17px !important;
  padding: 10px 12px !important;
  min-height: 46px;
  box-sizing: border-box;
}legend {
  font-size: 14px !important;
  font-weight: bold;
}/* Custom Grid for City Selection */.city-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  width: 100%;
  padding: 20px 10px;
  box-sizing: border-box;
}.city-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 12px !important;
  height: 120px;
  cursor: pointer;
  background-color: #c0c0c0;
}.city-button-icon {
  font-size: 36px;
  margin-bottom: 10px;
}.city-button-text {
  font-size: 16px !important;
  font-weight: bold;
}/* Toolbar controls for fullscreen views */.retro-toolbar {
  display: flex;
  gap: 8px;
  background-color: #c0c0c0;
  border-bottom: 2px solid #808080;
  padding: 6px;
  flex-shrink: 0;
  align-items: center;
}.feed-header {
  border-bottom: 2px solid #000;
  padding-bottom: 8px;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}.feed-card {
  border: 2px solid;
  border-color: #fff #808080 #808080 #fff;
  background-color: #f5f5f5;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}/* Wizard Setup Gradient Banner styles */.wizard-header-banner {
  background: linear-gradient(90deg, #000080 0%, #1084d0 100%);
  color: white;
  padding: 16px 20px;
  border-bottom: 2px solid #808080;
  text-align: left;
  box-sizing: border-box;
  width: 100%;
}.wizard-header-banner h1 {
  margin: 0;
  font-size: 20px !important;
  font-weight: bold;
  font-family: "Tahoma", "Segoe UI", Arial, sans-serif;
  text-shadow: 1px 1px 1px #000;
}.wizard-header-banner p {
  margin: 4px 0 0 0;
  font-size: 13px !important;
  color: #d0e0ff;
  font-family: "Tahoma", "Segoe UI", Arial, sans-serif;
}/* Classic double-inset bevel image/logo frames */.logo-frame {
  display: inline-flex;
  padding: 4px;
  background-color: #c0c0c0;
  /* Outer bevel inset */
  border-top: 2px solid #808080;
  border-left: 2px solid #808080;
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  box-sizing: border-box;
}.logo-frame-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  background-color: #ffffff;
  /* Inner deep inset */
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  border-bottom: 2px solid #dfdfdf;
  border-right: 2px solid #dfdfdf;
}/* ==========================================
   MYSPACE MUSIC PLAYER WIDGET
   ========================================== */.myspace-player-widget {
  background-color: #c0c0c0;
  padding: 8px;
  margin-bottom: 12px;
  width: 100%;
  box-sizing: border-box;

  border: 1px solid var(--player-border) !important;
}.player-inner {
  display: flex;
  flex-direction: row;
  gap: 10px;
  background-color: var(--player-inner-bg) !important;
  padding: 8px;
  border: 2px inset #fff;
  border-radius: 4px;
}@media (max-width: 480px) {
  .player-inner {
    flex-direction: column;
  }
}.player-screen {
  flex: 1.2;
  background-color: var(--player-screen-bg) !important;
  border: 2px inset #000;
  border-radius: 2px;
  padding: 6px;
  color: var(--player-screen-text) !important;
  font-family: "Courier New", Courier, monospace;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 85px;
}.track-info {
  font-size: 13px !important;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 18px;
  border-bottom: 1px dashed var(--player-accent) !important;
}.scrolling-title {
  display: inline-block;
  animation: scroll-text 15s linear infinite;
  padding-left: 100%;
}@keyframes scroll-text {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); }
}.playback-stats {
  display: flex;
  justify-content: space-between;
  font-size: 11px !important;
  color: var(--player-screen-subtext) !important;
  margin-top: 4px;
}.kbps-label {
  color: var(--player-accent) !important;
  font-weight: bold;
}.visualizer-container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 30px;
  margin-top: 6px;
  background-color: #000500;
  padding: 2px 4px;
  border-radius: 1px;
  border: 1px solid var(--player-accent) !important;
}.visualizer-bar {
  width: 7%;
  height: 15%;
  background-color: var(--player-visualizer-bar) !important;
  border-radius: 1px 1px 0 0;
  transition: height 0.1s ease;
}.visualizer-bar.playing {
  animation: bounce var(--bounce-duration) ease-in-out infinite alternate;
}.bar-1 { --bounce-duration: 0.35s; }.bar-2 { --bounce-duration: 0.45s; }.bar-3 { --bounce-duration: 0.28s; }.bar-4 { --bounce-duration: 0.52s; }.bar-5 { --bounce-duration: 0.38s; }.bar-6 { --bounce-duration: 0.42s; }.bar-7 { --bounce-duration: 0.31s; }.bar-8 { --bounce-duration: 0.48s; }.bar-9 { --bounce-duration: 0.33s; }.bar-10 { --bounce-duration: 0.46s; }@keyframes bounce {
  0% { height: 10%; background-color: #22bb22; }
  50% { height: 75%; background-color: #33ff33; }
  100% { height: 95%; background-color: #ffff33; }
}.player-controls {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 6px;
}.controls-row {
  display: flex;
  justify-content: space-between;
  gap: 4px;
}.player-btn {
  flex: 1;
  background-color: #c0c0c0 !important;
  color: #000 !important;
  border: 2px solid !important;
  border-color: #fff #808080 #808080 #fff !important;
  min-height: 32px !important;
  padding: 2px 4px !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px !important;
  border-radius: 2px;
}.player-btn:active {
  border-color: #808080 #fff #fff #808080 !important;
  padding: 3px 3px 1px 5px !important;
}.play-btn {
  font-weight: bold;
}.selector-row {
  width: 100%;
}.player-select {
  width: 100%;
  background-color: #fff;
  border: 2px inset #fff;
  font-size: 12px !important;
  padding: 4px !important;
  height: 32px !important;
  min-height: 32px !important;
  font-family: Tahoma, sans-serif;
  border-radius: 2px;
}.progress-bar-container {
  width: 100%;
  padding-top: 4px;
}.progress-bar-track {
  height: 8px;
  background-color: #333333;
  border: 1px solid #777;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}.progress-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, #1084d0 0%, #33ff33 100%);
  width: 0%;
  transition: width 0.2s linear;
}/* ==========================================
   MYSPACE PROFILE WINDOW
   ========================================== */.myspace-profile-body {
  font-family: Arial, Helvetica, sans-serif !important;
  background-color: #ffffff;
  color: #000000;
  display: flex;
  flex-direction: column;
}.profile-top-section {
  border-bottom: 2px solid #6699cc;
  margin-bottom: 12px;
  padding-bottom: 6px;
}.profile-name-header {
  font-size: 22px !important;
  font-weight: bold;
  color: #000;
  margin: 0 0 4px 0;
}.profile-headline {
  font-size: 13px !important;
  font-style: italic;
  color: #666666;
  margin: 0;
}.profile-main-grid {
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex: 1;
}@media (max-width: 500px) {
  .profile-main-grid {
    flex-direction: column;
  }
}.profile-left-col {
  flex: 1;
  display: flex;
  flex-direction: column;
}.profile-photo-box {
  width: 100%;
  height: 130px;
  background-color: #dfdfdf;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px inset #fff;
  margin-bottom: 8px;
}.profile-avatar-emoji {
  font-size: 64px;
}.profile-details-table {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  padding: 6px;
  font-size: 12px !important;
  margin-bottom: 8px;
}.profile-details-table p {
  margin: 3px 0;
  font-size: 12px !important;
}.contact-box {
  border: 1px solid #6699cc;
  background-color: #ffffff;
  margin-top: 4px;
}.contact-box-header {
  background-color: #6699cc;
  color: #ffffff;
  font-weight: bold;
  font-size: 12px !important;
  padding: 4px;
  text-align: center;
}.contact-box-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 4px;
}.contact-action {
  font-size: 11px !important;
  border: 1px solid #ccc;
  background-color: #f2f2f2;
  padding: 6px 4px;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 2px;
}.contact-action:hover {
  background-color: #6699cc;
  color: white;
  border-color: #000;
}.section-header-orange {
  background-color: #ffb3d9;
  color: #99004d;
  font-weight: bold;
  font-size: 16px !important;
  padding: 6px 10px;
  margin-bottom: 8px;
  border-left: 4px solid #ff007f;
}.profile-right-col {
  flex: 1.1;
  display: flex;
  flex-direction: column;
}.top8-container {
  background-color: #ffffff;
  padding: 6px;
  border: 1px solid #ff99cc;
}.top8-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 6px;
  margin-top: 8px;
  padding: 4px 2px;
}.top8-friend {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
  gap: 3px;
  padding: 4px 2px;
  border-radius: 2px;
  transition: background 0.1s;
}.top8-friend:hover {
  background-color: #fff0f7;
}.friend-avatar-wrapper {
  display: none;
}.friend-avatar {
  font-size: 28px;
  line-height: 1;
}.friend-name {
  font-size: 10px !important;
  color: #003399;
  font-weight: bold;
  text-decoration: underline;
  max-width: 56px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.friend-name:hover {
  color: #ff007f;
}/* Global satisfying tactile physical button press transitions */.myspace-profile-body button {
  transition: transform 0.05s ease-out !important;
}.myspace-profile-body button:active {
  transform: translate(1px, 1px) !important;
  border-style: inset !important;
}/* ==========================================
   THEME OVERRIDES
   ========================================== *//* Profile Edit Card & Inputs styling */.profile-edit-card {
  border: 1px solid #ff99cc;
  background-color: #ffffff;
  padding: 8px;
  color: #333333;
}.emoji-presets-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 3px;
  width: 100%;
  height: 220px;
  overflow-y: scroll;
  border: 1px inset #ccc;
  padding: 4px;
  background-color: #fafafa;
  box-sizing: border-box;
}.selected-emoji-btn {
  font-size: 36px;
  cursor: pointer;
  border: 1px inset #999;
  padding: 4px;
  background-color: #f0f0f0;
  border-radius: 2px;
}.profile-help-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px !important;
  font-size: 10px !important;
  cursor: pointer;
  height: 18px;
  min-height: 18px !important;
  background-color: #dfdfdf;
  color: #000;
  border: 1px solid #808080;
  font-weight: bold;
  font-family: monospace;
  line-height: 1;
  box-sizing: border-box;
}.favorited-bar-item {
  padding: 6px 8px;
  border: 1px solid #ffe6f2;
  background-color: #fff0f5;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  color: #003399;
  text-decoration: underline;
  display: flex;
  justify-content: space-between;
  align-items: center;
}.favorited-bar-item span:last-child {
  font-size: 10px;
  color: #666;
  text-decoration: none;
}/* 1. Glitter Theme */@keyframes glitterSparkle {
  0%, 100% {
    background-color: #ffeff7;
    filter: brightness(1);
  }
  50% {
    background-color: #fff3fa;
    filter: brightness(1.05);
  }
}.myspace-theme-glitter {
  --player-border: #ff66cc;
  --player-inner-bg: #ff007f;
  --player-screen-bg: #000000;
  --player-screen-text: #ff66cc;
  --player-screen-subtext: #ffb6c1;
  --player-accent: #ff007f;
  --player-btn-active: #39ff14;
  --player-btn-inactive: #ff66cc;
  --player-progress-fill: linear-gradient(90deg, #ff66cc 0%, #ff007f 100%);
  --player-visualizer-bar: #ff66cc;
}.myspace-theme-glitter .window {
  border: 3px solid #ff66cc !important;
  box-shadow: 0 0 20px rgba(255, 102, 204, 0.5) !important;
}.myspace-theme-glitter .title-bar,
.myspace-theme-glitter .window-title {
  background: linear-gradient(90deg, #ff007f 0%, #ff66cc 100%) !important;
}.myspace-theme-glitter .myspace-profile-body {
  animation: glitterSparkle 5s infinite ease-in-out !important;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.9) 1px, transparent 1px),
                    radial-gradient(circle, rgba(255, 102, 204, 0.4) 2px, transparent 2px),
                    radial-gradient(circle, rgba(255, 0, 127, 0.15) 1.5px, transparent 1.5px) !important;
  background-size: 20px 20px, 40px 40px, 30px 30px !important;
  background-position: 0 0, 10px 10px, 5px 15px !important;
  box-shadow: inset 0 0 50px rgba(255, 0, 127, 0.12) !important;
  position: relative;
}.myspace-theme-glitter .section-header-orange {
  background-color: #ff99cc !important;
  color: #99004d !important;
  border-left-color: #ff007f !important;
}.myspace-theme-glitter .contact-box-header {
  background-color: #ff007f !important;
}.myspace-theme-glitter .profile-name-header {
  color: #cc0066 !important;
}.myspace-theme-glitter .profile-edit-card {
  border: 1px solid #ff66cc !important;
  background-color: #fff0f5 !important;
  color: #333333 !important;
}.myspace-theme-glitter input[type="text"],
.myspace-theme-glitter textarea,
.myspace-theme-glitter select {
  background-color: #ffffff !important;
  color: #333333 !important;
  border: 1px solid #ff66cc !important;
}.myspace-theme-glitter .myspace-profile-body button {
  background-color: #ff66cc !important;
  color: #ffffff !important;
  border: 2px outset #ff007f !important;
  font-weight: bold;
}.myspace-theme-glitter .myspace-profile-body button:active {
  border-style: inset !important;
}.myspace-theme-glitter .favorited-bar-item {
  border-color: #ff66cc !important;
  background-color: #fff0f5 !important;
  color: #cc0066 !important;
}.myspace-theme-glitter .favorited-bar-item span:last-child {
  color: #ff007f !important;
}.myspace-theme-glitter .emoji-presets-grid {
  border: 1px solid #ff66cc !important;
  background-color: #fff0f5 !important;
}.myspace-theme-glitter .selected-emoji-btn {
  background-color: #fff0f5 !important;
  border: 1px inset #ff66cc !important;
}.myspace-theme-glitter .profile-help-btn {
  background-color: #fff0f5 !important;
  color: #cc0066 !important;
  border: 1px solid #ff66cc !important;
}.myspace-theme-glitter .profile-headline {
  color: #ff007f !important;
  font-weight: bold;
}.myspace-theme-glitter .friend-name {
  color: #cc0066 !important;
}.myspace-theme-glitter .profile-top-section {
  border-bottom: 2px solid #ff66cc !important;
}/* 2. Cyberpunk Theme */@keyframes gridMove {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 40px;
  }
}.myspace-theme-cyberpunk {
  --player-border: #00ff00;
  --player-inner-bg: #000000;
  --player-screen-bg: #050505;
  --player-screen-text: #00ff00;
  --player-screen-subtext: #008800;
  --player-accent: #00ff00;
  --player-btn-active: #39ff14;
  --player-btn-inactive: #00ff00;
  --player-progress-fill: linear-gradient(90deg, #008800 0%, #00ff00 100%);
  --player-visualizer-bar: #00ff00;
}.myspace-theme-cyberpunk .window {
  border: 3px solid #00ff00 !important;
  box-shadow: 0 0 20px rgba(0, 255, 0, 0.4) !important;
}.myspace-theme-cyberpunk .title-bar,
.myspace-theme-cyberpunk .window-title {
  background: #000000 !important;
  color: #00ff00 !important;
  border-bottom: 2px solid #00ff00 !important;
}.myspace-theme-cyberpunk .title-bar-text {
  color: #00ff00 !important;
  text-shadow: 0 0 5px #00ff00 !important;
}.myspace-theme-cyberpunk .title-bar button {
  background-color: #000000 !important;
  border: 1px solid #00ff00 !important;
  min-height: 14px !important;
  min-width: 16px !important;
  padding: 0 !important;
}.myspace-theme-cyberpunk .title-bar button::after {
  content: "x";
  color: #00ff00;
  font-family: monospace;
  font-size: 10px;
  display: block;
}.myspace-theme-cyberpunk .myspace-profile-body {
  background-color: #0c0813 !important;
  background-image: linear-gradient(0deg, transparent 24%, rgba(0, 255, 0, 0.05) 25%, rgba(0, 255, 0, 0.05) 26%, transparent 27%, transparent 74%, rgba(0, 255, 0, 0.05) 75%, rgba(0, 255, 0, 0.05) 76%, transparent 77%, transparent),
                    linear-gradient(90deg, transparent 24%, rgba(0, 255, 0, 0.05) 25%, rgba(0, 255, 0, 0.05) 26%, transparent 27%, transparent 74%, rgba(0, 255, 0, 0.05) 75%, rgba(0, 255, 0, 0.05) 76%, transparent 77%, transparent) !important;
  background-size: 40px 40px !important;
  animation: gridMove 6s linear infinite !important;
  position: relative !important;
  overflow: hidden !important;
  color: #00ff00 !important;
}/* CRT scanline overlay effect for cyberpunk */.myspace-theme-cyberpunk .myspace-profile-body::after {
  content: " " !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%), linear-gradient(90deg, rgba(0, 255, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 255, 0, 0.03)) !important;
  background-size: 100% 4px, 6px 100% !important;
  pointer-events: none !important;
  z-index: 10 !important;
}.myspace-theme-cyberpunk .section-header-orange {
  background-color: #002200 !important;
  color: #00ff00 !important;
  border-left-color: #00ff00 !important;
  border: 1px solid #00ff00;
}.myspace-theme-cyberpunk .contact-box {
  border-color: #00ff00 !important;
  background-color: #000000 !important;
}.myspace-theme-cyberpunk .contact-box-header {
  background-color: #00ff00 !important;
  color: #000000 !important;
}.myspace-theme-cyberpunk .contact-action {
  background-color: #001100 !important;
  color: #00ff00 !important;
  border-color: #00ff00 !important;
}.myspace-theme-cyberpunk .contact-action:hover {
  background-color: #00ff00 !important;
  color: #000000 !important;
}.myspace-theme-cyberpunk .profile-name-header {
  color: #00ff00 !important;
  text-shadow: 0 0 5px #00ff00 !important;
}.myspace-theme-cyberpunk .profile-details-table,
.myspace-theme-cyberpunk .profile-bio-box,
.myspace-theme-cyberpunk .top8-container {
  background-color: #050505 !important;
  color: #00ff00 !important;
  border: 1px solid #00ff00 !important;
}.myspace-theme-cyberpunk .profile-photo-box {
  background-color: #050505 !important;
  border: 2px dashed #00ff00 !important;
}.myspace-theme-cyberpunk .friend-avatar-wrapper {
  background-color: #050505 !important;
  border-color: #00ff00 !important;
}.myspace-theme-cyberpunk .friend-name {
  color: #00ff00 !important;
}.myspace-theme-cyberpunk .profile-edit-card {
  border: 1px solid #00ff00 !important;
  background-color: #050505 !important;
  color: #00ff00 !important;
}.myspace-theme-cyberpunk input[type="text"],
.myspace-theme-cyberpunk textarea,
.myspace-theme-cyberpunk select {
  background-color: #000000 !important;
  color: #00ff00 !important;
  border: 1px solid #00ff00 !important;
}.myspace-theme-cyberpunk input[type="text"]::placeholder,
.myspace-theme-cyberpunk textarea::placeholder {
  color: #004400 !important;
}.myspace-theme-cyberpunk .myspace-profile-body button {
  background-color: #000000 !important;
  color: #00ff00 !important;
  border: 1px solid #00ff00 !important;
  font-family: monospace;
}.myspace-theme-cyberpunk .myspace-profile-body button:hover {
  background-color: #00ff00 !important;
  color: #000000 !important;
}.myspace-theme-cyberpunk .favorited-bar-item {
  border-color: #00ff00 !important;
  background-color: #001100 !important;
  color: #00ff00 !important;
}.myspace-theme-cyberpunk .favorited-bar-item span:last-child {
  color: #00aa00 !important;
}.myspace-theme-cyberpunk .emoji-presets-grid {
  border: 1px solid #00ff00 !important;
  background-color: #000000 !important;
}.myspace-theme-cyberpunk .selected-emoji-btn {
  background-color: #111111 !important;
  border: 1px inset #00ff00 !important;
}.myspace-theme-cyberpunk .profile-help-btn {
  background-color: #000000 !important;
  color: #00ff00 !important;
  border: 1px solid #00ff00 !important;
}.myspace-theme-cyberpunk .profile-headline {
  color: #00ff00 !important;
  opacity: 0.8;
}.myspace-theme-cyberpunk .profile-top-section {
  border-bottom: 2px solid #00ff00 !important;
}/* 3. Sunset Theme */@keyframes sunsetShift {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}.myspace-theme-sunset {
  --player-border: #ff4500;
  --player-inner-bg: #2b1055;
  --player-screen-bg: rgba(43, 16, 85, 0.8);
  --player-screen-text: #ffdab9;
  --player-screen-subtext: #ff8c00;
  --player-accent: #ff4500;
  --player-btn-active: #ff8c00;
  --player-btn-inactive: #ffdab9;
  --player-progress-fill: linear-gradient(90deg, #ff8c00 0%, #ffdab9 100%);
  --player-visualizer-bar: #ff8c00;
}.myspace-theme-sunset .window {
  border: 3px solid #ff4500 !important;
  box-shadow: 0 0 20px rgba(255, 69, 0, 0.45) !important;
}.myspace-theme-sunset .title-bar,
.myspace-theme-sunset .window-title {
  background: linear-gradient(90deg, #ff4500 0%, #ff8c00 100%) !important;
}.myspace-theme-sunset .title-bar-text {
  color: #ffffff !important;
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.6) !important;
}.myspace-theme-sunset .title-bar button {
  background-color: rgba(43, 16, 85, 0.9) !important;
  border: 1px solid #ff4500 !important;
  min-height: 14px !important;
  min-width: 16px !important;
  padding: 0 !important;
}.myspace-theme-sunset .title-bar button::after {
  content: "x";
  color: #ffdab9;
  font-family: monospace;
  font-size: 10px;
  display: block;
}.myspace-theme-sunset .myspace-profile-body {
  background: linear-gradient(135deg, #1b0933, #5a189a, #d8572a, #ff7b00) !important;
  background-size: 300% 300% !important;
  animation: sunsetShift 12s ease infinite !important;
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.45) !important;
  color: #ffdab9 !important;
}.myspace-theme-sunset .section-header-orange {
  background-color: rgba(255, 140, 0, 0.3) !important;
  color: #ff8c00 !important;
  border-left-color: #ff4500 !important;
  border: 1px solid #ff4500;
}.myspace-theme-sunset .profile-name-header {
  color: #ff8c00 !important;
}.myspace-theme-sunset .profile-headline {
  color: #ffdab9 !important;
}.myspace-theme-sunset .profile-details-table,
.myspace-theme-sunset .profile-bio-box,
.myspace-theme-sunset .top8-container {
  background-color: rgba(43, 16, 85, 0.8) !important;
  color: #ffffff !important;
  border: 1px solid #ff4500 !important;
}.myspace-theme-sunset .profile-photo-box {
  background-color: rgba(43, 16, 85, 0.8) !important;
  border: 2px solid #ff8c00 !important;
}.myspace-theme-sunset .contact-box {
  border-color: #ff4500 !important;
  background-color: transparent !important;
}.myspace-theme-sunset .contact-box-header {
  background-color: #ff4500 !important;
}.myspace-theme-sunset .contact-action {
  background-color: rgba(43, 16, 85, 0.9) !important;
  color: #ffdab9 !important;
  border-color: #ff4500 !important;
}.myspace-theme-sunset .contact-action:hover {
  background-color: #ff8c00 !important;
  color: #2b1055 !important;
}.myspace-theme-sunset .friend-avatar-wrapper {
  background-color: rgba(43, 16, 85, 0.9) !important;
  border-color: #ff8c00 !important;
}.myspace-theme-sunset .friend-name {
  color: #ffdab9 !important;
}.myspace-theme-sunset .profile-edit-card {
  border: 1px solid #ff4500 !important;
  background-color: rgba(43, 16, 85, 0.9) !important;
  color: #ffffff !important;
}.myspace-theme-sunset input[type="text"],
.myspace-theme-sunset textarea,
.myspace-theme-sunset select {
  background-color: rgba(43, 16, 85, 0.9) !important;
  color: #ffffff !important;
  border: 1px solid #ff4500 !important;
}.myspace-theme-sunset input[type="text"]::placeholder,
.myspace-theme-sunset textarea::placeholder {
  color: #ffdab9 !important;
  opacity: 0.6;
}.myspace-theme-sunset .myspace-profile-body button {
  background-color: rgba(43, 16, 85, 0.9) !important;
  color: #ffdab9 !important;
  border: 1px solid #ff4500 !important;
}.myspace-theme-sunset .myspace-profile-body button:hover {
  background-color: #ff8c00 !important;
  color: #2b1055 !important;
}.myspace-theme-sunset .favorited-bar-item {
  border-color: #ff4500 !important;
  background-color: rgba(43, 16, 85, 0.9) !important;
  color: #ffdab9 !important;
}.myspace-theme-sunset .favorited-bar-item span:last-child {
  color: #ff8c00 !important;
}.myspace-theme-sunset .emoji-presets-grid {
  border: 1px solid #ff4500 !important;
  background-color: rgba(43, 16, 85, 0.9) !important;
}.myspace-theme-sunset .selected-emoji-btn {
  background-color: rgba(43, 16, 85, 0.9) !important;
  border: 1px inset #ff4500 !important;
}.myspace-theme-sunset .profile-help-btn {
  background-color: rgba(43, 16, 85, 0.9) !important;
  color: #ffdab9 !important;
  border: 1px solid #ff4500 !important;
}.myspace-theme-sunset .profile-top-section {
  border-bottom: 2px solid #ff4500 !important;
}/* ==========================================
   Goth Theme
   ========================================== */@keyframes crtBeam {
  0% {
    top: 0%;
  }
  100% {
    top: 100%;
  }
}.myspace-theme-goth {
  --player-border: #333333;
  --player-inner-bg: #000000;
  --player-screen-bg: #121212;
  --player-screen-text: #ffffff;
  --player-screen-subtext: #888888;
  --player-accent: #c0c0c0;
  --player-btn-active: #ffffff;
  --player-btn-inactive: #444444;
  --player-progress-fill: linear-gradient(90deg, #555555 0%, #cccccc 100%);
  --player-visualizer-bar: #888888;
}.myspace-theme-goth .window {
  border: 3px solid #000000 !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.9) !important;
}.myspace-theme-goth .title-bar,
.myspace-theme-goth .window-title {
  background: #000000 !important;
  border-bottom: 2px solid #555555 !important;
}.myspace-theme-goth .title-bar-text {
  color: #ffffff !important;
  font-family: 'Georgia', serif !important;
  letter-spacing: 2px;
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.5) !important;
}.myspace-theme-goth .title-bar button {
  background-color: #000000 !important;
  border: 1px solid #555555 !important;
  min-height: 14px !important;
  min-width: 16px !important;
  padding: 0 !important;
}.myspace-theme-goth .title-bar button::after {
  content: "x";
  color: #ffffff;
  font-family: monospace;
  font-size: 10px;
  display: block;
}.myspace-theme-goth .myspace-profile-body {
  background-color: #080808 !important;
  background-image:
    linear-gradient(45deg, #121212 25%, transparent 25%, transparent 75%, #121212 75%),
    linear-gradient(45deg, #121212 25%, #050505 25%, #050505 75%, #121212 75%) !important;
  background-size: 30px 30px !important;
  background-position: 0 0, 15px 15px !important;
  position: relative !important;
  overflow: hidden !important;
  color: #cccccc !important;
  font-family: 'Georgia', serif !important;
}/* CRT static scanline overlay */.myspace-theme-goth .myspace-profile-body::before {
  content: " " !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.35) 50%) !important;
  background-size: 100% 4px !important;
  pointer-events: none !important;
  z-index: 8 !important;
  opacity: 0.5 !important;
}/* CRT scanning light beam */.myspace-theme-goth .myspace-profile-body::after {
  content: " " !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  width: 100% !important;
  height: 6px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.15) !important;
  pointer-events: none !important;
  z-index: 9 !important;
  animation: crtBeam 8s linear infinite !important;
}.myspace-theme-goth .section-header-orange {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-left-width: 4px !important;
  border-left-color: #ffffff !important;
  border: 1px solid #555555;
  font-family: 'Georgia', serif !important;
  letter-spacing: 1px;
}.myspace-theme-goth .profile-name-header {
  color: #ffffff !important;
  font-family: 'Georgia', serif !important;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.3) !important;
}.myspace-theme-goth .profile-headline {
  color: #888888 !important;
  font-style: italic;
}.myspace-theme-goth .profile-details-table,
.myspace-theme-goth .profile-bio-box,
.myspace-theme-goth .top8-container {
  background-color: rgba(10, 10, 10, 0.9) !important;
  color: #cccccc !important;
  border: 1px solid #555555 !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
}.myspace-theme-goth .profile-photo-box {
  background-color: #000000 !important;
  border: 1px solid #888888 !important;
}.myspace-theme-goth .contact-box {
  border-color: #555555 !important;
  background-color: transparent !important;
}.myspace-theme-goth .contact-box-header {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-bottom: 1px solid #555555 !important;
  font-family: 'Georgia', serif !important;
}.myspace-theme-goth .contact-action {
  background-color: rgba(10, 10, 10, 0.9) !important;
  color: #ffffff !important;
  border-color: #555555 !important;
}.myspace-theme-goth .contact-action:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
}.myspace-theme-goth .friend-avatar-wrapper {
  background-color: #000000 !important;
  border-color: #555555 !important;
}.myspace-theme-goth .friend-name {
  color: #ffffff !important;
}.myspace-theme-goth .profile-edit-card {
  border: 1px solid #555555 !important;
  background-color: rgba(10, 10, 10, 0.95) !important;
  color: #eeeeee !important;
}.myspace-theme-goth input[type="text"],
.myspace-theme-goth textarea,
.myspace-theme-goth select {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #555555 !important;
}.myspace-theme-goth input[type="text"]::placeholder,
.myspace-theme-goth textarea::placeholder {
  color: #555555 !important;
  opacity: 0.6;
}.myspace-theme-goth .myspace-profile-body button {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #555555 !important;
  font-family: 'Georgia', serif !important;
}.myspace-theme-goth .myspace-profile-body button:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
}.myspace-theme-goth .favorited-bar-item {
  border-color: #555555 !important;
  background-color: rgba(10, 10, 10, 0.9) !important;
  color: #eeeeee !important;
}.myspace-theme-goth .favorited-bar-item span:last-child {
  color: #ffffff !important;
}.myspace-theme-goth .emoji-presets-grid {
  border: 1px solid #555555 !important;
  background-color: rgba(10, 10, 10, 0.9) !important;
}.myspace-theme-goth .selected-emoji-btn {
  background-color: #222222 !important;
  border: 1px inset #888888 !important;
}.myspace-theme-goth .profile-help-btn {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #555555 !important;
}.myspace-theme-goth .profile-top-section {
  border-bottom: 2px solid #555555 !important;
}/* ==========================================
   Gameboy Theme
   ========================================== */.myspace-theme-gameboy {
  --player-border: #0f380f;
  --player-inner-bg: #8bac0f;
  --player-screen-bg: #9bbc0f;
  --player-screen-text: #0f380f;
  --player-screen-subtext: #306230;
  --player-accent: #0f380f;
  --player-btn-active: #306230;
  --player-btn-inactive: #8bac0f;
  --player-progress-fill: linear-gradient(90deg, #306230 0%, #0f380f 100%);
  --player-visualizer-bar: #0f380f;
}.myspace-theme-gameboy .window {
  border: 4px solid #0f380f !important;
  box-shadow: 0 0 0 2px #8bac0f, 0 0 0 6px #306230 !important;
}.myspace-theme-gameboy .title-bar,
.myspace-theme-gameboy .window-title {
  background: #306230 !important;
  border-bottom: 4px solid #0f380f !important;
  padding: 4px 8px !important;
}.myspace-theme-gameboy .title-bar-text {
  color: #9bbc0f !important;
  font-family: 'Courier New', Courier, monospace !important;
  font-weight: bold !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}.myspace-theme-gameboy .title-bar button {
  background-color: #8bac0f !important;
  border: 2px solid #0f380f !important;
  border-radius: 0 !important;
  box-shadow: inset -1px -1px #306230, inset 1px 1px #9bbc0f !important;
  min-height: 16px !important;
  min-width: 18px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}.myspace-theme-gameboy .title-bar button::after {
  content: "A" !important;
  color: #0f380f !important;
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 10px !important;
  font-weight: bold !important;
}.myspace-theme-gameboy .myspace-profile-body {
  background-color: #8bac0f !important;
  background-image:
    linear-gradient(rgba(48, 98, 48, 0.15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(48, 98, 48, 0.15) 1px, transparent 1px) !important;
  background-size: 6px 6px !important;
  color: #0f380f !important;
  font-family: 'Courier New', Courier, monospace !important;
  image-rendering: pixelated !important;
}.myspace-theme-gameboy .section-header-orange {
  background-color: #306230 !important;
  color: #9bbc0f !important;
  border: 2px solid #0f380f !important;
  font-family: 'Courier New', Courier, monospace !important;
  text-transform: uppercase;
  font-weight: bold !important;
}.myspace-theme-gameboy .profile-name-header {
  color: #0f380f !important;
  font-family: 'Courier New', Courier, monospace !important;
  text-transform: uppercase;
  font-weight: bold !important;
}.myspace-theme-gameboy .profile-headline {
  color: #306230 !important;
  font-family: 'Courier New', Courier, monospace !important;
}.myspace-theme-gameboy .profile-details-table,
.myspace-theme-gameboy .profile-bio-box,
.myspace-theme-gameboy .top8-container {
  background-color: #9bbc0f !important;
  color: #0f380f !important;
  border: 3px double #0f380f !important;
  font-family: 'Courier New', Courier, monospace !important;
}.myspace-theme-gameboy .profile-photo-box {
  background-color: #9bbc0f !important;
  border: 2px solid #0f380f !important;
}.myspace-theme-gameboy .contact-box {
  border: 3px double #0f380f !important;
  background-color: transparent !important;
}.myspace-theme-gameboy .contact-box-header {
  background-color: #306230 !important;
  color: #9bbc0f !important;
  border-bottom: 2px solid #0f380f !important;
  font-family: 'Courier New', Courier, monospace !important;
  text-transform: uppercase;
}.myspace-theme-gameboy .contact-action {
  background-color: #8bac0f !important;
  color: #0f380f !important;
  border: 2px solid #0f380f !important;
  font-family: 'Courier New', Courier, monospace !important;
  text-transform: uppercase;
  box-shadow: inset -1px -1px #306230, inset 1px 1px #9bbc0f !important;
}.myspace-theme-gameboy .contact-action:hover {
  background-color: #306230 !important;
  color: #9bbc0f !important;
}.myspace-theme-gameboy .friend-avatar-wrapper {
  background-color: #9bbc0f !important;
  border: 2px solid #0f380f !important;
}.myspace-theme-gameboy .friend-name {
  color: #0f380f !important;
  font-family: 'Courier New', Courier, monospace !important;
  text-transform: uppercase;
  font-weight: bold !important;
}.myspace-theme-gameboy .profile-edit-card {
  border: 3px double #0f380f !important;
  background-color: #9bbc0f !important;
  color: #0f380f !important;
}.myspace-theme-gameboy input[type="text"],
.myspace-theme-gameboy textarea,
.myspace-theme-gameboy select {
  background-color: #8bac0f !important;
  color: #0f380f !important;
  border: 2px solid #0f380f !important;
  font-family: 'Courier New', Courier, monospace !important;
}.myspace-theme-gameboy input[type="text"]::placeholder,
.myspace-theme-gameboy textarea::placeholder {
  color: #306230 !important;
  opacity: 0.7;
}.myspace-theme-gameboy .myspace-profile-body button {
  background-color: #8bac0f !important;
  color: #0f380f !important;
  border: 2px solid #0f380f !important;
  font-family: 'Courier New', Courier, monospace !important;
  text-transform: uppercase;
  font-weight: bold;
  box-shadow: inset -1px -1px #306230, inset 1px 1px #9bbc0f !important;
}.myspace-theme-gameboy .myspace-profile-body button:hover {
  background-color: #306230 !important;
  color: #9bbc0f !important;
}.myspace-theme-gameboy .favorited-bar-item {
  border-color: #0f380f !important;
  background-color: #9bbc0f !important;
  color: #0f380f !important;
}.myspace-theme-gameboy .favorited-bar-item span:last-child {
  color: #306230 !important;
}.myspace-theme-gameboy .emoji-presets-grid {
  border: 2px solid #0f380f !important;
  background-color: #9bbc0f !important;
}.myspace-theme-gameboy .selected-emoji-btn {
  background-color: #8bac0f !important;
  border: 2px inset #0f380f !important;
}.myspace-theme-gameboy .profile-help-btn {
  background-color: #8bac0f !important;
  color: #0f380f !important;
  border: 2px solid #0f380f !important;
}.myspace-theme-gameboy .profile-top-section {
  border-bottom: 3px double #0f380f !important;
}/* ==========================================
   One Piece Theme
   ========================================== */.myspace-theme-onepiece {
  --player-border: #f9d342;
  --player-inner-bg: #0f4c81;
  --player-screen-bg: #faf5e6;
  --player-screen-text: #111111;
  --player-screen-subtext: #0f4c81;
  --player-accent: #d9534f;
  --player-btn-active: #d9534f;
  --player-btn-inactive: #888888;
  --player-progress-fill: linear-gradient(90deg, #d9534f 0%, #f9d342 100%);
  --player-visualizer-bar: #0f4c81;
}.myspace-theme-onepiece .window {
  border: 3px solid #f9d342 !important;
}.myspace-theme-onepiece .title-bar,
.myspace-theme-onepiece .window-title {
  background: linear-gradient(90deg, #0f4c81 0%, #1d70b8 100%) !important;
}.myspace-theme-onepiece .title-bar-text {
  color: #ffffff !important;
}.myspace-theme-onepiece .title-bar button {
  background-color: #f9d342 !important;
  border: 1px solid #0f4c81 !important;
  min-height: 14px !important;
  min-width: 16px !important;
  padding: 0 !important;
}.myspace-theme-onepiece .title-bar button::after {
  content: "x";
  color: #0f4c81;
  font-family: monospace;
  font-size: 10px;
  display: block;
}.myspace-theme-onepiece .myspace-profile-body {
  background: linear-gradient(135deg, #0f4c81, #1d70b8, #f9d342) !important;
  color: #111111 !important;
}.myspace-theme-onepiece .section-header-orange {
  background-color: rgba(249, 211, 66, 0.3) !important;
  color: #0f4c81 !important;
  border-left-color: #d9534f !important;
  border: 1px solid #f9d342;
}.myspace-theme-onepiece .profile-name-header {
  color: #f9d342 !important;
  text-shadow: 1px 1px 2px #0f4c81 !important;
}.myspace-theme-onepiece .profile-headline {
  color: #ffffff !important;
  font-weight: bold !important;
  text-shadow: 1px 1px 1px #000000 !important;
}.myspace-theme-onepiece .profile-details-table,
.myspace-theme-onepiece .profile-bio-box,
.myspace-theme-onepiece .top8-container {
  background-color: rgba(250, 245, 230, 0.95) !important;
  color: #111111 !important;
  border: 2px solid #0f4c81 !important;
}.myspace-theme-onepiece .profile-photo-box {
  background-color: rgba(250, 245, 230, 0.95) !important;
  border: 2px solid #d9534f !important;
}.myspace-theme-onepiece .contact-box {
  border-color: #0f4c81 !important;
  background-color: transparent !important;
}.myspace-theme-onepiece .contact-box-header {
  background-color: #0f4c81 !important;
  color: #ffffff !important;
}.myspace-theme-onepiece .contact-action {
  background-color: rgba(250, 245, 230, 0.9) !important;
  color: #0f4c81 !important;
  border-color: #f9d342 !important;
}.myspace-theme-onepiece .contact-action:hover {
  background-color: #f9d342 !important;
  color: #0f4c81 !important;
}.myspace-theme-onepiece .friend-avatar-wrapper {
  background-color: rgba(250, 245, 230, 0.9) !important;
  border-color: #f9d342 !important;
}.myspace-theme-onepiece .friend-name {
  color: #0f4c81 !important;
  font-weight: bold !important;
}.myspace-theme-onepiece .profile-edit-card {
  border: 2px solid #0f4c81 !important;
  background-color: rgba(250, 245, 230, 0.95) !important;
  color: #111111 !important;
}.myspace-theme-onepiece input[type="text"],
.myspace-theme-onepiece textarea,
.myspace-theme-onepiece select {
  background-color: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #0f4c81 !important;
}.myspace-theme-onepiece input[type="text"]::placeholder,
.myspace-theme-onepiece textarea::placeholder {
  color: #888888 !important;
  opacity: 0.6;
}.myspace-theme-onepiece .myspace-profile-body button {
  background-color: #f9d342 !important;
  color: #0f4c81 !important;
  border: 1px solid #0f4c81 !important;
}.myspace-theme-onepiece .myspace-profile-body button:hover {
  background-color: #0f4c81 !important;
  color: #ffffff !important;
}.myspace-theme-onepiece .favorited-bar-item {
  border-color: #f9d342 !important;
  background-color: rgba(250, 245, 230, 0.9) !important;
  color: #0f4c81 !important;
}.myspace-theme-onepiece .favorited-bar-item span:last-child {
  color: #d9534f !important;
}.myspace-theme-onepiece .emoji-presets-grid {
  border: 1px solid #0f4c81 !important;
  background-color: rgba(250, 245, 230, 0.9) !important;
}.myspace-theme-onepiece .selected-emoji-btn {
  background-color: rgba(250, 245, 230, 0.9) !important;
  border: 1px inset #0f4c81 !important;
}.myspace-theme-onepiece .profile-help-btn {
  background-color: rgba(250, 245, 230, 0.9) !important;
  color: #0f4c81 !important;
  border: 1px solid #f9d342 !important;
}.myspace-theme-onepiece .profile-top-section {
  border-bottom: 2px solid #0f4c81 !important;
}/* ==========================================
   Demon Slayer Theme
   ========================================== */.myspace-theme-demonslayer {
  --player-border: #00b159;
  --player-inner-bg: #1a1a1a;
  --player-screen-bg: #ffb7c5;
  --player-screen-text: #1a1a1a;
  --player-screen-subtext: #00b159;
  --player-accent: #00b159;
  --player-btn-active: #00b159;
  --player-btn-inactive: #555555;
  --player-progress-fill: linear-gradient(90deg, #00b159 0%, #ffb7c5 100%);
  --player-visualizer-bar: #1a1a1a;
}.myspace-theme-demonslayer .window {
  border: 3px solid #00b159 !important;
}.myspace-theme-demonslayer .title-bar,
.myspace-theme-demonslayer .window-title {
  background: linear-gradient(90deg, #1a1a1a 0%, #00b159 100%) !important;
}.myspace-theme-demonslayer .title-bar-text {
  color: #ffffff !important;
}.myspace-theme-demonslayer .title-bar button {
  background-color: #ffb7c5 !important;
  border: 1px solid #1a1a1a !important;
  min-height: 14px !important;
  min-width: 16px !important;
  padding: 0 !important;
}.myspace-theme-demonslayer .title-bar button::after {
  content: "x";
  color: #1a1a1a;
  font-family: monospace;
  font-size: 10px;
  display: block;
}.myspace-theme-demonslayer .myspace-profile-body {
  background-color: #00b159 !important;
  background-image: 
    linear-gradient(45deg, #1a1a1a 25%, transparent 25%), 
    linear-gradient(-45deg, #1a1a1a 25%, transparent 25%), 
    linear-gradient(45deg, transparent 75%, #1a1a1a 75%), 
    linear-gradient(-45deg, transparent 75%, #1a1a1a 75%) !important;
  background-size: 40px 40px !important;
  color: #ffffff !important;
}.myspace-theme-demonslayer .section-header-orange {
  background-color: rgba(0, 177, 89, 0.3) !important;
  color: #ffb7c5 !important;
  border-left-color: #ffb7c5 !important;
  border: 1px solid #00b159;
}.myspace-theme-demonslayer .profile-name-header {
  color: #ffb7c5 !important;
  text-shadow: 2px 2px 2px #000000 !important;
}.myspace-theme-demonslayer .profile-headline {
  color: #e0e0e0 !important;
  font-style: italic !important;
}.myspace-theme-demonslayer .profile-details-table,
.myspace-theme-demonslayer .profile-bio-box,
.myspace-theme-demonslayer .top8-container {
  background-color: rgba(26, 26, 26, 0.95) !important;
  color: #ffffff !important;
  border: 2px solid #00b159 !important;
}.myspace-theme-demonslayer .profile-photo-box {
  background-color: rgba(26, 26, 26, 0.95) !important;
  border: 2px solid #ffb7c5 !important;
}.myspace-theme-demonslayer .contact-box {
  border-color: #ffb7c5 !important;
  background-color: transparent !important;
}.myspace-theme-demonslayer .contact-box-header {
  background-color: #00b159 !important;
  color: #1a1a1a !important;
}.myspace-theme-demonslayer .contact-action {
  background-color: rgba(26, 26, 26, 0.9) !important;
  color: #ffb7c5 !important;
  border-color: #00b159 !important;
}.myspace-theme-demonslayer .contact-action:hover {
  background-color: #ffb7c5 !important;
  color: #1a1a1a !important;
}.myspace-theme-demonslayer .friend-avatar-wrapper {
  background-color: rgba(26, 26, 26, 0.9) !important;
  border-color: #00b159 !important;
}.myspace-theme-demonslayer .friend-name {
  color: #ffb7c5 !important;
  font-weight: bold !important;
}.myspace-theme-demonslayer .profile-edit-card {
  border: 2px solid #00b159 !important;
  background-color: rgba(26, 26, 26, 0.95) !important;
  color: #ffffff !important;
}.myspace-theme-demonslayer input[type="text"],
.myspace-theme-demonslayer textarea,
.myspace-theme-demonslayer select {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border: 1px solid #ffb7c5 !important;
}.myspace-theme-demonslayer input[type="text"]::placeholder,
.myspace-theme-demonslayer textarea::placeholder {
  color: #888888 !important;
  opacity: 0.6;
}.myspace-theme-demonslayer .myspace-profile-body button {
  background-color: #00b159 !important;
  color: #1a1a1a !important;
  border: 1px solid #1a1a1a !important;
}.myspace-theme-demonslayer .myspace-profile-body button:hover {
  background-color: #ffb7c5 !important;
  color: #1a1a1a !important;
}.myspace-theme-demonslayer .favorited-bar-item {
  border-color: #00b159 !important;
  background-color: rgba(26, 26, 26, 0.9) !important;
  color: #ffb7c5 !important;
}.myspace-theme-demonslayer .favorited-bar-item span:last-child {
  color: #00b159 !important;
}.myspace-theme-demonslayer .emoji-presets-grid {
  border: 1px solid #00b159 !important;
  background-color: rgba(26, 26, 26, 0.9) !important;
}.myspace-theme-demonslayer .selected-emoji-btn {
  background-color: rgba(26, 26, 26, 0.9) !important;
  border: 1px inset #00b159 !important;
}.myspace-theme-demonslayer .profile-help-btn {
  background-color: rgba(26, 26, 26, 0.9) !important;
  color: #ffb7c5 !important;
  border: 1px solid #00b159 !important;
}.myspace-theme-demonslayer .profile-top-section {
  border-bottom: 2px solid #00b159 !important;
}/* ==========================================
   Jujutsu Kaisen Theme
   ========================================== */.myspace-theme-jujutsukaisen {
  --player-border: #00f0ff;
  --player-inner-bg: #0f172a;
  --player-screen-bg: rgba(5, 5, 10, 0.95);
  --player-screen-text: #00f0ff;
  --player-screen-subtext: #a855f7;
  --player-accent: #00f0ff;
  --player-btn-active: #00f0ff;
  --player-btn-inactive: #334155;
  --player-progress-fill: linear-gradient(90deg, #00f0ff 0%, #a855f7 100%);
  --player-visualizer-bar: #00f0ff;
}.myspace-theme-jujutsukaisen .window {
  border: 3px solid #00f0ff !important;
}.myspace-theme-jujutsukaisen .title-bar,
.myspace-theme-jujutsukaisen .window-title {
  background: linear-gradient(90deg, #05050a 0%, #2e1065 100%) !important;
}.myspace-theme-jujutsukaisen .title-bar-text {
  color: #00f0ff !important;
  text-shadow: 0 0 5px #00f0ff !important;
}.myspace-theme-jujutsukaisen .title-bar button {
  background-color: #0f172a !important;
  border: 1px solid #00f0ff !important;
  min-height: 14px !important;
  min-width: 16px !important;
  padding: 0 !important;
}.myspace-theme-jujutsukaisen .title-bar button::after {
  content: "x";
  color: #00f0ff;
  font-family: monospace;
  font-size: 10px;
  display: block;
}.myspace-theme-jujutsukaisen .myspace-profile-body {
  background: linear-gradient(135deg, #05050a, #0f172a, #2e1065) !important;
  color: #ffffff !important;
}.myspace-theme-jujutsukaisen .section-header-orange {
  background-color: rgba(0, 240, 255, 0.15) !important;
  color: #00f0ff !important;
  border-left-color: #a855f7 !important;
  border: 1px solid #00f0ff;
}.myspace-theme-jujutsukaisen .profile-name-header {
  color: #00f0ff !important;
  text-shadow: 0 0 6px #00f0ff !important;
}.myspace-theme-jujutsukaisen .profile-headline {
  color: #a855f7 !important;
  font-weight: bold !important;
  text-shadow: 0 0 4px #a855f7 !important;
}.myspace-theme-jujutsukaisen .profile-details-table,
.myspace-theme-jujutsukaisen .profile-bio-box,
.myspace-theme-jujutsukaisen .top8-container {
  background-color: rgba(5, 5, 10, 0.85) !important;
  color: #ffffff !important;
  border: 2px solid #00f0ff !important;
  box-shadow: 0 0 8px rgba(0, 240, 255, 0.3) !important;
}.myspace-theme-jujutsukaisen .profile-photo-box {
  background-color: rgba(5, 5, 10, 0.85) !important;
  border: 2px solid #a855f7 !important;
}.myspace-theme-jujutsukaisen .contact-box {
  border-color: #00f0ff !important;
  background-color: transparent !important;
}.myspace-theme-jujutsukaisen .contact-box-header {
  background-color: #2e1065 !important;
  color: #00f0ff !important;
}.myspace-theme-jujutsukaisen .contact-action {
  background-color: rgba(5, 5, 10, 0.9) !important;
  color: #a855f7 !important;
  border-color: #00f0ff !important;
}.myspace-theme-jujutsukaisen .contact-action:hover {
  background-color: #00f0ff !important;
  color: #05050a !important;
}.myspace-theme-jujutsukaisen .friend-avatar-wrapper {
  background-color: rgba(5, 5, 10, 0.9) !important;
  border-color: #a855f7 !important;
}.myspace-theme-jujutsukaisen .friend-name {
  color: #00f0ff !important;
}.myspace-theme-jujutsukaisen .profile-edit-card {
  border: 2px solid #00f0ff !important;
  background-color: rgba(5, 5, 10, 0.85) !important;
  color: #ffffff !important;
}.myspace-theme-jujutsukaisen input[type="text"],
.myspace-theme-jujutsukaisen textarea,
.myspace-theme-jujutsukaisen select {
  background-color: rgba(5, 5, 10, 0.9) !important;
  color: #ffffff !important;
  border: 1px solid #a855f7 !important;
}.myspace-theme-jujutsukaisen input[type="text"]::placeholder,
.myspace-theme-jujutsukaisen textarea::placeholder {
  color: #666666 !important;
  opacity: 0.6;
}.myspace-theme-jujutsukaisen .myspace-profile-body button {
  background-color: #0f172a !important;
  color: #00f0ff !important;
  border: 1px solid #00f0ff !important;
}.myspace-theme-jujutsukaisen .myspace-profile-body button:hover {
  background-color: #00f0ff !important;
  color: #05050a !important;
}.myspace-theme-jujutsukaisen .favorited-bar-item {
  border-color: #00f0ff !important;
  background-color: rgba(5, 5, 10, 0.9) !important;
  color: #a855f7 !important;
}.myspace-theme-jujutsukaisen .favorited-bar-item span:last-child {
  color: #00f0ff !important;
}.myspace-theme-jujutsukaisen .emoji-presets-grid {
  border: 1px solid #00f0ff !important;
  background-color: rgba(5, 5, 10, 0.9) !important;
}.myspace-theme-jujutsukaisen .selected-emoji-btn {
  background-color: rgba(5, 5, 10, 0.9) !important;
  border: 1px inset #00f0ff !important;
}.myspace-theme-jujutsukaisen .profile-help-btn {
  background-color: rgba(5, 5, 10, 0.9) !important;
  color: #00f0ff !important;
  border: 1px solid #a855f7 !important;
}.myspace-theme-jujutsukaisen .profile-top-section {
  border-bottom: 2px solid #00f0ff !important;
}/* ==========================================
   Animal Crossing Theme
   ========================================== */.myspace-theme-animalcrossing {
  --player-border: #78c850;
  --player-inner-bg: #5cb8e4;
  --player-screen-bg: #f7f5eb;
  --player-screen-text: #4a3c31;
  --player-screen-subtext: #78c850;
  --player-accent: #78c850;
  --player-btn-active: #78c850;
  --player-btn-inactive: #b2d6a5;
  --player-progress-fill: linear-gradient(90deg, #78c850 0%, #5cb8e4 100%);
  --player-visualizer-bar: #78c850;
}.myspace-theme-animalcrossing .window {
  border: 3px solid #78c850 !important;
}.myspace-theme-animalcrossing .title-bar,
.myspace-theme-animalcrossing .window-title {
  background: linear-gradient(90deg, #5cb8e4 0%, #78c850 100%) !important;
}.myspace-theme-animalcrossing .title-bar-text {
  color: #f7f5eb !important;
  text-shadow: 1px 1px 1px #4a3c31 !important;
}.myspace-theme-animalcrossing .title-bar button {
  background-color: #f7f5eb !important;
  border: 1px solid #78c850 !important;
  min-height: 14px !important;
  min-width: 16px !important;
  padding: 0 !important;
}.myspace-theme-animalcrossing .title-bar button::after {
  content: "x";
  color: #78c850;
  font-family: monospace;
  font-size: 10px;
  display: block;
}.myspace-theme-animalcrossing .myspace-profile-body {
  background: linear-gradient(135deg, #e4f9ff 0%, #a2e8dd 40%, #78c850 100%) !important;
  color: #4a3c31 !important;
}.myspace-theme-animalcrossing .section-header-orange {
  background-color: rgba(120, 200, 80, 0.25) !important;
  color: #4a3c31 !important;
  border-left-color: #5cb8e4 !important;
  border: 1px solid #78c850;
}.myspace-theme-animalcrossing .profile-name-header {
  color: #4a3c31 !important;
  text-shadow: 1px 1px 0px #ffffff !important;
}.myspace-theme-animalcrossing .profile-headline {
  color: #4a3c31 !important;
  font-weight: bold !important;
  opacity: 0.85;
}.myspace-theme-animalcrossing .profile-details-table,
.myspace-theme-animalcrossing .profile-bio-box,
.myspace-theme-animalcrossing .top8-container {
  background-color: rgba(247, 245, 235, 0.95) !important;
  color: #4a3c31 !important;
  border: 2px solid #78c850 !important;
}.myspace-theme-animalcrossing .profile-photo-box {
  background-color: rgba(247, 245, 235, 0.95) !important;
  border: 2px solid #5cb8e4 !important;
}.myspace-theme-animalcrossing .contact-box {
  border-color: #78c850 !important;
  background-color: transparent !important;
}.myspace-theme-animalcrossing .contact-box-header {
  background-color: #78c850 !important;
  color: #f7f5eb !important;
}.myspace-theme-animalcrossing .contact-action {
  background-color: rgba(247, 245, 235, 0.9) !important;
  color: #4a3c31 !important;
  border-color: #5cb8e4 !important;
}.myspace-theme-animalcrossing .contact-action:hover {
  background-color: #5cb8e4 !important;
  color: #f7f5eb !important;
}.myspace-theme-animalcrossing .friend-avatar-wrapper {
  background-color: rgba(247, 245, 235, 0.9) !important;
  border-color: #78c850 !important;
}.myspace-theme-animalcrossing .friend-name {
  color: #4a3c31 !important;
  font-weight: bold !important;
}.myspace-theme-animalcrossing .profile-edit-card {
  border: 2px solid #78c850 !important;
  background-color: rgba(247, 245, 235, 0.95) !important;
  color: #4a3c31 !important;
}.myspace-theme-animalcrossing input[type="text"],
.myspace-theme-animalcrossing textarea,
.myspace-theme-animalcrossing select {
  background-color: #ffffff !important;
  color: #4a3c31 !important;
  border: 1px solid #78c850 !important;
}.myspace-theme-animalcrossing input[type="text"]::placeholder,
.myspace-theme-animalcrossing textarea::placeholder {
  color: #a09080 !important;
  opacity: 0.6;
}.myspace-theme-animalcrossing .myspace-profile-body button {
  background-color: #78c850 !important;
  color: #f7f5eb !important;
  border: 1px solid #4a3c31 !important;
}.myspace-theme-animalcrossing .myspace-profile-body button:hover {
  background-color: #5cb8e4 !important;
  color: #f7f5eb !important;
}.myspace-theme-animalcrossing .favorited-bar-item {
  border-color: #78c850 !important;
  background-color: rgba(247, 245, 235, 0.9) !important;
  color: #4a3c31 !important;
}.myspace-theme-animalcrossing .favorited-bar-item span:last-child {
  color: #5cb8e4 !important;
}.myspace-theme-animalcrossing .emoji-presets-grid {
  border: 1px solid #78c850 !important;
  background-color: rgba(247, 245, 235, 0.9) !important;
}.myspace-theme-animalcrossing .selected-emoji-btn {
  background-color: rgba(247, 245, 235, 0.9) !important;
  border: 1px inset #78c850 !important;
}.myspace-theme-animalcrossing .profile-help-btn {
  background-color: rgba(247, 245, 235, 0.9) !important;
  color: #4a3c31 !important;
  border: 1px solid #5cb8e4 !important;
}.myspace-theme-animalcrossing .profile-top-section {
  border-bottom: 2px solid #78c850 !important;
}/* ==========================================
   Spirited Away Theme
   ========================================== */.myspace-theme-spiritedaway {
  --player-border: #f1c40f;
  --player-inner-bg: #c0392b;
  --player-screen-bg: #2c3e50;
  --player-screen-text: #f1c40f;
  --player-screen-subtext: #ff7675;
  --player-accent: #f1c40f;
  --player-btn-active: #f1c40f;
  --player-btn-inactive: #7f8c8d;
  --player-progress-fill: linear-gradient(90deg, #c0392b 0%, #f1c40f 100%);
  --player-visualizer-bar: #f1c40f;
}.myspace-theme-spiritedaway .window {
  border: 3px solid #f1c40f !important;
}.myspace-theme-spiritedaway .title-bar,
.myspace-theme-spiritedaway .window-title {
  background: linear-gradient(90deg, #c0392b 0%, #2c3e50 100%) !important;
}.myspace-theme-spiritedaway .title-bar-text {
  color: #f1c40f !important;
}.myspace-theme-spiritedaway .title-bar button {
  background-color: #f1c40f !important;
  border: 1px solid #c0392b !important;
  min-height: 14px !important;
  min-width: 16px !important;
  padding: 0 !important;
}.myspace-theme-spiritedaway .title-bar button::after {
  content: "x";
  color: #c0392b;
  font-family: monospace;
  font-size: 10px;
  display: block;
}.myspace-theme-spiritedaway .myspace-profile-body {
  background: linear-gradient(135deg, #2c3e50 0%, #8e44ad 50%, #c0392b 100%) !important;
  color: #f5f5f5 !important;
}.myspace-theme-spiritedaway .section-header-orange {
  background-color: rgba(192, 57, 43, 0.4) !important;
  color: #f1c40f !important;
  border-left-color: #f1c40f !important;
  border: 1px solid #c0392b;
}.myspace-theme-spiritedaway .profile-name-header {
  color: #f1c40f !important;
  text-shadow: 2px 2px 2px #000000 !important;
}.myspace-theme-spiritedaway .profile-headline {
  color: #ff7675 !important;
  font-weight: bold !important;
}.myspace-theme-spiritedaway .profile-details-table,
.myspace-theme-spiritedaway .profile-bio-box,
.myspace-theme-spiritedaway .top8-container {
  background-color: rgba(30, 20, 40, 0.9) !important;
  color: #f5f5f5 !important;
  border: 2px solid #f1c40f !important;
}.myspace-theme-spiritedaway .profile-photo-box {
  background-color: rgba(30, 20, 40, 0.9) !important;
  border: 2px solid #c0392b !important;
}.myspace-theme-spiritedaway .contact-box {
  border-color: #f1c40f !important;
  background-color: transparent !important;
}.myspace-theme-spiritedaway .contact-box-header {
  background-color: #c0392b !important;
  color: #f1c40f !important;
}.myspace-theme-spiritedaway .contact-action {
  background-color: rgba(30, 20, 40, 0.95) !important;
  color: #f1c40f !important;
  border-color: #c0392b !important;
}.myspace-theme-spiritedaway .contact-action:hover {
  background-color: #f1c40f !important;
  color: #c0392b !important;
}.myspace-theme-spiritedaway .friend-avatar-wrapper {
  background-color: rgba(30, 20, 40, 0.95) !important;
  border-color: #c0392b !important;
}.myspace-theme-spiritedaway .friend-name {
  color: #f1c40f !important;
}.myspace-theme-spiritedaway .profile-edit-card {
  border: 2px solid #f1c40f !important;
  background-color: rgba(30, 20, 40, 0.9) !important;
  color: #ffffff !important;
}.myspace-theme-spiritedaway input[type="text"],
.myspace-theme-spiritedaway textarea,
.myspace-theme-spiritedaway select {
  background-color: #2c3e50 !important;
  color: #ffffff !important;
  border: 1px solid #f1c40f !important;
}.myspace-theme-spiritedaway input[type="text"]::placeholder,
.myspace-theme-spiritedaway textarea::placeholder {
  color: #95a5a6 !important;
  opacity: 0.6;
}.myspace-theme-spiritedaway .myspace-profile-body button {
  background-color: #c0392b !important;
  color: #f1c40f !important;
  border: 1px solid #f1c40f !important;
}.myspace-theme-spiritedaway .myspace-profile-body button:hover {
  background-color: #f1c40f !important;
  color: #c0392b !important;
}.myspace-theme-spiritedaway .favorited-bar-item {
  border-color: #f1c40f !important;
  background-color: rgba(30, 20, 40, 0.95) !important;
  color: #f1c40f !important;
}.myspace-theme-spiritedaway .favorited-bar-item span:last-child {
  color: #c0392b !important;
}.myspace-theme-spiritedaway .emoji-presets-grid {
  border: 1px solid #f1c40f !important;
  background-color: rgba(30, 20, 40, 0.95) !important;
}.myspace-theme-spiritedaway .selected-emoji-btn {
  background-color: rgba(30, 20, 40, 0.95) !important;
  border: 1px inset #f1c40f !important;
}.myspace-theme-spiritedaway .profile-help-btn {
  background-color: rgba(30, 20, 40, 0.95) !important;
  color: #f1c40f !important;
  border: 1px solid #c0392b !important;
}.myspace-theme-spiritedaway .profile-top-section {
  border-bottom: 2px solid #f1c40f !important;
}/* ==========================================
   Matcha Tea Theme
   ========================================== */.myspace-theme-matchatea {
  --player-border: #a3b899;
  --player-inner-bg: #fbf8f3;
  --player-screen-bg: #a3b899;
  --player-screen-text: #3d5236;
  --player-screen-subtext: #8fa883;
  --player-accent: #a3b899;
  --player-btn-active: #3d5236;
  --player-btn-inactive: #cbd8c5;
  --player-progress-fill: linear-gradient(90deg, #a3b899 0%, #d2b48c 100%);
  --player-visualizer-bar: #3d5236;
}.myspace-theme-matchatea .window {
  border: 3px solid #a3b899 !important;
}.myspace-theme-matchatea .title-bar,
.myspace-theme-matchatea .window-title {
  background: linear-gradient(90deg, #a3b899 0%, #cbd8c5 100%) !important;
}.myspace-theme-matchatea .title-bar-text {
  color: #3d5236 !important;
}.myspace-theme-matchatea .title-bar button {
  background-color: #fbf8f3 !important;
  border: 1px solid #a3b899 !important;
  min-height: 14px !important;
  min-width: 16px !important;
  padding: 0 !important;
}.myspace-theme-matchatea .title-bar button::after {
  content: "x";
  color: #3d5236;
  font-family: monospace;
  font-size: 10px;
  display: block;
}.myspace-theme-matchatea .myspace-profile-body {
  background: linear-gradient(135deg, #cbd8c5 0%, #a3b899 50%, #d2b48c 100%) !important;
  color: #3d5236 !important;
}.myspace-theme-matchatea .section-header-orange {
  background-color: rgba(163, 184, 153, 0.3) !important;
  color: #3d5236 !important;
  border-left-color: #d2b48c !important;
  border: 1px solid #a3b899;
}.myspace-theme-matchatea .profile-name-header {
  color: #3d5236 !important;
  text-shadow: 1px 1px 0px #ffffff !important;
}.myspace-theme-matchatea .profile-headline {
  color: #3d5236 !important;
  font-weight: bold !important;
  opacity: 0.85;
}.myspace-theme-matchatea .profile-details-table,
.myspace-theme-matchatea .profile-bio-box,
.myspace-theme-matchatea .top8-container {
  background-color: rgba(251, 248, 243, 0.95) !important;
  color: #3d5236 !important;
  border: 2px solid #a3b899 !important;
}.myspace-theme-matchatea .profile-photo-box {
  background-color: rgba(251, 248, 243, 0.95) !important;
  border: 2px solid #d2b48c !important;
}.myspace-theme-matchatea .contact-box {
  border-color: #a3b899 !important;
  background-color: transparent !important;
}.myspace-theme-matchatea .contact-box-header {
  background-color: #a3b899 !important;
  color: #fbf8f3 !important;
}.myspace-theme-matchatea .contact-action {
  background-color: rgba(251, 248, 243, 0.9) !important;
  color: #3d5236 !important;
  border-color: #cbd8c5 !important;
}.myspace-theme-matchatea .contact-action:hover {
  background-color: #cbd8c5 !important;
  color: #3d5236 !important;
}.myspace-theme-matchatea .friend-avatar-wrapper {
  background-color: rgba(251, 248, 243, 0.9) !important;
  border-color: #a3b899 !important;
}.myspace-theme-matchatea .friend-name {
  color: #3d5236 !important;
  font-weight: bold !important;
}.myspace-theme-matchatea .profile-edit-card {
  border: 2px solid #a3b899 !important;
  background-color: rgba(251, 248, 243, 0.95) !important;
  color: #3d5236 !important;
}.myspace-theme-matchatea input[type="text"],
.myspace-theme-matchatea textarea,
.myspace-theme-matchatea select {
  background-color: #ffffff !important;
  color: #3d5236 !important;
  border: 1px solid #a3b899 !important;
}.myspace-theme-matchatea input[type="text"]::placeholder,
.myspace-theme-matchatea textarea::placeholder {
  color: #8fa883 !important;
  opacity: 0.6;
}.myspace-theme-matchatea .myspace-profile-body button {
  background-color: #a3b899 !important;
  color: #fbf8f3 !important;
  border: 1px solid #3d5236 !important;
}.myspace-theme-matchatea .myspace-profile-body button:hover {
  background-color: #cbd8c5 !important;
  color: #3d5236 !important;
}.myspace-theme-matchatea .favorited-bar-item {
  border-color: #a3b899 !important;
  background-color: rgba(251, 248, 243, 0.9) !important;
  color: #3d5236 !important;
}.myspace-theme-matchatea .favorited-bar-item span:last-child {
  color: #d2b48c !important;
}.myspace-theme-matchatea .emoji-presets-grid {
  border: 1px solid #a3b899 !important;
  background-color: rgba(251, 248, 243, 0.9) !important;
}.myspace-theme-matchatea .selected-emoji-btn {
  background-color: rgba(251, 248, 243, 0.9) !important;
  border: 1px inset #a3b899 !important;
}.myspace-theme-matchatea .profile-help-btn {
  background-color: rgba(251, 248, 243, 0.9) !important;
  color: #3d5236 !important;
  border: 1px solid #cbd8c5 !important;
}.myspace-theme-matchatea .profile-top-section {
  border-bottom: 2px solid #a3b899 !important;
}/* ==========================================
   8-Ball Theme (Pool / Billiards)
   Palette: Matte black, crisp white, deep red accent, gold highlight
   ========================================== */.myspace-theme-8ball {
  --player-border: #ffffff;
  --player-inner-bg: #111111;
  --player-screen-bg: #0a0a0a;
  --player-screen-text: #ffffff;
  --player-screen-subtext: #ff2222;
  --player-btn-bg: #1a1a1a;
  --player-btn-color: #ffffff;
  --player-btn-active-bg: #ff2222;
  --player-progress-bg: #333333;
  --player-progress-fill: linear-gradient(90deg, #ffffff, #ffcc00);
  --player-title-bg: #111111;
  --player-title-color: #ffffff;
}.myspace-theme-8ball {
  background-color: #0d0d0d !important;
  background-image:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,0.03) 0%, transparent 60%),
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 18px,
      rgba(255,255,255,0.015) 18px,
      rgba(255,255,255,0.015) 19px
    ) !important;
  color: #f0f0f0 !important;
}.myspace-theme-8ball .window {
  border: 2px solid #ffffff !important;
  background-color: #111111 !important;
}.myspace-theme-8ball .title-bar,
.myspace-theme-8ball .window-title {
  background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important;
  border-bottom: 2px solid #ffcc00 !important;
}.myspace-theme-8ball .title-bar-text {
  color: #ffffff !important;
  letter-spacing: 1px !important;
  text-shadow: 0 0 8px rgba(255, 204, 0, 0.5) !important;
}.myspace-theme-8ball .title-bar button {
  background-color: #222222 !important;
  color: #ffffff !important;
  border: 1px solid #555555 !important;
}.myspace-theme-8ball .title-bar button::after {
  color: #ffffff !important;
}.myspace-theme-8ball .myspace-profile-body {
  background-color: #111111 !important;
  color: #f0f0f0 !important;
  border: 1px solid #333333 !important;
}.myspace-theme-8ball .section-header-orange {
  background: linear-gradient(90deg, #000000 0%, #1a1a1a 100%) !important;
  color: #ffffff !important;
  border-bottom: 2px solid #ffcc00 !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
}.myspace-theme-8ball .profile-name-header {
  color: #ffffff !important;
  text-shadow: 0 0 12px rgba(255, 204, 0, 0.4) !important;
}.myspace-theme-8ball .profile-headline {
  color: #ffcc00 !important;
}.myspace-theme-8ball .profile-details-table,
.myspace-theme-8ball .profile-bio-box,
.myspace-theme-8ball .top8-container {
  background-color: #161616 !important;
  border-color: #333333 !important;
  color: #e0e0e0 !important;
}.myspace-theme-8ball .profile-photo-box {
  background-color: #111111 !important;
  border: 3px solid #ffffff !important;
  box-shadow: 0 0 20px rgba(255, 204, 0, 0.2) !important;
}.myspace-theme-8ball .contact-box {
  border-color: #ffffff !important;
  background-color: transparent !important;
}.myspace-theme-8ball .contact-box-header {
  background: linear-gradient(90deg, #0d0d0d, #1a1a1a) !important;
  color: #ffcc00 !important;
  border-bottom: 1px solid #ffcc00 !important;
}.myspace-theme-8ball .contact-action {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #444444 !important;
}.myspace-theme-8ball .contact-action:hover {
  background-color: #ff2222 !important;
  color: #ffffff !important;
}.myspace-theme-8ball .friend-avatar-wrapper {
  background-color: #1a1a1a !important;
  border-color: #ffcc00 !important;
}.myspace-theme-8ball .friend-name {
  color: #ffffff !important;
}.myspace-theme-8ball .profile-edit-card {
  border: 2px solid #ffffff !important;
  background-color: #111111 !important;
  color: #f0f0f0 !important;
}.myspace-theme-8ball input[type="text"],
.myspace-theme-8ball textarea,
.myspace-theme-8ball select {
  background-color: #1a1a1a !important;
  color: #f0f0f0 !important;
  border: 1px solid #ffcc00 !important;
}.myspace-theme-8ball input[type="text"]::placeholder,
.myspace-theme-8ball textarea::placeholder {
  color: #666666 !important;
  opacity: 0.8;
}.myspace-theme-8ball .myspace-profile-body button {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
}.myspace-theme-8ball .myspace-profile-body button:hover {
  background-color: #ff2222 !important;
  color: #ffffff !important;
}.myspace-theme-8ball .favorited-bar-item {
  border-color: #333333 !important;
  background-color: #161616 !important;
  color: #f0f0f0 !important;
}.myspace-theme-8ball .favorited-bar-item span:last-child {
  color: #ffcc00 !important;
}.myspace-theme-8ball .emoji-presets-grid {
  border: 1px solid #ffffff !important;
  background-color: #111111 !important;
}.myspace-theme-8ball .selected-emoji-btn {
  background-color: #222222 !important;
  border: 1px inset #ffcc00 !important;
}.myspace-theme-8ball .profile-help-btn {
  background-color: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #555555 !important;
}.myspace-theme-8ball .profile-top-section {
  border-bottom: 2px solid #ffcc00 !important;
}/* ==========================================
   Long Nails Theme (Chrome + Hot Pink + Gold)
   Palette: Glossy dark chrome, hot pink #FF0066, liquid gold, mirror shine
   ========================================== */.myspace-theme-longnails {
  --player-border: #ff0066;
  --player-inner-bg: #1a0a14;
  --player-screen-bg: #0d0008;
  --player-screen-text: #ff66bb;
  --player-screen-subtext: #ffd700;
  --player-btn-bg: #2a0820;
  --player-btn-color: #ff0066;
  --player-btn-active-bg: #ffd700;
  --player-progress-bg: #2a0820;
  --player-progress-fill: linear-gradient(90deg, #ff0066, #ffd700, #ff66bb);
  --player-title-bg: #1a0a14;
  --player-title-color: #ff0066;
}.myspace-theme-longnails {
  background-color: #100008 !important;
  background-image:
    linear-gradient(135deg, #1a0010 0%, #0d0008 40%, #1a000a 70%, #100008 100%),
    repeating-linear-gradient(
      60deg,
      transparent,
      transparent 30px,
      rgba(255, 0, 102, 0.04) 30px,
      rgba(255, 0, 102, 0.04) 31px
    ) !important;
  color: #ffd0e8 !important;
}.myspace-theme-longnails .window {
  border: 2px solid #ff0066 !important;
  background-color: #1a0010 !important;
  box-shadow: 0 0 20px rgba(255, 0, 102, 0.25) !important;
}.myspace-theme-longnails .title-bar,
.myspace-theme-longnails .window-title {
  background: linear-gradient(90deg, #1a0010 0%, #3a0020 50%, #1a0010 100%) !important;
  border-bottom: 2px solid #ffd700 !important;
}.myspace-theme-longnails .title-bar-text {
  color: #ffd700 !important;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.7) !important;
  letter-spacing: 1px !important;
}.myspace-theme-longnails .title-bar button {
  background-color: #2a0018 !important;
  color: #ff0066 !important;
  border: 1px solid #ff0066 !important;
}.myspace-theme-longnails .title-bar button::after {
  color: #ff0066 !important;
}.myspace-theme-longnails .myspace-profile-body {
  background-color: #1a0010 !important;
  color: #ffd0e8 !important;
  border: 1px solid #3a0020 !important;
}.myspace-theme-longnails .section-header-orange {
  background: linear-gradient(90deg, #ff0066 0%, #cc0050 100%) !important;
  color: #ffd700 !important;
  border-bottom: 2px solid #ffd700 !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
}.myspace-theme-longnails .profile-name-header {
  color: #ff66bb !important;
  text-shadow: 0 0 16px rgba(255, 0, 102, 0.6) !important;
}.myspace-theme-longnails .profile-headline {
  color: #ffd700 !important;
}.myspace-theme-longnails .profile-details-table,
.myspace-theme-longnails .profile-bio-box,
.myspace-theme-longnails .top8-container {
  background-color: #1a000e !important;
  border-color: #ff0066 !important;
  color: #ffd0e8 !important;
}.myspace-theme-longnails .profile-photo-box {
  background-color: #1a0010 !important;
  border: 3px solid #ff0066 !important;
  box-shadow: 0 0 24px rgba(255, 0, 102, 0.4), 0 0 48px rgba(255, 215, 0, 0.1) !important;
}.myspace-theme-longnails .contact-box {
  border-color: #ff0066 !important;
  background-color: transparent !important;
}.myspace-theme-longnails .contact-box-header {
  background: linear-gradient(90deg, #ff0066, #cc0050) !important;
  color: #ffd700 !important;
}.myspace-theme-longnails .contact-action {
  background-color: #2a0018 !important;
  color: #ff66bb !important;
  border-color: #ff0066 !important;
}.myspace-theme-longnails .contact-action:hover {
  background-color: #ff0066 !important;
  color: #ffd700 !important;
}.myspace-theme-longnails .friend-avatar-wrapper {
  background-color: #2a0018 !important;
  border-color: #ffd700 !important;
}.myspace-theme-longnails .friend-name {
  color: #ff66bb !important;
}.myspace-theme-longnails .profile-edit-card {
  border: 2px solid #ff0066 !important;
  background-color: #1a0010 !important;
  color: #ffd0e8 !important;
}.myspace-theme-longnails input[type="text"],
.myspace-theme-longnails textarea,
.myspace-theme-longnails select {
  background-color: #2a0018 !important;
  color: #ffd0e8 !important;
  border: 1px solid #ff0066 !important;
}.myspace-theme-longnails input[type="text"]::placeholder,
.myspace-theme-longnails textarea::placeholder {
  color: #883355 !important;
  opacity: 0.8;
}.myspace-theme-longnails .myspace-profile-body button {
  background: linear-gradient(135deg, #ff0066, #cc0050) !important;
  color: #ffd700 !important;
  border: 1px solid #ffd700 !important;
}.myspace-theme-longnails .myspace-profile-body button:hover {
  background: linear-gradient(135deg, #ffd700, #ffaa00) !important;
  color: #1a0010 !important;
}.myspace-theme-longnails .favorited-bar-item {
  border-color: #ff0066 !important;
  background-color: #1a000e !important;
  color: #ffd0e8 !important;
}.myspace-theme-longnails .favorited-bar-item span:last-child {
  color: #ffd700 !important;
}.myspace-theme-longnails .emoji-presets-grid {
  border: 1px solid #ff0066 !important;
  background-color: #1a000e !important;
}.myspace-theme-longnails .selected-emoji-btn {
  background-color: #2a0018 !important;
  border: 1px inset #ff0066 !important;
}.myspace-theme-longnails .profile-help-btn {
  background-color: #1a000e !important;
  color: #ff66bb !important;
  border: 1px solid #ff0066 !important;
}.myspace-theme-longnails .profile-top-section {
  border-bottom: 2px solid #ff0066 !important;
}/* ==========================================
   Sheer Theme (Glassmorphism / Translucent / Barely-There)
   Palette: Frosted blush, champagne, soft dusty rose, nude tones
   ========================================== */.myspace-theme-sheer {
  --player-border: rgba(200, 160, 150, 0.5);
  --player-inner-bg: rgba(255, 245, 242, 0.35);
  --player-screen-bg: rgba(255, 240, 236, 0.4);
  --player-screen-text: #7a4a50;
  --player-screen-subtext: #b8878e;
  --player-btn-bg: rgba(255, 230, 225, 0.3);
  --player-btn-color: #8b5a62;
  --player-btn-active-bg: rgba(220, 180, 175, 0.5);
  --player-progress-bg: rgba(200, 160, 150, 0.25);
  --player-progress-fill: linear-gradient(90deg, rgba(200, 150, 140, 0.7), rgba(240, 200, 190, 0.9));
  --player-title-bg: rgba(255, 245, 242, 0.3);
  --player-title-color: #8b5a62;
}.myspace-theme-sheer {
  background: linear-gradient(135deg,
    rgba(255, 235, 230, 0.85) 0%,
    rgba(250, 225, 220, 0.9) 35%,
    rgba(255, 240, 238, 0.85) 70%,
    rgba(245, 225, 220, 0.9) 100%) !important;
  color: #5c3a3f !important;
}.myspace-theme-sheer .window {
  border: 1px solid rgba(200, 160, 150, 0.45) !important;
  background: rgba(255, 248, 246, 0.55) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 4px 24px rgba(180, 120, 110, 0.12) !important;
}.myspace-theme-sheer .title-bar,
.myspace-theme-sheer .window-title {
  background: rgba(255, 220, 215, 0.5) !important;
  border-bottom: 1px solid rgba(200, 160, 150, 0.4) !important;
  backdrop-filter: blur(8px) !important;
}.myspace-theme-sheer .title-bar-text {
  color: #7a4a50 !important;
  font-style: italic !important;
}.myspace-theme-sheer .title-bar button {
  background-color: rgba(255, 240, 238, 0.6) !important;
  color: #8b5a62 !important;
  border: 1px solid rgba(200, 160, 150, 0.4) !important;
}.myspace-theme-sheer .title-bar button::after {
  color: #8b5a62 !important;
}.myspace-theme-sheer .myspace-profile-body {
  background: rgba(255, 248, 246, 0.5) !important;
  color: #5c3a3f !important;
  border: 1px solid rgba(200, 160, 150, 0.3) !important;
}.myspace-theme-sheer .section-header-orange {
  background: rgba(235, 195, 190, 0.6) !important;
  color: #7a4a50 !important;
  border-bottom: 1px solid rgba(200, 160, 150, 0.4) !important;
  font-style: italic !important;
  letter-spacing: 0.5px !important;
}.myspace-theme-sheer .profile-name-header {
  color: #7a4a50 !important;
}.myspace-theme-sheer .profile-headline {
  color: #b87a80 !important;
}.myspace-theme-sheer .profile-details-table,
.myspace-theme-sheer .profile-bio-box,
.myspace-theme-sheer .top8-container {
  background: rgba(255, 248, 246, 0.4) !important;
  border-color: rgba(200, 160, 150, 0.35) !important;
  color: #5c3a3f !important;
  backdrop-filter: blur(6px) !important;
}.myspace-theme-sheer .profile-photo-box {
  background: rgba(255, 245, 242, 0.5) !important;
  border: 2px solid rgba(200, 160, 150, 0.5) !important;
  box-shadow: 0 4px 20px rgba(180, 120, 110, 0.15) !important;
}.myspace-theme-sheer .contact-box {
  border-color: rgba(200, 160, 150, 0.45) !important;
  background-color: transparent !important;
}.myspace-theme-sheer .contact-box-header {
  background: rgba(235, 195, 190, 0.55) !important;
  color: #7a4a50 !important;
}.myspace-theme-sheer .contact-action {
  background: rgba(255, 240, 236, 0.5) !important;
  color: #7a4a50 !important;
  border-color: rgba(200, 160, 150, 0.4) !important;
}.myspace-theme-sheer .contact-action:hover {
  background: rgba(235, 195, 190, 0.65) !important;
  color: #5c3a3f !important;
}.myspace-theme-sheer .friend-avatar-wrapper {
  background: rgba(255, 240, 238, 0.5) !important;
  border-color: rgba(200, 160, 150, 0.5) !important;
}.myspace-theme-sheer .friend-name {
  color: #7a4a50 !important;
}.myspace-theme-sheer .profile-edit-card {
  border: 1px solid rgba(200, 160, 150, 0.45) !important;
  background: rgba(255, 248, 246, 0.5) !important;
  color: #5c3a3f !important;
  backdrop-filter: blur(8px) !important;
}.myspace-theme-sheer input[type="text"],
.myspace-theme-sheer textarea,
.myspace-theme-sheer select {
  background: rgba(255, 248, 246, 0.55) !important;
  color: #5c3a3f !important;
  border: 1px solid rgba(200, 160, 150, 0.45) !important;
}.myspace-theme-sheer input[type="text"]::placeholder,
.myspace-theme-sheer textarea::placeholder {
  color: #b8878e !important;
  opacity: 0.8;
}.myspace-theme-sheer .myspace-profile-body button {
  background: rgba(235, 195, 190, 0.6) !important;
  color: #7a4a50 !important;
  border: 1px solid rgba(200, 160, 150, 0.5) !important;
}.myspace-theme-sheer .myspace-profile-body button:hover {
  background: rgba(220, 170, 165, 0.75) !important;
  color: #5c3a3f !important;
}.myspace-theme-sheer .favorited-bar-item {
  border-color: rgba(200, 160, 150, 0.4) !important;
  background: rgba(255, 245, 242, 0.4) !important;
  color: #5c3a3f !important;
}.myspace-theme-sheer .favorited-bar-item span:last-child {
  color: #b87a80 !important;
}.myspace-theme-sheer .emoji-presets-grid {
  border: 1px solid rgba(200, 160, 150, 0.4) !important;
  background: rgba(255, 248, 246, 0.5) !important;
}.myspace-theme-sheer .selected-emoji-btn {
  background: rgba(255, 240, 238, 0.5) !important;
  border: 1px inset rgba(200, 160, 150, 0.5) !important;
}.myspace-theme-sheer .profile-help-btn {
  background: rgba(255, 248, 246, 0.5) !important;
  color: #7a4a50 !important;
  border: 1px solid rgba(200, 160, 150, 0.4) !important;
}.myspace-theme-sheer .profile-top-section {
  border-bottom: 1px solid rgba(200, 160, 150, 0.4) !important;
}/* 4. Classic Theme Overrides */.myspace-theme-classic input[type="text"],
.myspace-theme-classic textarea,
.myspace-theme-classic select {
  background-color: #ffffff !important;
  color: #333333 !important;
  border: 1px solid #ff99cc !important;
}.myspace-theme-classic .myspace-profile-body button {
  background-color: #dfdfdf !important;
  color: #000000 !important;
  border: 2px solid !important;
  border-color: #fff #808080 #808080 #fff !important;
}.myspace-theme-classic .myspace-profile-body button:active {
  border-color: #808080 #fff #fff #808080 !important;
}/* Retro Blink Animation Slogan */@keyframes retro-blink-anim {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}.retro-blink {
  animation: retro-blink-anim 1s infinite;
}/* ==========================================
   SYSOP PORTAL MONOCHROME GREEN-ON-BLACK STYLE
   ========================================== */.sysop-terminal {
  background-color: #000000 !important;
  color: #00ff00 !important;
  font-family: "Courier New", Courier, monospace !important;
  padding: 20px;
  min-height: 100vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 15px;
}.sysop-terminal h1, .sysop-terminal h2, .sysop-terminal h3, .sysop-terminal h4 {
  color: #00ff00 !important;
  font-family: "Courier New", Courier, monospace !important;
  margin: 0;
}.sysop-header {
  border-bottom: 2px solid #00ff00;
  padding-bottom: 10px;
  margin-bottom: 10px;
}.sysop-section {
  border: 1px solid #00ff00;
  padding: 15px;
  margin-bottom: 15px;
  background-color: #000000 !important;
}.sysop-input {
  background-color: #000000 !important;
  border: 1px solid #00ff00 !important;
  color: #00ff00 !important;
  padding: 8px;
  font-family: "Courier New", Courier, monospace !important;
}.sysop-btn {
  background-color: #000000 !important;
  border: 1px solid #00ff00 !important;
  color: #00ff00 !important;
  padding: 8px 16px;
  cursor: pointer;
  font-family: "Courier New", Courier, monospace !important;
}.sysop-btn:hover {
  background-color: #00ff00 !important;
  color: #000000 !important;
}.sysop-item {
  border-bottom: 1px dashed #00ff00;
  padding: 10px 0;
}.sysop-item:last-child {
  border-bottom: none;
}/* ==========================================
   CITY PORTAL CARDS
   ========================================== */.city-portal-card {
  display: flex;
  align-items: center;
  gap: 15px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left: 5px solid #003399;
  border-radius: 4px;
  padding: 15px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
}.city-portal-card:hover {
  border-color: #ff007f;
  border-left-color: #ff007f;
  background-color: #fff2f9;
  transform: translateY(-2px);
  box-shadow: 1px 3px 8px rgba(255, 0, 127, 0.15);
}.city-portal-icon {
  font-size: 32px;
  width: 50px;
  height: 50px;
  background-color: #f0f0f0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e0e0e0;
}.city-portal-card:hover .city-portal-icon {
  background-color: #ffccd8;
  border-color: #ff99bb;
}.city-portal-title {
  font-size: 16px;
  font-weight: bold;
  color: #003399;
  text-decoration: underline;
  margin-bottom: 3px;
  font-family: "Tahoma", "Segoe UI", Arial, sans-serif;
}.city-portal-card:hover .city-portal-title {
  color: #ff007f;
}.city-portal-desc {
  font-size: 12px;
  color: #555;
  margin-bottom: 4px;
  font-family: "Tahoma", "Segoe UI", Arial, sans-serif;
}.city-portal-status {
  font-size: 10px;
  font-weight: bold;
  color: green;
  font-family: monospace;
}.city-portal-arrow {
  font-size: 20px;
  color: #888;
  transition: transform 0.2s;
}.city-portal-card:hover .city-portal-arrow {
  color: #ff007f;
  transform: translateX(4px);
}/* ==========================================
   MYSPACE AUTH WINDOW STYLES
   ========================================== */.auth-window {
  background-color: #f2f2f2 !important;
  border: 2px solid #000000 !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.3) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  width: 100% !important;
  box-sizing: border-box !important;
}.auth-title-bar {
  background-color: #003399 !important;
  color: #ffffff !important;
  padding: 6px 10px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-weight: bold !important;
  font-size: 13px !important;
  border-bottom: 2px solid #000000 !important;
}.auth-title-bar-text {
  cursor: default !important;
}.auth-close-button {
  background-color: #ff007f !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  font-family: monospace !important;
  font-weight: bold !important;
  cursor: pointer !important;
  font-size: 12px !important;
  width: 18px !important;
  height: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
}.auth-close-button:hover {
  background-color: #ff66cc !important;
}.auth-tabs {
  display: flex !important;
  list-style: none !important;
  padding: 8px 8px 0 8px !important;
  margin: 0 !important;
  background-color: #f2f2f2 !important;
  border-bottom: 2px solid #000000 !important;
  gap: 4px !important;
}.auth-tab {
  padding: 6px 12px !important;
  cursor: pointer !important;
  background-color: #dfdfdf !important;
  border: 1px solid #000000 !important;
  border-bottom: none !important;
  font-size: 12px !important;
  font-weight: bold !important;
  color: #003399 !important;
  text-decoration: none !important;
  display: inline-block !important;
}.auth-tab.active {
  background-color: #ff66cc !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  border-bottom: 2px solid #ff66cc !important;
  margin-bottom: -2px !important;
  position: relative !important;
  z-index: 1 !important;
}.auth-tab:hover {
  background-color: #ffb3d9 !important;
  color: #000000 !important;
}.auth-fieldset {
  border: 1px solid #000000 !important;
  background-color: #ffffff !important;
  padding: 12px !important;
  margin: 10px 0 !important;
  box-shadow: none !important;
}.auth-legend {
  background-color: #003399 !important;
  color: #ffffff !important;
  padding: 3px 8px !important;
  font-size: 11px !important;
  font-weight: bold !important;
  border: 1px solid #000000 !important;
}.auth-input {
  border: 1px solid #000000 !important;
  border-radius: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  font-family: Arial, sans-serif !important;
  box-shadow: none !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  box-sizing: border-box !important;
}.auth-input:focus {
  outline: 2px solid #ff66cc !important;
}.auth-input:disabled {
  background-color: #f2f2f2 !important;
  color: #888888 !important;
}.auth-btn-primary {
  background-color: #ff007f !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  font-weight: bold !important;
  font-size: 12px !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2) !important;
}.auth-btn-primary:hover:not(:disabled) {
  background-color: #ff66cc !important;
}.auth-btn-primary:active:not(:disabled) {
  transform: translate(1px, 1px) !important;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2) !important;
}.auth-btn-primary:disabled {
  background-color: #ffb3d9 !important;
  color: #ffffff !important;
  cursor: not-allowed !important;
}.auth-btn-secondary {
  background-color: #dfdfdf !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
  font-weight: bold !important;
  font-size: 12px !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2) !important;
}.auth-btn-secondary:hover:not(:disabled) {
  background-color: #f2f2f2 !important;
}.auth-btn-secondary:active:not(:disabled) {
  transform: translate(1px, 1px) !important;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2) !important;
}.auth-btn-secondary:disabled {
  background-color: #eaeaea !important;
  color: #888888 !important;
  cursor: not-allowed !important;
}/* ==========================================
   RETRO SPLASH SCREEN
   ========================================== */.myspace-splash {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #003399 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 99999 !important;
  color: #ff66cc !important;
  font-family: "MS Sans Serif", Tahoma, Arial, sans-serif !important;
}.myspace-splash-logo {
  font-size: 80px !important;
  font-weight: bold !important;
  letter-spacing: 2px !important;
  margin-bottom: 20px !important;
  color: #ff66cc !important;
  text-shadow: 0 0 12px rgba(255, 102, 204, 0.8) !important;
  animation: splash-logo-pop 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) both !important;
  text-transform: lowercase !important;
}.myspace-splash-tagline {
  font-size: 16px !important;
  font-style: italic !important;
  color: #ffccd8 !important;
  text-align: center !important;
  max-width: 80% !important;
  line-height: 1.5 !important;
  animation: fade-in 1.2s ease-out both !important;
}@keyframes splash-logo-pop {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}@keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}/* Custom retro select dropdown to override mobile input overrides */select.retro-select {
  font-size: 11px !important;
  padding: 1px 20px 1px 4px !important;
  min-height: 22px !important;
  height: 22px !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  font-family: "MS Sans Serif", Tahoma, sans-serif !important;
  font-weight: bold !important;
  background-color: #ffffff !important;
  color: #333333 !important;
  
  /* Standard 98.css inset border */
  box-shadow: inset -1px -1px #fff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a !important;
  border: none !important;

  /* Standard 98.css dropdown button graphics */
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' viewBox='0 0 16 17'><path fill='%23C0C0C0' d='M0 0h16v17H0z'/><path stroke='%23FFF' d='M.5.5h14v15H.5z'/><path stroke='%23808080' d='M1.5 15.5h14v-14'/><path stroke='%23000' d='M.5 16.5h15v-16'/><path fill='%23000' d='M4 6h8l-4 4z'/></svg>") !important;
  background-position: right 1px center !important;
  background-repeat: no-repeat !important;
}/* Dashboard buttons styling override to prevent text wrap issues due to global font scaling */.dashboard-btn {
  font-size: 13px !important;
  white-space: nowrap !important;
  padding: 6px 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-height: 38px !important;
}/* Feed tab buttons styling override to prevent text wrap due to global button font scale */.feed-tab-btn {
  font-size: 11px !important;
  padding: 4px 4px !important;
  min-height: 38px !important;
}.feed-tab-btn span {
  font-size: inherit !important;
  white-space: nowrap !important;
}/* Premium Retro-Neon Outset Buttons and Cards */.asl-btn {
  font-family: 'MS Sans Serif', Geneva, sans-serif !important;
  font-size: 11px !important;
  font-weight: bold !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  transition: all 0.1s ease !important;
  padding: 6px 12px !important;
}/* 1. Cobalt Blue Button */.asl-btn-blue {
  background-color: #3366cc !important;
  color: #ffffff !important;
  border: 2px outset #3366cc !important;
  box-shadow: inset -1px -1px #001f66, inset 1px 1px #99bbff, 1px 1px 0px 0px #000 !important;
}.asl-btn-blue:hover {
  background-color: #4d80e6 !important;
  border-color: #4d80e6 !important;
  box-shadow: inset -1px -1px #002db3, inset 1px 1px #b3ccff, 1px 1px 0px 0px #000, 0 0 5px rgba(77, 128, 230, 0.5) !important;
}.asl-btn-blue:active {
  border-style: inset !important;
  box-shadow: inset 1px 1px #001f66, inset -1px -1px #99bbff, 1px 1px 0px 0px #000 !important;
}/* 2. Neon Pink Button */.asl-btn-pink {
  background-color: #ff007f !important;
  color: #ffffff !important;
  border: 2px outset #ff007f !important;
  box-shadow: inset -1px -1px #99004c, inset 1px 1px #ff99cc, 1px 1px 0px 0px #000 !important;
}.asl-btn-pink:hover {
  background-color: #ff3399 !important;
  border-color: #ff3399 !important;
  box-shadow: inset -1px -1px #cc0066, inset 1px 1px #ffb3d9, 1px 1px 0px 0px #000, 0 0 5px rgba(255, 0, 127, 0.5) !important;
}.asl-btn-pink:active {
  border-style: inset !important;
  box-shadow: inset 1px 1px #99004c, inset -1px -1px #ff99cc, 1px 1px 0px 0px #000 !important;
}/* 3. Emerald Green Button */.asl-btn-emerald {
  background-color: #00a86b !important;
  color: #ffffff !important;
  border: 2px outset #00a86b !important;
  box-shadow: inset -1px -1px #004d33, inset 1px 1px #66ffcc, 1px 1px 0px 0px #000 !important;
}.asl-btn-emerald:hover {
  background-color: #00c47d !important;
  border-color: #00c47d !important;
  box-shadow: inset -1px -1px #006644, inset 1px 1px #99ffe6, 1px 1px 0px 0px #000, 0 0 5px rgba(0, 168, 107, 0.5) !important;
}.asl-btn-emerald:active {
  border-style: inset !important;
  box-shadow: inset 1px 1px #004d33, inset -1px -1px #66ffcc, 1px 1px 0px 0px #000 !important;
}/* 4. Amber Orange Button */.asl-btn-orange {
  background-color: #ff8c00 !important;
  color: #ffffff !important;
  border: 2px outset #ff8c00 !important;
  box-shadow: inset -1px -1px #994c00, inset 1px 1px #ffc280, 1px 1px 0px 0px #000 !important;
}.asl-btn-orange:hover {
  background-color: #ffa533 !important;
  border-color: #ffa533 !important;
  box-shadow: inset -1px -1px #cc6600, inset 1px 1px #ffe0b3, 1px 1px 0px 0px #000, 0 0 5px rgba(255, 140, 0, 0.5) !important;
}.asl-btn-orange:active {
  border-style: inset !important;
  box-shadow: inset 1px 1px #994c00, inset -1px -1px #ffc280, 1px 1px 0px 0px #000 !important;
}/* 5. Deep Crimson Button (Destructive) */.asl-btn-crimson {
  background-color: #d91414 !important;
  color: #ffffff !important;
  border: 2px outset #d91414 !important;
  box-shadow: inset -1px -1px #660000, inset 1px 1px #ff6666, 1px 1px 0px 0px #000 !important;
}.asl-btn-crimson:hover {
  background-color: #f22424 !important;
  border-color: #f22424 !important;
  box-shadow: inset -1px -1px #990000, inset 1px 1px #ff9999, 1px 1px 0px 0px #000, 0 0 5px rgba(217, 20, 20, 0.5) !important;
}.asl-btn-crimson:active {
  border-style: inset !important;
  box-shadow: inset 1px 1px #660000, inset -1px -1px #ff6666, 1px 1px 0px 0px #000 !important;
}/* 6. Dark Violet/Purple Button */.asl-btn-purple {
  background-color: #9933cc !important;
  color: #ffffff !important;
  border: 2px outset #9933cc !important;
  box-shadow: inset -1px -1px #4c0099, inset 1px 1px #cc99ff, 1px 1px 0px 0px #000 !important;
}.asl-btn-purple:hover {
  background-color: #b366ff !important;
  border-color: #b366ff !important;
  box-shadow: inset -1px -1px #6600cc, inset 1px 1px #e6ccff, 1px 1px 0px 0px #000, 0 0 5px rgba(153, 51, 204, 0.5) !important;
}.asl-btn-purple:active {
  border-style: inset !important;
  box-shadow: inset 1px 1px #4c0099, inset -1px -1px #cc99ff, 1px 1px 0px 0px #000 !important;
}/* 7. Slate Blue Button (Cancel/Neutral) */.asl-btn-slate {
  background-color: #708090 !important;
  color: #ffffff !important;
  border: 2px outset #708090 !important;
  box-shadow: inset -1px -1px #384048, inset 1px 1px #b0c4de, 1px 1px 0px 0px #000 !important;
}.asl-btn-slate:hover {
  background-color: #8596a6 !important;
  border-color: #8596a6 !important;
  box-shadow: inset -1px -1px #48525c, inset 1px 1px #c6d4e8, 1px 1px 0px 0px #000, 0 0 5px rgba(112, 128, 144, 0.5) !important;
}.asl-btn-slate:active {
  border-style: inset !important;
  box-shadow: inset 1px 1px #384048, inset -1px -1px #b0c4de, 1px 1px 0px 0px #000 !important;
}/* App icon card style hover */.asl-icon-card {
  transition: all 0.15s ease-in-out !important;
}.asl-icon-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2) !important;
  border-color: #ff007f !important;
}.asl-icon-card-selected {
  border: 2px solid #000080 !important;
  box-shadow: inset 1px 1px #000 !important;
}/* Legal Cards hover */.asl-legal-card {
  transition: all 0.15s ease-in-out !important;
}.asl-legal-card:hover {
  transform: translateY(-2px) !important;
  background-color: #eaf2ff !important;
  box-shadow: inset -1px -1px #666666, inset 1px 1px #ffffff, 2px 2px 4px rgba(0,0,0,0.15) !important;
}.asl-legal-card:active {
  transform: translateY(0px) !important;
  box-shadow: inset 2px 2px #666666, 1px 1px 0 0 #000 !important;
}/* ==========================================
   MALL GOTH / SCREAMO PACK
   ========================================== *//* Vampire Romance */.myspace-theme-vampireromance {
  --player-border: #660000;
  --player-inner-bg: #1a0000;
  --player-screen-bg: #000000;
  --player-screen-text: #ff3333;
  --player-screen-subtext: #990000;
  --player-accent: #ff3333;
  --player-btn-active: #ff3333;
  --player-btn-inactive: #444444;
  --player-progress-fill: #ff3333;
  --player-visualizer-bar: #660000;
}.myspace-theme-vampireromance .window { border: 2px solid #660000 !important; }.myspace-theme-vampireromance .title-bar { background: linear-gradient(90deg, #660000 0%, #000000 100%) !important; }.myspace-theme-vampireromance .title-bar-text { color: #ffffff !important; }.myspace-theme-vampireromance .myspace-profile-body { background: linear-gradient(135deg, #1a0000, #330000, #000000) !important; color: #ffffff !important; font-family: 'Courier New', Courier, monospace !important; }.myspace-theme-vampireromance .profile-details-table, .myspace-theme-vampireromance .profile-bio-box, .myspace-theme-vampireromance .top8-container, .myspace-theme-vampireromance .profile-photo-box { background-color: rgba(26, 0, 0, 0.9) !important; border: 2px solid #660000 !important; color: #ffffff !important; }.myspace-theme-vampireromance .section-header-orange { background-color: #660000 !important; color: #ffffff !important; border-left-color: #ff3333 !important; }.myspace-theme-vampireromance .profile-name-header { color: #ff3333 !important; }/* Sunday Showdown */.myspace-theme-sundayshowdown {
  --player-border: #222222;
  --player-inner-bg: #111111;
  --player-screen-bg: #1c1c1c;
  --player-screen-text: #00d2ff;
  --player-screen-subtext: #0088cc;
  --player-accent: #00d2ff;
  --player-btn-active: #00d2ff;
  --player-btn-inactive: #555555;
  --player-progress-fill: #00d2ff;
  --player-visualizer-bar: #0088cc;
}.myspace-theme-sundayshowdown .window { border: 2px solid #222222 !important; }.myspace-theme-sundayshowdown .title-bar { background: linear-gradient(90deg, #222222 0%, #00d2ff 100%) !important; }.myspace-theme-sundayshowdown .title-bar-text { color: #ffffff !important; }.myspace-theme-sundayshowdown .myspace-profile-body { background: linear-gradient(135deg, #2b2b2b, #121212) !important; color: #ffffff !important; font-family: 'MS Sans Serif', Geneva, sans-serif !important; }.myspace-theme-sundayshowdown .profile-details-table, .myspace-theme-sundayshowdown .profile-bio-box, .myspace-theme-sundayshowdown .top8-container, .myspace-theme-sundayshowdown .profile-photo-box { background-color: rgba(30, 30, 30, 0.9) !important; border: 2px solid #222222 !important; color: #ffffff !important; box-shadow: 0 0 5px rgba(0, 210, 255, 0.3) !important; }.myspace-theme-sundayshowdown .section-header-orange { background-color: #222222 !important; color: #00d2ff !important; border-left-color: #00d2ff !important; }.myspace-theme-sundayshowdown .profile-name-header { color: #00d2ff !important; }/* Quiet Things */.myspace-theme-quietthings {
  --player-border: #2e6f7a;
  --player-inner-bg: #5d9e9e;
  --player-screen-bg: #fffdf7;
  --player-screen-text: #2e6f7a;
  --player-screen-subtext: #8ab6b8;
  --player-accent: #2e6f7a;
  --player-btn-active: #2e6f7a;
  --player-btn-inactive: #b8c8c9;
  --player-progress-fill: #2e6f7a;
  --player-visualizer-bar: #5d9e9e;
}.myspace-theme-quietthings .window { border: 2px solid #2e6f7a !important; }.myspace-theme-quietthings .title-bar { background: linear-gradient(90deg, #2e6f7a 0%, #5d9e9e 100%) !important; }.myspace-theme-quietthings .title-bar-text { color: #ffffff !important; }.myspace-theme-quietthings .myspace-profile-body { background: linear-gradient(135deg, #f2ebd9, #d9ccb5) !important; color: #443c30 !important; font-family: Georgia, serif !important; }.myspace-theme-quietthings .profile-details-table, .myspace-theme-quietthings .profile-bio-box, .myspace-theme-quietthings .top8-container, .myspace-theme-quietthings .profile-photo-box { background-color: rgba(255, 253, 247, 0.95) !important; border: 2px solid #2e6f7a !important; color: #443c30 !important; }.myspace-theme-quietthings .section-header-orange { background-color: #5d9e9e !important; color: #ffffff !important; border-left-color: #2e6f7a !important; }.myspace-theme-quietthings .profile-name-header { color: #2e6f7a !important; }/* ==========================================
   TEEN IDOL PACK
   ========================================== *//* Oops Pink */.myspace-theme-oopspink {
  --player-border: #ff007f;
  --player-inner-bg: #ff66cc;
  --player-screen-bg: #ffffff;
  --player-screen-text: #ff007f;
  --player-accent: #ff007f;
  --player-btn-active: #ff007f;
  --player-btn-inactive: #ffb3d9;
  --player-progress-fill: #ff007f;
  --player-visualizer-bar: #ff66cc;
}.myspace-theme-oopspink .window { border: 2px solid #ff007f !important; }.myspace-theme-oopspink .title-bar { background: linear-gradient(90deg, #ff007f 0%, #ff66cc 100%) !important; }.myspace-theme-oopspink .title-bar-text { color: #ffffff !important; }.myspace-theme-oopspink .myspace-profile-body { background: linear-gradient(135deg, #ff99cc, #ffccf2) !important; color: #400020 !important; }.myspace-theme-oopspink .profile-details-table, .myspace-theme-oopspink .profile-bio-box, .myspace-theme-oopspink .top8-container, .myspace-theme-oopspink .profile-photo-box { background-color: rgba(255, 255, 255, 0.95) !important; border: 2px solid #ff007f !important; color: #400020 !important; }.myspace-theme-oopspink .section-header-orange { background-color: #ff66cc !important; color: #ffffff !important; border-left-color: #ff007f !important; }.myspace-theme-oopspink .profile-name-header { color: #ff007f !important; text-shadow: 1px 1px white !important; }/* Frosted Tips */.myspace-theme-frostedtips {
  --player-border: #0044cc;
  --player-inner-bg: #80c0ff;
  --player-screen-bg: #f0f5ff;
  --player-screen-text: #0044cc;
  --player-accent: #0044cc;
  --player-btn-active: #0044cc;
  --player-btn-inactive: #bfe0ff;
  --player-progress-fill: #0044cc;
  --player-visualizer-bar: #80c0ff;
}.myspace-theme-frostedtips .window { border: 2px solid #0044cc !important; }.myspace-theme-frostedtips .title-bar { background: linear-gradient(90deg, #0044cc 0%, #80c0ff 100%) !important; }.myspace-theme-frostedtips .title-bar-text { color: #ffffff !important; }.myspace-theme-frostedtips .myspace-profile-body { background: linear-gradient(135deg, #c0c0c0, #e0e0e0, #80c0ff) !important; color: #002266 !important; }.myspace-theme-frostedtips .profile-details-table, .myspace-theme-frostedtips .profile-bio-box, .myspace-theme-frostedtips .top8-container, .myspace-theme-frostedtips .profile-photo-box { background-color: rgba(240, 245, 255, 0.95) !important; border: 2px solid #0044cc !important; color: #002266 !important; }.myspace-theme-frostedtips .section-header-orange { background-color: #80c0ff !important; color: #0044cc !important; border-left-color: #0044cc !important; }.myspace-theme-frostedtips .profile-name-header { color: #0044cc !important; }/* Wannabe Leopard */.myspace-theme-wannabeleopard {
  --player-border: #9933cc;
  --player-inner-bg: #ff9900;
  --player-screen-bg: #ffffe6;
  --player-screen-text: #663300;
  --player-accent: #9933cc;
  --player-btn-active: #9933cc;
  --player-btn-inactive: #ffdd99;
  --player-progress-fill: #9933cc;
  --player-visualizer-bar: #ff9900;
}.myspace-theme-wannabeleopard .window { border: 2px solid #9933cc !important; }.myspace-theme-wannabeleopard .title-bar { background: linear-gradient(90deg, #ff9900 0%, #9933cc 100%) !important; }.myspace-theme-wannabeleopard .title-bar-text { color: #ffffff !important; }.myspace-theme-wannabeleopard .myspace-profile-body { background: linear-gradient(135deg, #ffcc00, #ff9900, #663300) !important; color: #331a00 !important; }.myspace-theme-wannabeleopard .profile-details-table, .myspace-theme-wannabeleopard .profile-bio-box, .myspace-theme-wannabeleopard .top8-container, .myspace-theme-wannabeleopard .profile-photo-box { background-color: rgba(255, 255, 230, 0.95) !important; border: 2px solid #9933cc !important; color: #331a00 !important; }.myspace-theme-wannabeleopard .section-header-orange { background-color: #ff9900 !important; color: #663300 !important; border-left-color: #9933cc !important; }.myspace-theme-wannabeleopard .profile-name-header { color: #9933cc !important; }/* ==========================================
   SKATELAND PUNK PACK
   ========================================== *//* Sk8er Boi */.myspace-theme-sk8erboi {
  --player-border: #ff007f;
  --player-inner-bg: #111111;
  --player-screen-bg: #000000;
  --player-screen-text: #39ff14;
  --player-accent: #ff007f;
  --player-btn-active: #ff007f;
  --player-btn-inactive: #444444;
  --player-progress-fill: #ff007f;
  --player-visualizer-bar: #39ff14;
}.myspace-theme-sk8erboi .window { border: 2px solid #ff007f !important; }.myspace-theme-sk8erboi .title-bar { background: linear-gradient(90deg, #000000 0%, #ff007f 100%) !important; }.myspace-theme-sk8erboi .title-bar-text { color: #ffffff !important; }.myspace-theme-sk8erboi .myspace-profile-body { background: linear-gradient(135deg, #111111, #ff3399) !important; color: #ffffff !important; }.myspace-theme-sk8erboi .profile-details-table, .myspace-theme-sk8erboi .profile-bio-box, .myspace-theme-sk8erboi .top8-container, .myspace-theme-sk8erboi .profile-photo-box { background-color: rgba(20, 20, 20, 0.95) !important; border: 2px solid #ff007f !important; color: #ffffff !important; }.myspace-theme-sk8erboi .section-header-orange { background-color: #111111 !important; color: #ff007f !important; border-left-color: #39ff14 !important; }.myspace-theme-sk8erboi .profile-name-header { color: #39ff14 !important; }/* Rock Show 182 */.myspace-theme-rockshow182 {
  --player-border: #ccff00;
  --player-inner-bg: #009933;
  --player-screen-bg: #ffff00;
  --player-screen-text: #000000;
  --player-accent: #000000;
  --player-btn-active: #000000;
  --player-btn-inactive: #888888;
  --player-progress-fill: #009933;
  --player-visualizer-bar: #009933;
}.myspace-theme-rockshow182 .window { border: 2px solid #ccff00 !important; }.myspace-theme-rockshow182 .title-bar { background: linear-gradient(90deg, #ccff00 0%, #009933 100%) !important; }.myspace-theme-rockshow182 .title-bar-text { color: #000000 !important; }.myspace-theme-rockshow182 .myspace-profile-body { background: linear-gradient(135deg, #39ff14, #ccff00, #111111) !important; color: #111111 !important; font-family: monospace !important; }.myspace-theme-rockshow182 .profile-details-table, .myspace-theme-rockshow182 .profile-bio-box, .myspace-theme-rockshow182 .top8-container, .myspace-theme-rockshow182 .profile-photo-box { background-color: rgba(255, 255, 255, 0.95) !important; border: 2px solid #009933 !important; color: #111111 !important; }.myspace-theme-rockshow182 .section-header-orange { background-color: #ccff00 !important; color: #000000 !important; border-left-color: #009933 !important; }.myspace-theme-rockshow182 .profile-name-header { color: #ccff00 !important; text-shadow: 1px 1px 2px #000000 !important; }/* Boulevard Stencil */.myspace-theme-boulevardstencil {
  --player-border: #b30000;
  --player-inner-bg: #1c1c1c;
  --player-screen-bg: #050505;
  --player-screen-text: #b30000;
  --player-accent: #b30000;
  --player-btn-active: #b30000;
  --player-btn-inactive: #444444;
  --player-progress-fill: #b30000;
  --player-visualizer-bar: #b30000;
}.myspace-theme-boulevardstencil .window { border: 2px solid #b30000 !important; }.myspace-theme-boulevardstencil .title-bar { background: linear-gradient(90deg, #b30000 0%, #000000 100%) !important; }.myspace-theme-boulevardstencil .title-bar-text { color: #ffffff !important; }.myspace-theme-boulevardstencil .myspace-profile-body { background: linear-gradient(135deg, #800000, #000000) !important; color: #ffffff !important; }.myspace-theme-boulevardstencil .profile-details-table, .myspace-theme-boulevardstencil .profile-bio-box, .myspace-theme-boulevardstencil .top8-container, .myspace-theme-boulevardstencil .profile-photo-box { background-color: rgba(15, 15, 15, 0.95) !important; border: 2px solid #b30000 !important; color: #ffffff !important; }.myspace-theme-boulevardstencil .section-header-orange { background-color: #b30000 !important; color: #ffffff !important; border-left-color: #ff3333 !important; }.myspace-theme-boulevardstencil .profile-name-header { color: #b30000 !important; }/* ==========================================
   P2P FILE SHARE PACK
   ========================================== *//* LemonWire */.myspace-theme-lemonwire {
  --player-border: #009900;
  --player-inner-bg: #39ff14;
  --player-screen-bg: #000000;
  --player-screen-text: #39ff14;
  --player-accent: #39ff14;
  --player-btn-active: #39ff14;
  --player-btn-inactive: #226622;
  --player-progress-fill: #39ff14;
  --player-visualizer-bar: #009900;
}.myspace-theme-lemonwire .window { border: 2px solid #009900 !important; }.myspace-theme-lemonwire .title-bar { background: linear-gradient(90deg, #006600 0%, #39ff14 100%) !important; }.myspace-theme-lemonwire .title-bar-text { color: #ffffff !important; }.myspace-theme-lemonwire .myspace-profile-body { background: linear-gradient(135deg, #009900, #33ff33, #ffffff) !important; color: #111111 !important; font-family: monospace !important; }.myspace-theme-lemonwire .profile-details-table, .myspace-theme-lemonwire .profile-bio-box, .myspace-theme-lemonwire .top8-container, .myspace-theme-lemonwire .profile-photo-box { background-color: rgba(255, 255, 255, 0.95) !important; border: 2px solid #009900 !important; color: #111111 !important; }.myspace-theme-lemonwire .section-header-orange { background-color: #006600 !important; color: #39ff14 !important; border-left-color: #39ff14 !important; }.myspace-theme-lemonwire .profile-name-header { color: #006600 !important; }/* Napster Kitty */.myspace-theme-napsterkitty {
  --player-border: #003366;
  --player-inner-bg: #3399ff;
  --player-screen-bg: #ffffff;
  --player-screen-text: #003366;
  --player-accent: #3399ff;
  --player-btn-active: #3399ff;
  --player-btn-inactive: #99ccff;
  --player-progress-fill: #3399ff;
  --player-visualizer-bar: #003366;
}.myspace-theme-napsterkitty .window { border: 2px solid #003366 !important; }.myspace-theme-napsterkitty .title-bar { background: linear-gradient(90deg, #003366 0%, #3399ff 100%) !important; }.myspace-theme-napsterkitty .title-bar-text { color: #ffffff !important; }.myspace-theme-napsterkitty .myspace-profile-body { background: linear-gradient(135deg, #003366, #0066cc, #ffffff) !important; color: #001f4d !important; }.myspace-theme-napsterkitty .profile-details-table, .myspace-theme-napsterkitty .profile-bio-box, .myspace-theme-napsterkitty .top8-container, .myspace-theme-napsterkitty .profile-photo-box { background-color: rgba(240, 245, 255, 0.95) !important; border: 2px solid #003366 !important; color: #001f4d !important; }.myspace-theme-napsterkitty .section-header-orange { background-color: #003366 !important; color: #ffffff !important; border-left-color: #3399ff !important; }.myspace-theme-napsterkitty .profile-name-header { color: #3399ff !important; }/* Winamp Classic */.myspace-theme-winampclassic {
  --player-border: #3a3a3c;
  --player-inner-bg: #1c1c1e;
  --player-screen-bg: #000000;
  --player-screen-text: #00ff00;
  --player-accent: #00ff00;
  --player-btn-active: #00ff00;
  --player-btn-inactive: #444444;
  --player-progress-fill: #00ff00;
  --player-visualizer-bar: #00ff00;
}.myspace-theme-winampclassic .window { border: 2px solid #3a3a3c !important; }.myspace-theme-winampclassic .title-bar { background: linear-gradient(90deg, #2c2c2e 0%, #4a4a4c 100%) !important; }.myspace-theme-winampclassic .title-bar-text { color: #00ff00 !important; font-family: monospace !important; }.myspace-theme-winampclassic .myspace-profile-body { background: linear-gradient(135deg, #3a3a3c, #1c1c1e) !important; color: #00ff00 !important; font-family: monospace !important; }.myspace-theme-winampclassic .profile-details-table, .myspace-theme-winampclassic .profile-bio-box, .myspace-theme-winampclassic .top8-container, .myspace-theme-winampclassic .profile-photo-box { background-color: rgba(28, 28, 30, 0.95) !important; border: 2px solid #3a3a3c !important; color: #00ff00 !important; }.myspace-theme-winampclassic .section-header-orange { background-color: #2c2c2e !important; color: #00ff00 !important; border-left-color: #00ff00 !important; }.myspace-theme-winampclassic .profile-name-header { color: #00ff00 !important; }/* ==========================================
   SOCIALITE GOSSIP PACK
   ========================================== *//* Simple Life */.myspace-theme-simplelife {
  --player-border: #ffd700;
  --player-inner-bg: #e60073;
  --player-screen-bg: #ffffff;
  --player-screen-text: #e60073;
  --player-accent: #ffd700;
  --player-btn-active: #ffd700;
  --player-btn-inactive: #ff80bf;
  --player-progress-fill: #ffd700;
  --player-visualizer-bar: #e60073;
}.myspace-theme-simplelife .window { border: 2px solid #ffd700 !important; }.myspace-theme-simplelife .title-bar { background: linear-gradient(90deg, #b30059 0%, #ffd700 100%) !important; }.myspace-theme-simplelife .title-bar-text { color: #ffffff !important; font-family: Georgia, serif !important; }.myspace-theme-simplelife .myspace-profile-body { background: linear-gradient(135deg, #e60073, #ff66b2) !important; color: #660033 !important; font-family: Georgia, serif !important; }.myspace-theme-simplelife .profile-details-table, .myspace-theme-simplelife .profile-bio-box, .myspace-theme-simplelife .top8-container, .myspace-theme-simplelife .profile-photo-box { background-color: rgba(255, 240, 245, 0.95) !important; border: 2px solid #ffd700 !important; color: #660033 !important; }.myspace-theme-simplelife .section-header-orange { background-color: #b30059 !important; color: #ffd700 !important; border-left-color: #ffd700 !important; }.myspace-theme-simplelife .profile-name-header { color: #ffd700 !important; text-shadow: 1px 1px 2px #b30059 !important; }/* Metallic Razr */.myspace-theme-metallicrazr {
  --player-border: #ff007f;
  --player-inner-bg: #b30059;
  --player-screen-bg: #00d2ff;
  --player-screen-text: #ffffff;
  --player-accent: #ffffff;
  --player-btn-active: #ffffff;
  --player-btn-inactive: #ff80bf;
  --player-progress-fill: #00d2ff;
  --player-visualizer-bar: #ffffff;
}.myspace-theme-metallicrazr .window { border: 2px solid #ff007f !important; }.myspace-theme-metallicrazr .title-bar { background: linear-gradient(90deg, #ff007f 0%, #e0e0e0 100%) !important; }.myspace-theme-metallicrazr .title-bar-text { color: #ffffff !important; }.myspace-theme-metallicrazr .myspace-profile-body { background: linear-gradient(135deg, #ff007f, #b30059) !important; color: #ffffff !important; }.myspace-theme-metallicrazr .profile-details-table, .myspace-theme-metallicrazr .profile-bio-box, .myspace-theme-metallicrazr .top8-container, .myspace-theme-metallicrazr .profile-photo-box { background-color: rgba(255, 255, 255, 0.95) !important; border: 2px solid #ff007f !important; color: #333333 !important; }.myspace-theme-metallicrazr .section-header-orange { background-color: #b30059 !important; color: #ffffff !important; border-left-color: #ff007f !important; }.myspace-theme-metallicrazr .profile-name-header { color: #ff007f !important; text-shadow: 1px 1px 2px #000000 !important; }/* Gossip Blog */.myspace-theme-gossipblog {
  --player-border: #000000;
  --player-inner-bg: #ffff00;
  --player-screen-bg: #000000;
  --player-screen-text: #ff0000;
  --player-accent: #ff0000;
  --player-btn-active: #ff0000;
  --player-btn-inactive: #555555;
  --player-progress-fill: #ff0000;
  --player-visualizer-bar: #ff0000;
}.myspace-theme-gossipblog .window { border: 3px solid #000000 !important; }.myspace-theme-gossipblog .title-bar { background: linear-gradient(90deg, #cccc00 0%, #000000 100%) !important; }.myspace-theme-gossipblog .title-bar-text { color: #ffff00 !important; font-weight: bold !important; }.myspace-theme-gossipblog .myspace-profile-body { background: linear-gradient(135deg, #ffff00, #000000) !important; color: #ff0000 !important; font-family: Impact, sans-serif !important; }.myspace-theme-gossipblog .profile-details-table, .myspace-theme-gossipblog .profile-bio-box, .myspace-theme-gossipblog .top8-container, .myspace-theme-gossipblog .profile-photo-box { background-color: rgba(255, 255, 255, 0.95) !important; border: 2px solid #000000 !important; color: #ff0000 !important; text-transform: uppercase !important; }.myspace-theme-gossipblog .section-header-orange { background-color: #ffff00 !important; color: #000000 !important; border-left-color: #ff0000 !important; }.myspace-theme-gossipblog .profile-name-header { color: #ffff00 !important; text-shadow: 2px 2px #000000 !important; }/* ==========================================
   RETRO VENUE / BAR PROFILE PAGE FEATURES
   ========================================== */.retro-neon-open {
  font-family: 'Courier New', Courier, monospace;
  font-weight: bold;
  font-size: 11px;
  color: #39ff14;
  text-shadow: 0 0 4px #39ff14, 0 0 8px #39ff14;
  border: 2px solid #39ff14;
  box-shadow: 0 0 4px #39ff14, inset 0 0 4px #39ff14;
  padding: 4px 10px;
  border-radius: 4px;
  display: inline-block;
  animation: neon-blink 2.5s infinite alternate;
  text-transform: uppercase;
  margin-top: 4px;
  margin-bottom: 8px;
  text-align: center;
  background: #000;
  box-sizing: border-box;
}@keyframes neon-blink {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
    opacity: 1;
    filter: drop-shadow(0 0 2px #39ff14);
  }
  20%, 24%, 55% {
    opacity: 0.4;
    filter: none;
  }
}/* Windows 95 Progress Bar Vibe Check styling */.win95-vibe-bar {
  height: 16px;
  background-color: #dfdfdf;
  border: 1px inset #808080;
  padding: 1px;
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 3px;
  display: flex;
}.win95-vibe-fill {
  background-color: #000080;
  height: 100%;
  transition: width 0.3s ease-out;
}/* Retro Loading Spinner */.retro-spinner {
  width: 12px;
  height: 12px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: retro-spin 0.8s linear infinite;
  display: inline-block;
}@keyframes retro-spin {
  to { transform: rotate(360deg); }
}/* MySpace ASL IM Redesign */.myspace-im-container {
  height: 650px;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border: 1px solid #6699cc;
  border-radius: 6px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  font-family: Arial, sans-serif;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}.myspace-im-container:hover {
  box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.15);
}.myspace-im-header {
  background-color: #6699cc;
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}.myspace-im-close-btn {
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  padding: 0 4px;
  transition: opacity 0.2s ease, transform 0.2s ease;
}.myspace-im-close-btn:hover {
  opacity: 0.8;
  transform: scale(1.1);
}.myspace-im-location-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 14px;
  background-color: #ffffff;
  border-bottom: 1px solid #eef2f7;
  font-size: 12px;
  color: #444;
}.myspace-im-subheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff5fa;
  padding: 10px 14px;
  border-bottom: 1px solid #ff99cc;
  gap: 10px;
}.myspace-im-btn {
  min-height: 34px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: all 0.2s ease;
}.myspace-im-btn-flag {
  color: #b30000;
  background-color: #ffe6e6;
  border: 1px solid #ffb3b3;
}.myspace-im-btn-flag:hover {
  background-color: #ffd4d4;
  border-color: #ff8080;
  transform: translateY(-1px);
}.myspace-im-btn-flag:active {
  background-color: #ffb3b3;
  transform: translateY(0);
}.myspace-im-btn-block {
  color: #333;
  background-color: #f2f2f2;
  border: 1px solid #cccccc;
}.myspace-im-btn-block:hover {
  background-color: #e5e5e5;
  border-color: #999999;
  transform: translateY(-1px);
}.myspace-im-btn-block:active {
  background-color: #d8d8d8;
  transform: translateY(0);
}.myspace-im-btn-close {
  color: #333;
  background-color: #f2f2f2;
  border: 1px solid #cccccc;
}.myspace-im-btn-close:hover {
  background-color: #e5e5e5;
  border-color: #999999;
  transform: translateY(-1px);
}.myspace-im-btn-close:active {
  background-color: #d8d8d8;
  transform: translateY(0);
}.myspace-im-chat-area {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
}.myspace-im-toolbar {
  height: 28px;
  background-color: #fcfcfc;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  padding: 0 12px;
  gap: 12px;
  font-size: 12px;
  color: #666;
}.myspace-im-toolbar span {
  transition: opacity 0.2s ease;
}.myspace-im-toolbar span:hover {
  opacity: 0.7;
}.myspace-im-input-form {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-top: 1px solid #ddd;
}.myspace-im-textarea {
  flex: 1;
  resize: none;
  font-size: 13px;
  font-family: Arial, sans-serif;
  padding: 8px 12px;
  min-height: 40px;
  max-height: 80px;
  border: 1px solid #ff99cc;
  border-radius: 4px;
  outline: none;
  transition: all 0.2s ease;
}.myspace-im-textarea:focus {
  border-color: #ff4d94;
  box-shadow: 0 0 0 2px rgba(255, 77, 148, 0.1);
}.myspace-im-send-btn {
  padding: 0 20px;
  font-size: 13px;
  font-weight: bold;
  min-height: 40px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}.myspace-im-send-btn:not(:disabled) {
  cursor: pointer;
  background-color: #ff4d94;
  color: #fff;
  border: 1px solid #cc0052;
}.myspace-im-send-btn:not(:disabled):hover {
  background-color: #ff3385;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(255, 77, 148, 0.25);
}.myspace-im-send-btn:not(:disabled):active {
  background-color: #e6005c;
  transform: translateY(0);
}.myspace-im-send-btn:disabled {
  cursor: not-allowed;
  background-color: #dfdfdf;
  color: #888;
  border: 1px solid #b5b5b5;
}