*{box-sizing:border-box;margin:0;padding:0}body{font-family:Tahoma,Segoe UI,Verdana,sans-serif;font-size:11px;background:#3a6ea5}.desktop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;padding-bottom:34px;overflow:hidden;background:radial-gradient(ellipse 160% 65% at 50% 112%,#79c043 0%,#3d8f2f 55%,transparent 56%),linear-gradient(180deg,#2a63c8,#5d9be2 38%,#9cc7ef 58%,#cfe7fa 68%,#8fbde8)}.desktop-icons{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:18px}.desktop-icon{width:76px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px 2px;border-radius:3px}.desktop-icon:hover{background:#316ac566;outline:1px dotted rgba(255,255,255,.6)}.desktop-icon-img{font-size:30px;filter:drop-shadow(1px 2px 2px rgba(0,0,0,.4))}.desktop-icon-label{color:#fff;font-size:10px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.taskbar{position:absolute;left:0;right:0;bottom:0;height:30px;display:flex;align-items:stretch;background:linear-gradient(180deg,#3980f4,#245edb 9%,#245edb 82%,#1941a5);border-top:1px solid #0c2c84;z-index:100}.start-btn{display:flex;align-items:center;gap:5px;padding:0 16px 0 10px;background:linear-gradient(180deg,#5eac56,#3c873c 9%,#2d772d 82%,#1d5a1d);border-radius:0 10px 10px 0;color:#fff;font-size:14px;font-style:italic;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:pointer;box-shadow:2px 0 4px #0000004d}.start-orb{font-style:normal;font-size:14px}.task-item{display:flex;align-items:center;gap:5px;margin:3px 0 3px 10px;padding:0 12px;min-width:180px;background:linear-gradient(180deg,#4e91f0,#2a64cc);border:1px solid #1941a5;border-radius:3px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.4)}.task-tray{display:flex;align-items:center;gap:8px;margin-left:auto;padding:0 12px;background:linear-gradient(180deg,#1d9aed,#1290e0 9%,#0b83d4 82%,#095e9e);border-left:1px solid #0c2c84;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.4)}.msn-window{width:900px;height:700px;display:flex;flex-direction:column;background:linear-gradient(180deg,#ecf3fb,#d6e6f7);border:1px solid #4a76b8;border-radius:8px 8px 4px 4px;box-shadow:0 8px 30px #00000073;overflow:hidden}.shake{animation:shake .5s linear}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-8px,-4px)}20%{transform:translate(8px,4px)}30%{transform:translate(-8px,4px)}40%{transform:translate(8px,-4px)}50%{transform:translate(-6px,2px)}60%{transform:translate(6px,-2px)}70%{transform:translate(-4px,-2px)}80%{transform:translate(4px,2px)}90%{transform:translate(-2px,1px)}}.title-bar{display:flex;align-items:center;gap:6px;padding:5px 8px;background:linear-gradient(180deg,#5d96e0,#3a6ec2,#2c5aa8);color:#fff;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.4)}.title-text{flex:1}.title-clock{font-size:9px;font-weight:400;opacity:.85;margin-right:8px;white-space:nowrap}.title-buttons{display:flex;gap:3px}.tb{width:18px;height:16px;text-align:center;line-height:15px;font-size:10px;background:linear-gradient(180deg,#7aa9e8,#4a7cc8);border:1px solid #2c5aa8;border-radius:3px;cursor:default}.tb-close{background:linear-gradient(180deg,#e88a7a,#c84a3a);border-color:#a83a2c}.toolbar{display:flex;gap:14px;padding:6px 12px;background:linear-gradient(180deg,#fdfefe,#dce9f7);border-bottom:1px solid #b8cfe8}.tool{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:10px;color:#2c5aa8;cursor:pointer;padding:2px 4px;border-radius:3px}.tool:hover{background:#d6e6f7}.tool-icon{font-size:16px}.to-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;background:linear-gradient(180deg,#e8f1fb,#d0e2f5);border-bottom:1px solid #b8cfe8;color:#1a3a6b;gap:8px}.music-bar{display:flex;align-items:center;gap:5px;flex-shrink:0}.music-toggle{cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none}.volume-slider{width:60px;height:3px;cursor:pointer;accent-color:#3a6ec2}.music-scroll-wrap{width:180px;overflow:hidden;white-space:nowrap;font-size:10px;color:#2c5aa8}.music-scroll-text{display:inline-block}.music-scroll-text.scrolling{animation:marquee 14s linear infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.info-bar{padding:4px 10px;background:#fdf5d8;border-bottom:1px solid #e0d49a;color:#5a4a1a}.info-error{background:#fde0d8;border-bottom-color:#e0a49a;color:#7a2a1a}.main-area{flex:1;display:flex;padding:8px;gap:8px;min-height:0}.left-col{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.chat-area{flex:1;background:#fff;border:1px solid #99b4d1;border-radius:4px;padding:8px;overflow-y:auto;font-size:12px}.chat-hint{color:#999;font-style:italic}.msg{margin-bottom:8px}.msg-name{color:#2c5aa8;margin-bottom:1px}.msg-name.user{color:#8a2c2c}.msg-text{color:#000;white-space:pre-wrap;padding-left:0}.nudge-line{color:#888;font-style:italic;margin:6px 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;padding:3px 0}.typing-line{color:#888;font-style:italic}.format-strip{position:relative;display:flex;gap:6px;align-items:center;padding:4px 2px}.fmt-btn{cursor:pointer;font-size:14px;padding:1px 5px;border:1px solid transparent;border-radius:3px}.fmt-btn:hover{border-color:#99b4d1;background:#e8f1fb}.font-btn{font-weight:700;color:#2c5aa8;font-family:Georgia,serif}.emote-picker{position:absolute;bottom:30px;left:24px;background:#fff;border:1px solid #99b4d1;border-radius:4px;box-shadow:2px 3px 8px #00000040;padding:6px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;z-index:10}.emote{cursor:pointer;font-size:16px;padding:2px;border-radius:3px}.emote:hover{background:#d6e6f7}.input-row{display:flex;gap:6px;align-items:stretch}.input-box{flex:1;height:52px;resize:none;border:1px solid #99b4d1;border-radius:4px;padding:6px;font-family:inherit;font-size:12px}.input-box:focus{outline:1px solid #5d96e0}.send-btn{width:60px;background:linear-gradient(180deg,#fdfefe,#d6e6f7);border:1px solid #7da7d9;border-radius:4px;font-family:inherit;font-size:11px;color:#1a3a6b;cursor:pointer}.send-btn:hover:not(:disabled){background:linear-gradient(180deg,#fff,#e8f1fb)}.send-btn:disabled{opacity:.5;cursor:default}.right-col{width:242px;display:flex;flex-direction:column;align-items:center}.portrait-spacer{flex:1}.portrait-frame{position:relative;width:230px;height:185px;background:linear-gradient(180deg,#fdfefe,#dce9f7);border:1px solid #7da7d9;border-radius:6px;padding:4px;box-shadow:inset 0 0 4px #0000001a}.portrait-frame.clickable{cursor:pointer}.status-dot{position:absolute;left:8px;bottom:8px;width:12px;height:12px;border-radius:50%;background:#46c24a;border:2px solid #fff;animation:pulse-dot 1.6s ease-out infinite}.status-dot.offline{background:#9aa0a6;animation:none}@keyframes pulse-dot{0%{box-shadow:0 0 #46c24a99}70%{box-shadow:0 0 0 7px #46c24a00}to{box-shadow:0 0 #46c24a00}}.image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;cursor:pointer;z-index:200}.image-viewer img{max-width:80%;max-height:80%;border:3px solid #fff;border-radius:4px;box-shadow:0 8px 30px #0009}.portrait-img{width:100%;height:100%;object-fit:fill;border-radius:3px;background:#fff}@media(max-width:640px){.desktop{padding-bottom:0;background:#3a6ea5;align-items:stretch;overflow-y:auto}.desktop-icons,.taskbar{display:none}.msn-window{width:100%;min-height:100dvh;border:none;border-radius:0;box-shadow:none}.toolbar{gap:8px;padding:4px 8px;overflow-x:auto}.tool{white-space:nowrap}.toolbar,.to-bar,.info-bar{display:none}.main-area{flex:1;flex-direction:column;padding:6px;gap:6px;min-height:0}.left-col{flex:1 1 auto;min-height:0}.right-col{order:-1;width:100%;flex-direction:column;justify-content:center;align-items:center;flex:0 0 auto}.portrait-spacer,.user-portrait{display:none}.portrait-frame{width:230px;height:190px}.chat-area{flex:1 1 auto;min-height:180px;font-size:14px;overflow-y:auto;overscroll-behavior:contain}.fmt-btn{font-size:18px;padding:3px 8px}.emote-picker{bottom:38px}.emote{font-size:20px;padding:4px}.input-box{height:64px;font-size:16px}.send-btn{width:76px;font-size:14px}}