.win97-root{--w95-teal:teal;--w95-gray:silver;--w95-dark:gray;--w95-navy:navy;--w95-face:silver;--w95-shadow:#404040;--w95-light:#fff;--w95-black:#000;--ms-pink:#f69;--ms-orange:#f90;--ms-blue:#69c;--ms-bg:#e5e5ff;color:var(--w95-black);min-height:100dvh;font-family:MS Sans Serif,Segoe UI,Tahoma,sans-serif;font-size:12px}.win97-boot{color:silver;background:#000;justify-content:center;align-items:center;display:flex}.win97-boot-inner{text-align:left;width:min(420px,92vw)}.win97-boot-logo{color:#fff;margin-bottom:8px;font-size:28px}.win97-boot-title{color:#fff;font-size:18px;font-weight:700}.win97-boot-sub{color:gray;margin-top:4px}.win97-progress{background:#000;border:2px solid #fff;border-color:gray #fff #fff gray;height:22px;margin-top:28px;padding:2px}.win97-progress-fill{background:repeating-linear-gradient(90deg,#0000a8 0 8px,#000 8px 12px);height:100%;transition:width .3s linear}.win97-boot-line{color:#0f0;margin-top:12px;font-family:IBM Plex Mono,Consolas,monospace;font-size:12px}.win97-boot-hint{color:#666;margin-top:24px;font-size:11px}.win97-login-bg{background:var(--w95-teal);background-image:radial-gradient(circle at 20% 20%,#099 0,#0000 40%),radial-gradient(circle at 80% 70%,#066 0,#0000 35%);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px 12px 48px;display:flex}.win97-login-footer{color:#033;gap:16px;font-size:11px;display:flex}.win97-login-footer a{color:navy;text-decoration:underline}.win97-desktop{background:var(--w95-teal);background-image:linear-gradient(160deg,#009090 0%,#007070 50%,#005858 100%);min-height:100dvh;padding:12px 12px 48px;position:relative;overflow:auto}.win97-desktop-icons{flex-direction:column;gap:10px;width:88px;display:flex}.win97-icon{color:#fff;cursor:pointer;text-shadow:1px 1px #000;background:0 0;border:1px dotted #0000;flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex}.win97-icon:hover,.win97-icon:focus{background:#00008040;border-color:#fff}.win97-icon-img{background:linear-gradient(145deg,#e0e0ff,#9090c0);border:2px solid #404040;border-color:#fff #404040 #404040 #fff;place-items:center;width:40px;height:40px;font-size:26px;display:grid;box-shadow:1px 1px #000}.win97-icon-label{text-align:center;font-size:11px;line-height:1.2}.win97-window{background:var(--w95-face);z-index:5;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;flex-direction:column;width:min(920px,100vw - 24px);max-height:calc(100vh - 88px);display:flex;position:absolute;top:48px;left:50%;transform:translate(-50%);box-shadow:2px 2px #00000059}.win97-window.login-win{width:min(420px,94vw);max-height:none;position:relative;top:auto;left:auto;transform:none}.win97-window.wide{width:min(980px,100vw - 24px)}.win97-titlebar{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,navy,#1084d0);justify-content:space-between;align-items:center;gap:8px;padding:3px 4px 3px 6px;font-size:12px;font-weight:700;display:flex}.win97-title-btns{gap:2px;display:flex}.win97-title-btns button{background:var(--w95-face);color:#000;cursor:pointer;border:1px solid #404040;border-color:#fff #404040 #404040 #fff;width:16px;height:14px;padding:0;font-size:10px;line-height:1}.win97-title-btns button.close{font-weight:700}.win97-window-body{background:var(--w95-face);flex:1;min-height:0;overflow:auto}.win97-pad{padding:12px;line-height:1.45}.win97-login-row{gap:12px;display:flex}.win97-login-icon{flex-shrink:0;font-size:40px}.win97-field{grid-template-columns:90px 1fr;align-items:center;gap:6px;margin-bottom:8px;display:grid}.win97-field span{text-align:right}.win97-field input,.win97-field textarea,.chat-input input,.myspace-bulletin-form input{font:inherit;color:#000;background:#fff;border:2px solid #fff;border-color:gray #fff #fff gray;width:100%;padding:3px 5px}.win97-field textarea{resize:vertical;grid-column:1/-1}.win97-err{color:maroon;margin-top:4px}.win97-btn-row{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.win97-btn{background:var(--w95-face);min-width:75px;font:inherit;color:#000;cursor:pointer;text-align:center;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;padding:4px 12px;text-decoration:none;display:inline-block;box-shadow:inset 1px 1px #000}.win97-btn:active{border-color:#404040 #fff #fff #404040}.win97-btn:hover{background:#d0d0d0}.win97-taskbar{background:var(--w95-face);z-index:20;border-top:2px solid #fff;align-items:center;gap:6px;height:36px;padding:3px 6px;display:flex;position:fixed;bottom:0;left:0;right:0}.win97-start{background:var(--w95-face);cursor:pointer;font-weight:700;font:inherit;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.win97-start-logo{color:navy}.win97-task-btns{flex:1;gap:4px;min-width:0;display:flex}.win97-task-btns button{background:var(--w95-face);font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;max-width:140px;padding:3px 10px;overflow:hidden}.win97-task-btns button.active{background:#dcdcdc;border-color:#404040 #fff #fff #404040}.win97-tray{background:var(--w95-face);border:2px solid #fff;border-color:gray #fff #fff gray;align-items:center;gap:8px;padding:2px 8px;display:flex}.win97-tray-user{text-overflow:ellipsis;max-width:90px;font-weight:700;overflow:hidden}.win97-logout{font:inherit;cursor:pointer;color:navy;background:0 0;border:none;padding:0;text-decoration:underline}.win97-clock{font-variant-numeric:tabular-nums}@media (width<=720px){.myspace-layout,.win97-field{grid-template-columns:1fr}.win97-field span{text-align:left}}.myspace-card{background:#fff;border:2px solid #69c;margin-bottom:10px;padding:8px}.myspace-card-h{color:#fff;background:linear-gradient(90deg,#f69,#f9c);margin:-8px -8px 8px;padding:4px 8px;font-size:12px;font-weight:700}.myspace-hello{color:#f36;margin-bottom:8px;font-size:16px;font-weight:700}.myspace-avatar{aspect-ratio:1;color:#fff;background:linear-gradient(145deg,#69f,#f6a);border:3px solid #fc0;place-items:center;width:100%;max-width:160px;margin:0 auto 8px;font-size:36px;font-weight:700;display:grid}.myspace-meta{font-size:11px;line-height:1.6}.myspace-meta .online,.online{color:#090;font-style:normal}.myspace-contact-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.myspace-contact-grid button,.myspace-contact-grid a{text-align:center;color:navy;font:inherit;cursor:pointer;background:#e8f0ff;border:1px solid #69c;padding:6px 4px;font-size:11px;text-decoration:none;display:block}.myspace-contact-grid button:hover,.myspace-contact-grid a:hover{background:#fcf}.myspace-friends{grid-template-columns:1fr 1fr;gap:6px;display:grid}.myspace-friend{cursor:pointer;font:inherit;color:navy;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;font-size:10px;display:flex}.myspace-friend-av{color:#fff;background:linear-gradient(135deg,#9cf,#f9c);border:2px solid #333;place-items:center;width:48px;height:48px;font-size:12px;font-weight:700;display:grid}.myspace-tiny{color:#666;margin-top:6px;font-size:10px}.myspace-banner{background:linear-gradient(#fff0f8,#fff);border-color:#f69}.myspace-banner-title{color:#c06;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:700}.myspace-song{margin-top:6px;font-size:11px}.blink{color:#c00;animation:1s step-end infinite win97-blink}@keyframes win97-blink{50%{opacity:0}}.myspace-bulletin-form{gap:6px;margin-bottom:10px;display:flex}.myspace-bulletins{margin:0;padding:0;list-style:none}.myspace-bulletins li{border-top:1px solid #ccc;padding:8px 0;font-size:12px}.myspace-online{flex-wrap:wrap;gap:8px 14px;font-size:11px;display:flex}.chat-layout{grid-template-columns:140px 1fr;height:min(520px,60vh);min-height:380px;display:grid}@media (width<=640px){.chat-layout{grid-template-columns:1fr;height:auto}}.chat-rooms{background:#d4d0c8;border-right:2px solid gray;padding:6px;overflow:auto}.chat-rooms button{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;margin-bottom:2px;padding:4px 6px;display:block}.chat-main{background:#fff;flex-direction:column;min-height:0;display:flex}.chat-head{background:#e8e8e8;border-bottom:1px solid gray;padding:6px 8px;font-size:11px}.chat-msgs{background:#fafafa;flex:1;padding:8px;font-family:IBM Plex Mono,Consolas,monospace;font-size:11px;line-height:1.5;overflow:auto}.chat-line.me .chat-user{color:#06c}.chat-user{color:#c06}.chat-time{color:#888;font-size:10px}.chat-input{background:var(--w95-face);border-top:1px solid gray;gap:6px;padding:6px;display:flex}.win97-ca{color:#0f0;word-break:break-all;background:#000;border:2px solid #fff;border-color:gray #fff #fff gray;margin:10px 0;padding:8px;font-family:IBM Plex Mono,Consolas,monospace;font-size:11px}.win97-boot-mark{object-fit:cover;border:none;border-radius:0;width:96px;height:96px;margin-bottom:12px;box-shadow:0 0 28px #9966ff59}.win97-login-brand{color:#022;align-items:center;gap:12px;margin-bottom:4px;display:flex}.win97-login-logo{object-fit:cover;border:1px solid #004040;border-radius:0;width:64px;height:64px;box-shadow:2px 2px #00000040}.win97-login-name{letter-spacing:-.02em;color:#001a1a;font-size:28px;font-weight:800}.win97-login-wordmark{object-fit:contain;object-position:left center;border-radius:6px;width:auto;max-width:min(240px,70vw);height:36px;margin-bottom:4px;display:block}.win97-boot-mark{border-radius:0!important}.win97-login-tag{color:#033;max-width:280px;font-size:12px}.win97-start-ico{object-fit:cover;border-radius:3px;width:16px;height:16px}.win97-btn-primary{font-weight:700;background:linear-gradient(#e8e8ff,#c0c0e8)!important}.win97-ok{color:#060;margin-top:6px}.win97-online-dot{background:#0a0;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 4px #0f0}.about-pad ul{margin:10px 0 10px 18px;line-height:1.55}.about-lockup{aspect-ratio:1;object-fit:cover;background:0 0;border:none;border-radius:0;width:min(200px,70%);height:auto;margin-bottom:12px}.emoji-row{flex-wrap:wrap;align-items:center;gap:4px;margin:8px 0 12px;display:flex}.emoji-pick{cursor:pointer;background:#d4d0c8;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;width:32px;height:28px;font-size:14px}.emoji-pick.active{background:#fff;border-color:#404040 #fff #fff #404040}.room-search{width:100%;font:inherit;background:#fff;border:2px solid #fff;border-color:gray #fff #fff gray;margin:6px 0;padding:4px 6px}.create-room-btn{width:100%;font:inherit;cursor:pointer;color:#400020;background:linear-gradient(#ffe0f0,#ffb0d0);border:2px solid #804060;border-color:#fff #804060 #804060 #fff;margin-bottom:6px;padding:6px;font-weight:700}.room-list{max-height:340px;overflow:auto}.chat-rooms button{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;align-items:flex-start;gap:6px;margin-bottom:2px;padding:5px 6px;display:flex}.chat-rooms button.active,.chat-rooms button:hover{color:#fff;background:navy}.room-emoji{font-size:14px;line-height:1.2}.room-meta{flex-direction:column;min-width:0;display:flex}.room-name{font-size:11px;font-weight:700}.room-count{opacity:.8;font-size:9px}.chat-topic{color:#555;max-width:420px;margin-top:2px;font-size:10px}.chat-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.chat-head-right{text-align:right;flex-shrink:0;font-size:10px}.room-by{color:#666}.sys-tag{color:#666;font-size:9px;font-weight:400}.chat-layout{height:min(560px,70vh);min-height:440px}.chat-rooms{width:168px;min-width:168px}.ms-page{background:radial-gradient(circle at 10% 20%,#ff69b41f,#0000 40%),radial-gradient(circle at 90% 10%,#6495ed26,#0000 35%),repeating-linear-gradient(0deg,#eef 0 2px,#e8e8ff 2px 4px);min-height:480px;font-family:Verdana,Segoe UI,Tahoma,sans-serif}.ms-topnav{color:#fff;background:linear-gradient(#039,#06c);border-bottom:2px solid #001a66;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 10px;display:flex}.ms-topnav-logo{object-fit:cover;border-radius:4px;width:22px;height:22px}.ms-brand{letter-spacing:.02em;color:#fff;text-shadow:1px 1px #001a4d;font-family:Georgia,Times New Roman,serif;font-size:16px}.ms-topnav-links{flex:1;gap:4px;display:flex}.ms-topnav-links button{color:#cce0ff;font:inherit;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:11px;font-weight:700;text-decoration:underline}.ms-topnav-links button:hover{color:#fff;background:#ffffff1f}.ms-online-pill{color:#fff;white-space:nowrap;background:#0a0;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:700;box-shadow:0 0 6px #0f0}.ms-musicbar{color:#0f0;background:linear-gradient(#222,#111);border-bottom:2px solid #f39;align-items:center;gap:8px;padding:4px 10px;font-size:11px;display:flex}.ms-music-label{color:#f6c;flex-shrink:0;font-weight:700}.ms-marquee-wrap{white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ms-marquee{color:#9f9;padding-left:100%;font-family:Comic Sans MS,Comic Sans,cursive,Verdana,sans-serif;animation:18s linear infinite ms-scroll;display:inline-block}@keyframes ms-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.ms-music-controls{color:#aaa;letter-spacing:2px;flex-shrink:0}.myspace-layout{background:0 0;grid-template-columns:minmax(220px,280px) 1fr;gap:12px;min-height:420px;padding:12px;display:grid}.ms-box{background:#fff;border:2px solid #69c;margin-bottom:12px;overflow:hidden;box-shadow:2px 2px #00005014}.ms-box-h{color:#fff;text-shadow:1px 1px #0003;justify-content:space-between;align-items:center;padding:5px 8px;font-size:12px;font-weight:700;display:flex}.ms-box-h.pink{background:linear-gradient(90deg,#f39,#f6c 60%,#f9d)}.ms-box-h.blue{background:linear-gradient(90deg,#36c,#69f 70%,#9cf)}.ms-box-h.orange{color:#fff;background:linear-gradient(90deg,#f60,#f93 60%,#fc6)}.ms-count{opacity:.95;font-size:11px;font-weight:400}.myspace-hello{color:#f06;text-align:center;padding:10px 10px 4px;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:700}.myspace-avatar{color:#fff;text-shadow:2px 2px #00000040;aspect-ratio:auto;border:4px solid #fff;outline:3px solid #f39;place-items:center;width:160px;max-width:none;height:160px;margin:6px auto 8px;font-size:42px;font-weight:800;display:grid;box-shadow:3px 3px #00000026}.ms-online-now{text-align:center;color:#090;margin-bottom:6px;font-size:12px;font-weight:800;animation:1.4s step-end infinite win97-blink}.ms-details{border-collapse:collapse;width:100%;font-size:11px}.ms-details td{border-top:1px solid #e0e8ff;padding:3px 10px}.ms-coin{color:#90c;font-weight:700}.ms-view-count{color:#666;text-align:center;padding:6px 10px 10px;font-size:10px}.ms-contact{grid-template-columns:1fr 1fr;gap:3px;padding:6px;display:grid}.ms-contact button{text-align:left;color:#039;font:inherit;cursor:pointer;background:linear-gradient(#f5f8ff,#e0ecff);border:1px solid #8ab;padding:7px 6px;font-size:10px;font-weight:700;display:block}.ms-contact button:hover{color:#900050;background:linear-gradient(#ffe6f5,#ffcce8);border-color:#f6a}.ms-interests{border-collapse:collapse;width:100%;font-size:11px}.ms-interests th{text-align:right;vertical-align:top;color:#336;background:#f0f4ff;border-bottom:1px solid #cde;width:72px;padding:6px 8px;font-size:10px}.ms-interests td{color:#222;border-bottom:1px solid #eef;padding:6px 8px}.ms-top8-label{text-align:center;color:#c06;padding:6px 0 2px;font-family:Georgia,serif;font-size:12px;font-weight:800}.myspace-friends.top8{grid-template-columns:1fr 1fr;gap:10px 6px;padding:8px}.myspace-friend{position:relative}.myspace-friend-av{border:3px solid #fff;outline:2px solid #69c;width:72px;height:72px;font-size:16px;box-shadow:2px 2px #0000001f}.ms-friend-rank{color:#fff;background:#f39;border-radius:2px;padding:1px 4px;font-size:9px;font-weight:800;position:absolute;top:-2px;left:calc(50% - 40px)}.ms-friend-name{color:#03c;text-overflow:ellipsis;max-width:80px;font-size:10px;font-weight:700;text-decoration:underline;overflow:hidden}.ms-url-box{background:linear-gradient(#fff8fc,#fff);border-color:#f6a;padding:8px 10px}.ms-url{color:#333;font-size:12px}.ms-url-link{color:#03c;font-weight:700;text-decoration:underline}.ms-blurb{border-bottom:1px solid #eee;padding:8px 10px}.ms-blurb-h{color:#c06;margin-bottom:4px;font-family:Georgia,serif;font-size:12px;font-weight:800}.ms-blurb p{color:#222;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.5}.ms-detail-table{border-collapse:collapse;width:100%;font-size:11px}.ms-detail-table th{text-align:right;color:#930;background:#fff5ee;border-bottom:1px solid #fdd;width:100px;padding:5px 8px;font-size:10px}.ms-detail-table td{border-bottom:1px solid #f8f8f8;padding:5px 8px}.ms-comment-form{background:#fff8fc;border-bottom:1px solid #fcd;gap:8px;padding:10px;display:flex}.ms-comment-av{color:#fff;background:linear-gradient(135deg,#f6a,#69c);border:2px solid #fff;outline:1px solid #d6a;flex-shrink:0;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.ms-comment-input{flex-direction:column;flex:1;gap:6px;display:flex}.ms-comment-input input{font:inherit;border:1px solid #c9c;width:100%;padding:6px 8px}.ms-btn-save{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(#69f,#36c);border:1px solid #039;align-self:flex-start;padding:5px 12px;font-size:11px;font-weight:700}.ms-btn-save:hover{filter:brightness(1.08)}.ms-btn-cancel{font:inherit;cursor:pointer;background:#eee;border:1px solid #999;padding:5px 12px;font-size:11px}.ms-edit-label{color:#606;padding:6px 10px;font-size:11px;font-weight:700;display:block}.ms-edit-label input,.ms-edit-label textarea{width:100%;font:inherit;border:1px solid #c9c;margin-top:3px;padding:5px 6px;font-weight:400;display:block}.ms-edit-actions{gap:8px;padding:8px 10px 12px;display:flex}.ms-comments{margin:0;padding:0;list-style:none}.ms-comments li{border-bottom:1px solid #f0e0f0;gap:10px;padding:10px;display:flex}.ms-comments li:nth-child(2n){background:#fff8fc}.ms-comment-pic{color:#fff;border:2px solid #fff;outline:2px solid #f6a;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:13px;font-weight:800;display:grid}.ms-comment-body{flex:1;min-width:0}.ms-comment-head{justify-content:space-between;gap:8px;margin-bottom:4px;font-size:11px;display:flex}.ms-comment-head strong{color:#03c;text-decoration:underline}.ms-comment-head span{color:#888;font-size:10px}.ms-comment-body p{margin:0;font-size:12px;line-height:1.45}.ms-online-chip{background:#e8ffe8;border:1px solid #9c9;border-radius:10px;padding:2px 8px;font-size:11px}@media (width<=720px){.myspace-friends.top8{grid-template-columns:1fr 1fr}.ms-contact{grid-template-columns:1fr}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{margin:0}