body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:url(/static/media/bg.1f17556718bfde10caa6.png) 50%/cover no-repeat;font-family:"MS Sans Serif","Microsoft Sans Serif",sans-serif;font-size:11px;overflow:hidden;-webkit-user-select:none;user-select:none}.App,body{min-height:100vh}.App,.desktop{position:relative}.desktop{background:url(/static/media/bg.1f17556718bfde10caa6.png) 50%/cover no-repeat;height:100vh;width:100vw}.desktop[style*=background]{background-image:none!important}.desktop-icons{height:100%;padding:10px;position:relative;width:100%}.desktop-icon{align-items:center;border-radius:2px;cursor:pointer;display:flex;flex-direction:column;padding:5px;position:absolute;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:80px}.desktop-icon:hover{background-color:#ffffff1a;transform:scale(1.05)}.desktop-icon:active{background-color:#0000001a;transform:scale(.95)}.desktop-icon.dragging{box-shadow:2px 2px 8px #0000004d;transform:scale(1.05);z-index:1000}.icon-image{align-items:center;display:flex;font-size:28px;height:60px;justify-content:center;margin-bottom:5px;width:60px}.emoji-nail-polish,.icon-image{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.emoji-nail-polish{filter:grayscale(.2) contrast(1.2);font-size:50px}.icon-label{color:#fff;font-size:11px;font-weight:700;line-height:1.2;margin:0 auto;max-width:80px;text-align:center;text-shadow:1px 1px 2px #000c;word-break:break-word}.taskbar{border-top:2px solid #fff;bottom:0;height:50px;justify-content:space-between;left:0;padding:0 15px;position:fixed;right:0;z-index:1000}.start-button,.taskbar{align-items:center;background:linear-gradient(180deg,silver,grey);display:flex;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.start-button{border:2px outset silver;cursor:pointer;font-size:14px;font-weight:700;height:35px;padding:8px 15px}.start-button:hover{background:linear-gradient(180deg,#d0d0d0,#909090)}.start-button:active,.taskbar-time{border:2px inset silver}.taskbar-time{background:linear-gradient(180deg,silver,grey);color:#000;font-size:14px;font-weight:700;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;padding:8px 12px}.window-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.win98-window{background:silver;border:2px outset silver;box-shadow:2px 2px 4px #00000080;max-height:90vh;max-width:90vw;min-width:400px;z-index:1001}.win98-window.dragging{box-shadow:4px 4px 12px #0009;z-index:1002}.window-titlebar{align-items:center;background:linear-gradient(90deg,navy,#00f);color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:space-between;padding:2px 4px}.window-title{flex:1 1;white-space:nowrap}.window-controls{display:flex;gap:2px}.close-btn,.maximize-btn,.minimize-btn{align-items:center;background:silver;border:1px outset silver;cursor:pointer;display:flex;font-size:10px;height:14px;justify-content:center;padding:0;width:16px}.close-btn:hover,.maximize-btn:hover,.minimize-btn:hover{background:#d0d0d0}.close-btn:active,.maximize-btn:active,.minimize-btn:active{border:1px inset silver}.close-btn{background:red;color:#fff}.close-btn:hover{background:#f33}.window-content{background:silver;max-height:calc(90vh - 40px);overflow-y:auto;padding:8px}.win98-content{background:#fff;border:1px inset silver;padding:16px}.app-icon{filter:grayscale(.2) contrast(1.2);font-size:64px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;margin-bottom:10px;text-align:center}.win98-form{display:flex;flex-direction:column;gap:12px}.form-group{gap:4px}.form-group label,.win98-input{font-size:11px}.win98-input{background:#fff;border:1px inset silver;font-family:"MS Sans Serif",sans-serif;padding:2px 4px}.win98-input:focus{border:1px inset #00f;outline:none}.win98-button{background:linear-gradient(180deg,silver,grey);border:1px outset silver;cursor:pointer;font-family:"MS Sans Serif",sans-serif;font-size:11px;min-width:60px;padding:2px 8px}.win98-button:hover{background:linear-gradient(180deg,#d0d0d0,#909090)}.win98-button:active{border:1px inset silver}.win98-button:disabled{background:#a0a0a0;color:#666;cursor:not-allowed}.win98-button.primary{background:linear-gradient(180deg,#00f,navy);border:1px outset #00f;color:#fff}.win98-button.primary:hover{background:linear-gradient(180deg,#33f,#339)}.button-group{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.handle-input-group{align-items:center;gap:8px}.handle-input-group .win98-input{flex:1 1}.error-message{color:red;font-size:10px;font-weight:700}.handle-hint{font-size:10px}.chat-window{height:500px;max-height:90vh;max-width:90vw;width:600px}.chat-room{border:1px inset silver;height:100%}.chat-container,.chat-main{overflow:hidden}.chat-main{display:flex;flex:1 1;flex-direction:column}.chat-header{background:silver;border-bottom:1px solid grey;gap:12px;padding:8px}.user-info{align-items:center;display:flex;gap:8px}.user-avatar{background:silver;border:1px inset silver;font-size:12px;height:24px;position:relative;width:24px}.notification-dot{background:red;border:1px solid #fff;border-radius:50%;box-shadow:0 0 4px #f009;height:8px;position:absolute;right:-2px;top:-2px;width:8px;z-index:10}.user-avatar.blinking{animation:blink .5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.user-info h3{font-size:11px;font-weight:700;margin:0}.user-info p{color:#666;font-size:10px;margin:0}.target-user-section{min-width:200px}.input-group{align-items:center;display:flex;gap:8px}.input-group label{font-size:10px;font-weight:700;white-space:nowrap}.target-user-info{font-size:10px;margin-top:4px}.target-user-name{display:block;font-weight:700}.user-status{margin-top:2px}.user-status.online{color:green}.user-status.offline{color:grey}.header-actions{display:flex;gap:4px}.chat-container{background:#fff;border:1px inset silver;display:flex;flex-direction:column;margin:8px;padding:8px}.message-list{flex:1 1;gap:8px;max-height:400px;min-height:0;overflow-y:auto;padding:8px;scrollbar-color:silver #f0f0f0;scrollbar-width:thin}.message-list::-webkit-scrollbar{width:12px}.message-list::-webkit-scrollbar-track{background:silver;border:1px inset silver}.message-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,silver,grey);border:1px outset silver;border-radius:2px}.message-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d0d0d0,#909090)}.message{margin-bottom:8px}.message-content{background:#f0f0f0;border:1px outset silver;font-size:11px;padding:6px 8px}.own-message .message-content{background:#e0e0ff;border:1px outset silver}.other-message .message-content{background:#f0f0f0;border:1px inset silver}.message-header{color:#666;font-size:9px;margin-bottom:4px}.sender-name{font-weight:700}.timestamp{font-size:8px}.message-text{font-size:11px;line-height:1.3}.original-text{background:#e0e0e0;border:1px inset silver;color:#666;font-size:9px;margin-top:4px;padding:4px 6px}.own-message .original-text{background:#d0d0ff}.typing-indicator{background:#f0f0f0;border:1px inset silver;font-size:10px;gap:6px;max-width:150px;padding:6px 8px}.typing-dots{gap:2px}.typing-dots span{background:#666;height:4px;width:4px}.typing-text{font-size:9px}.message-input-container{background:silver;border-top:1px solid grey;padding:8px}.message-form{gap:8px}.message-input{background:#fff;border:1px inset silver;font-family:"MS Sans Serif",sans-serif;font-size:11px;padding:4px 6px}.message-input:focus{border:1px inset #00f}.message-input:disabled{background:#e0e0e0;color:#666}.send-button{background:linear-gradient(180deg,silver,grey);border:1px outset silver;font-family:"MS Sans Serif",sans-serif;font-size:11px;min-width:50px;padding:4px 12px}.send-button:hover:not(:disabled){background:linear-gradient(180deg,#d0d0d0,#909090)}.send-button:active:not(:disabled){border:1px inset silver}.prompt-suggestion{margin-bottom:8px;position:relative}.prompt-trigger{background:linear-gradient(180deg,#ff6b6b,#ff5252);border:1px outset #ff6b6b;border-radius:3px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-family:"MS Sans Serif",sans-serif;font-size:10px;padding:6px 12px;text-align:center;transition:all .2s ease;width:100%}.prompt-trigger:hover:not(:disabled){background:linear-gradient(180deg,#ff5252,#ff1744);box-shadow:0 3px 6px #0000004d}.prompt-trigger:active:not(:disabled){border:1px inset #ff6b6b;box-shadow:0 1px 2px #0003}.prompt-trigger:disabled{background:#ccc;border:1px outset #ccc;color:#666;cursor:not-allowed}.prompt-popup{background:silver;border:2px outset silver;border-radius:4px;bottom:100%;box-shadow:0 4px 8px #0000004d;left:0;margin-bottom:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;z-index:1000}.prompt-header{align-items:center;background:linear-gradient(180deg,#4a90e2,#357abd);border-bottom:1px solid #357abd;color:#fff;display:flex;font-size:10px;font-weight:700;justify-content:space-between;padding:8px 12px}.close-prompt{background:none;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:14px;padding:2px 6px}.close-prompt:hover{background:#fff3}.prompt-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr;max-height:150px;overflow-y:auto;padding:8px}.prompt-option{word-wrap:break-word;background:linear-gradient(180deg,#f0f0f0,#e0e0e0);border:1px outset silver;border-radius:2px;cursor:pointer;font-family:"MS Sans Serif",sans-serif;font-size:10px;padding:6px 8px;text-align:left;transition:all .1s ease;white-space:normal}.prompt-option:hover{background:linear-gradient(180deg,#e8f4fd,#d0e8fd);border:1px outset #4a90e2;color:#2c5aa0}.prompt-option:active{background:linear-gradient(180deg,#d0d0d0,silver);border:1px inset silver}.send-button:disabled{background:#a0a0a0;color:#666}.floating-phone{cursor:grab;-webkit-user-select:none;user-select:none;z-index:999}.floating-phone.dragging{cursor:grabbing;z-index:1000}.floating-phone:not(.dragging){animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-15px) rotate(1deg)}50%{transform:translateY(-8px) rotate(0deg)}75%{transform:translateY(-20px) rotate(-1deg)}}.nokia-phone{border:3px solid #ff69b4;border-radius:25px 25px 20px 20px;box-shadow:0 10px 20px #ff69b480,inset 0 2px 0 #ffffff4d,inset 0 -2px 0 #ff14934d;height:250px;position:relative;width:150px}.nokia-phone,.nokia-phone:before{background:linear-gradient(145deg,#ff69b4,#ff1493)}.nokia-phone:before{border-radius:2px;box-shadow:0 2px 4px #ff69b44d;content:"";height:12px;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:4px}.phone-screen{background:#000;border:2px solid #333;border-radius:10px;height:75px;margin:15px auto;overflow:hidden;position:relative;width:120px}.phone-screen:before{background:#333;border-radius:2px;box-shadow:inset 0 1px 2px #00000080;content:"";height:4px;left:50%;position:absolute;top:-6px;transform:translateX(-50%);width:30px}.screen-content{align-items:center;color:#0f0;display:flex;font-size:12px;justify-content:space-between;left:4px;position:absolute;right:4px;top:3px}.signal-bars{display:flex;gap:1px}.signal-bars .bar{background:#0f0;height:8px;width:3px}.battery{font-size:10px}.screen-text{bottom:3px;font-size:10px;left:4px;right:4px;text-align:center}.screen-text,.screen-time{color:#0f0;font-weight:700;position:absolute}.screen-time{font-size:14px;left:50%;top:50%;transform:translate(-50%,-50%)}.phone-keypad{display:flex;flex-direction:column;gap:4px;height:150px;justify-content:space-between;padding:8px;position:relative}.phone-keypad:before{background:linear-gradient(145deg,#ff69b4,#ff1493);border:2px solid #ff69b4;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #ff69b44d,inset 0 1px 0 #fff3;content:"";height:30px;width:30px;z-index:10}.phone-keypad:after,.phone-keypad:before{left:50%;position:absolute;transform:translateX(-50%)}.phone-keypad:after{background:linear-gradient(145deg,#ff1493,#dc143c);border:1px solid #ff1493;border-radius:50%;bottom:8px;color:#fff;content:"OK";font-size:6px;font-weight:700;height:16px;width:16px;z-index:11}.key-row,.phone-keypad:after{align-items:center;display:flex;justify-content:center}.key-row{flex:1 1;gap:4px}.key{align-items:center;background:linear-gradient(145deg,#ff69b4,#ff1493);border:2px solid #ff69b4;border-radius:6px;box-shadow:0 2px 4px #ff69b44d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:monospace;font-size:13px;font-weight:700;height:30px;justify-content:center;position:relative;transition:all .1s;width:30px}.key[data-key="1"]:after{content:""}.key[data-key="2"]:after{content:"ABC"}.key[data-key="2"]:after,.key[data-key="3"]:after{bottom:-6px;color:#fff;font-size:5px;position:absolute}.key[data-key="3"]:after{content:"DEF"}.key[data-key="4"]:after{content:"GHI"}.key[data-key="4"]:after,.key[data-key="5"]:after{bottom:-6px;color:#fff;font-size:5px;position:absolute}.key[data-key="5"]:after{content:"JKL"}.key[data-key="6"]:after{content:"MNO"}.key[data-key="6"]:after,.key[data-key="7"]:after{bottom:-6px;color:#fff;font-size:5px;position:absolute}.key[data-key="7"]:after{content:"PQRS"}.key[data-key="8"]:after{content:"TUV"}.key[data-key="8"]:after,.key[data-key="9"]:after{bottom:-6px;color:#fff;font-size:5px;position:absolute}.key[data-key="9"]:after{content:"WXYZ"}.key[data-key="#"]:after,.key[data-key="*"]:after,.key[data-key="0"]:after{content:""}.key:hover{background:linear-gradient(145deg,#ff1493,#ff69b4);box-shadow:0 3px 6px #ff69b480,inset 0 1px 0 #ffffff4d;transform:scale(.95)}.key:active{background:linear-gradient(145deg,#ff1493,#dc143c);box-shadow:0 1px 2px #ff69b44d,inset 0 1px 0 #ffffff1a;transform:scale(.9)}.settings-window{height:400px;max-height:90vh;max-width:90vw;width:500px}.settings-sections{display:flex;flex-direction:column;gap:20px;height:100%;overflow-y:auto}.settings-section{background:#f0f0f0;border:1px inset silver;padding:12px}.settings-section h3{color:#000;font-size:12px;font-weight:700;margin:0 0 10px}.settings-section h4{color:#333;font-size:10px;font-weight:700;margin:8px 0 5px}.slider-container{align-items:center;display:flex;gap:10px}.win98-slider{-webkit-appearance:none;background:silver;border:1px inset silver;flex:1 1;height:20px;outline:none}.win98-slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(180deg,silver,grey);border:1px outset silver;cursor:pointer;height:16px;width:20px}.win98-slider::-moz-range-thumb{background:linear-gradient(180deg,silver,grey);border:1px outset silver;border-radius:0;cursor:pointer;height:16px;width:20px}.slider-value{font-size:10px;font-weight:700;min-width:30px;text-align:center}.color-options{margin-bottom:15px}.color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:8px}.color-option{border:2px outset silver;cursor:pointer;height:30px;transition:all .1s;width:40px}.color-option:hover{border:2px inset silver;transform:scale(1.05)}.color-option:active{border:2px inset grey;transform:scale(.95)}.pattern-options{margin-bottom:15px}.pattern-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(2,1fr);margin-top:8px}.pattern-option{background:linear-gradient(180deg,silver,grey);border:1px outset silver;cursor:pointer;font-size:9px;padding:6px 8px;text-align:center}.pattern-option:hover{background:linear-gradient(180deg,#d0d0d0,#909090)}.pattern-option:active{border:1px inset silver}.upload-section{margin-top:10px}.win98-file-input{display:none}.win98-file-input+label{background:linear-gradient(180deg,silver,grey);border:1px outset silver;cursor:pointer;display:inline-block;font-size:10px;margin-top:5px;padding:4px 8px}.win98-file-input+label:hover{background:linear-gradient(180deg,#d0d0d0,#909090)}.win98-file-input+label:active{border:1px inset silver}.upload-container{display:flex;flex-direction:column;gap:8px}.upload-button{background:linear-gradient(180deg,silver,grey);border:1px outset silver;cursor:pointer;display:inline-block;font-size:10px;padding:6px 12px;text-align:center;width:-webkit-fit-content;width:fit-content}.upload-button:hover{background:linear-gradient(180deg,#d0d0d0,#909090)}.upload-button:active{border:1px inset silver}.upload-info{color:#666;font-size:8px;margin-top:4px}.image-preview{background:#f8f8f8;border:1px inset silver;margin-top:10px;padding:8px}.image-preview h5{color:#000;font-size:10px;font-weight:700;margin:0 0 8px}.preview-image{background:#000;border:1px solid grey;height:60px;margin:5px 0;width:100px}.win98-button.small{font-size:8px;margin-top:5px;padding:3px 6px}.available-images-section{margin-bottom:15px}.image-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:8px}.image-option{align-items:center;background:linear-gradient(180deg,#f0f0f0,#e0e0e0);border:1px outset silver;cursor:pointer;display:flex;flex-direction:column;padding:8px;transition:all .1s}.image-option:hover{background:linear-gradient(180deg,#f8f8f8,#e8e8e8);transform:scale(1.02)}.image-option:active{border:1px inset silver;transform:scale(.98)}.image-thumbnail{background:#000;border:1px solid grey;height:40px;margin-bottom:4px;width:60px}.image-name{color:#000;font-size:8px;font-weight:700;max-width:80px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.emoji-board{background:linear-gradient(180deg,#f0f0f0,#e0e0e0);border:2px outset silver;border-radius:8px;bottom:60px;box-shadow:0 4px 8px #0000004d;left:50%;max-width:400px;opacity:0;padding:15px;position:fixed;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;z-index:2000}.emoji-board.active{opacity:1;visibility:visible}.emoji-board-header{align-items:center;border-bottom:1px solid silver;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.emoji-board-header h3{color:#000;font-size:12px;font-weight:700;margin:0}.close-board-btn{align-items:center;background:linear-gradient(180deg,#ff6b6b,#ff5252);border:1px outset #ff6b6b;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.close-board-btn:hover{background:linear-gradient(180deg,#ff5252,#ff1744)}.close-board-btn:active{border:1px inset #ff6b6b}.emoji-instruction{background:linear-gradient(180deg,#f8f8f8,#e8e8e8);border:1px inset silver;border-radius:2px;color:#666;font-family:Courier New,monospace;font-size:10px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;margin:8px 0;padding:4px;text-align:center}.emoji-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(10,1fr);max-height:200px;overflow-y:auto}.emoji-option{align-items:center;background:linear-gradient(180deg,#fff,#f0f0f0);border:1px outset silver;border-radius:3px;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .1s;width:40px}.emoji-option:hover{background:linear-gradient(180deg,#f8f8f8,#e8e8e8);transform:scale(1.1)}.emoji-option:active{border:1px inset silver;transform:scale(.95)}.floating-emoji{font-size:32px;pointer-events:none;position:fixed;-webkit-user-select:none;user-select:none;z-index:1000}@keyframes floatEmoji{0%{opacity:1;transform:translateY(0) rotate(0deg) scale(.5)}25%{opacity:.9;transform:translateY(-30px) rotate(90deg) scale(.8)}50%{opacity:.8;transform:translateY(-60px) rotate(180deg) scale(1)}75%{opacity:.6;transform:translateY(-80px) rotate(270deg) scale(.8)}to{opacity:0;transform:translateY(-120px) rotate(1turn) scale(.3)}}.login-container{min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.login-card h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:10px}.login-card p{color:#666;font-size:1.1rem;margin-bottom:30px}.name-input{border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;margin-bottom:20px;padding:15px 20px;transition:border-color .3s ease;width:100%}.name-input:focus{border-color:#667eea;outline:none}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;font-size:1.1rem;font-weight:600;padding:15px;transition:transform .2s ease;width:100%}.login-button:hover{transform:translateY(-2px)}.chat-room{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;height:80vh;max-width:800px;overflow:hidden;width:100%}.chat-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:20px}.user-info h2{font-size:1.5rem;margin-bottom:5px}.user-info p{font-size:.9rem;opacity:.9}.target-user-section{flex:1 1;max-width:300px}.target-user-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:8px;color:#fff;font-size:.9rem;padding:10px 15px;width:100%}.target-user-input::placeholder{color:#ffffffb3}.logout-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .3s ease}.logout-button:hover{background:#ffffff4d}.chat-container{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:20px}.message-list{display:flex;flex-direction:column;gap:15px}.message{display:flex;margin-bottom:15px}.own-message{justify-content:flex-end}.other-message{justify-content:flex-start}.message-content{border-radius:20px;max-width:70%;padding:15px 20px;position:relative}.own-message .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:5px;color:#fff}.other-message .message-content{background:#fff;border-bottom-left-radius:5px;box-shadow:0 2px 10px #0000001a;color:#333}.message-header{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:8px;opacity:.8}.sender-name{font-weight:600}.message-text{font-size:1rem;line-height:1.4}.original-text{background:#ffffff1a;border-radius:8px;border-top:1px solid #fff3;font-size:.85rem;font-style:italic;margin-top:8px;opacity:.7;padding:6px 10px}.other-message .original-text{background:#0000000d;border-top-color:#0000001a}.typing-indicator{align-items:center;background:#fff;border-radius:20px;border-bottom-left-radius:5px;box-shadow:0 2px 10px #0000001a;display:flex;gap:10px;max-width:200px;padding:15px 20px}.typing-dots{display:flex;gap:4px}.typing-dots span{animation:typing 1.4s ease-in-out infinite;background:#667eea;border-radius:50%;height:8px;width:8px}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.typing-text{color:#666;font-size:.9rem;font-style:italic}.message-input-container{background:#fff;border-top:1px solid #e1e5e9;padding:20px}.message-form{align-items:center;display:flex;gap:10px}.message-input{border:2px solid #e1e5e9;border-radius:25px;flex:1 1;font-size:1rem;padding:15px 20px;transition:border-color .3s ease}.message-input:focus{border-color:#667eea;outline:none}.message-input:disabled{background:#f8f9fa;color:#999}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:15px 25px;transition:transform .2s ease}.send-button:hover:not(:disabled){transform:translateY(-2px)}.send-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.handle-section{margin-bottom:20px}.handle-input-group{display:flex;gap:10px;margin-bottom:10px}.handle-input{border:2px solid #e1e5e9;border-radius:10px;flex:1 1;font-size:1rem;padding:15px 20px;transition:border-color .3s ease}.handle-input:focus{border-color:#667eea;outline:none}.generate-handle-button{background:#f8f9fa;border:2px solid #667eea;border-radius:10px;color:#667eea;cursor:pointer;font-weight:600;padding:15px 20px;transition:all .3s ease;white-space:nowrap}.generate-handle-button:hover:not(:disabled){background:#667eea;color:#fff}.generate-handle-button:disabled{cursor:not-allowed;opacity:.6}.handle-hint,.pin-hint{color:#666;font-size:.9rem;font-style:italic;margin:5px 0}.error-message{color:#e74c3c;font-size:.9rem;margin:5px 0}.target-user-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;gap:5px;margin-top:10px;padding:10px}.target-user-name{font-size:.9rem;font-weight:600}.user-status{border-radius:12px;font-size:.8rem;padding:2px 8px}.target-user-info{background:#0000000d;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;gap:4px;margin-top:8px;padding:8px}.target-user-name{color:#333;font-size:12px;font-weight:500}.user-status{font-size:11px}@media (max-width:768px){.chat-room{border-radius:0;height:100vh}.chat-header{align-items:stretch;flex-direction:column;gap:10px}.target-user-section{max-width:none}.message-content{max-width:85%}.login-card{margin:20px;padding:30px 20px}.login-card h1{font-size:2rem}.handle-input-group{flex-direction:column}.generate-handle-button{width:100%}.previous-handles-list{max-height:120px}.previous-handle-item{padding:3px}.handle-name{font-size:11px}.handle-user{font-size:9px}.login-button{font-size:9px;height:18px;min-width:45px;padding:2px 6px}.existing-handle-section{padding:8px}.existing-handle-text{font-size:11px}.login-existing-button{font-size:11px;padding:4px 8px}.chat-sidebar{width:200px}.chat-avatar{font-size:14px;height:28px;width:28px}.chat-name{font-size:10px}.chat-handle,.chat-preview{font-size:8px}.vibe-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.vibe-option{padding:8px}.vibe-emoji{font-size:20px}.vibe-name{font-size:11px}.vibe-desc{font-size:9px}}.previous-handles-section{margin-top:10px}.previous-handles-toggle{font-size:12px;margin-bottom:10px;padding:6px 10px;width:100%}.previous-handles-list{background:#f0f0f0;border:1px inset silver;max-height:150px;overflow-y:auto;padding:5px}.previous-handle-item{align-items:center;background:linear-gradient(180deg,#fff,#f0f0f0);border:1px outset silver;border-radius:2px;display:flex;justify-content:space-between;margin-bottom:3px;padding:5px}.previous-handle-item:hover{background:linear-gradient(180deg,#f8f8f8,#e8e8e8)}.handle-info{display:flex;flex:1 1;flex-direction:column}.handle-name{color:#000;font-size:12px;font-weight:700}.handle-user{color:#666;font-size:10px;font-style:italic}.login-button{font-size:10px;height:20px;min-width:50px;padding:3px 8px}.login-button:hover{background:linear-gradient(180deg,#4caf50,#45a049);color:#fff}.existing-handle-section{background:linear-gradient(180deg,#fff3cd,#ffeaa7);border:1px outset #ffc107;border-radius:3px;margin-top:10px;padding:10px;text-align:center}.login-existing-button{background:linear-gradient(180deg,#28a745,#20c997);border:1px outset #28a745;color:#fff;font-size:12px;font-weight:700;padding:6px 12px;width:100%}.login-existing-button:hover{background:linear-gradient(180deg,#20c997,#17a2b8);border:1px outset #20c997}.login-existing-button:disabled{background:linear-gradient(180deg,#6c757d,#5a6268);border:1px outset #6c757d;cursor:not-allowed}.chat-sidebar{background:linear-gradient(180deg,#f0f0f0,#e0e0e0);border-right:1px inset silver;display:flex;flex-direction:column;overflow:hidden;width:250px}.sidebar-header{align-items:center;background:linear-gradient(180deg,silver,#a0a0a0);border-bottom:1px solid grey;display:flex;justify-content:space-between;padding:8px 12px}.sidebar-header h3{color:#000;font-size:12px;font-weight:700;margin:0}.close-sidebar-btn{align-items:center;background:linear-gradient(180deg,#ff6b6b,#ff5252);border:1px outset #ff6b6b;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-size:10px;height:18px;justify-content:center;width:18px}.close-sidebar-btn:hover{background:linear-gradient(180deg,#ff5252,#ff1744)}.sidebar-content{flex:1 1;overflow-y:auto;padding:5px}.no-chats{color:#666;padding:20px 10px;text-align:center}.no-chats p{font-size:12px;margin:0 0 5px}.no-chats small{color:#999;font-size:10px}.chat-list{display:flex;flex-direction:column;gap:2px}.chat-item{align-items:center;background:linear-gradient(180deg,#fff,#f8f8f8);border:1px outset silver;border-radius:3px;cursor:pointer;display:flex;padding:8px;transition:all .1s ease}.chat-item:hover{background:linear-gradient(180deg,#f8f8f8,#e8e8e8);border:1px outset #d0d0d0}.chat-item.active{background:linear-gradient(180deg,#4caf50,#45a049);border:1px outset #4caf50;color:#fff}.chat-avatar{align-items:center;background:linear-gradient(180deg,#e0e0e0,silver);border:1px outset silver;border-radius:3px;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;margin-right:8px;width:32px}.chat-info{flex:1 1;min-width:0}.chat-name{color:#000;font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item.active .chat-name{color:#fff}.chat-handle{color:#666;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item.active .chat-handle{color:#fffc}.chat-preview{color:#999;font-size:9px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item.active .chat-preview{color:#ffffffb3}.vibe-selector{background:linear-gradient(180deg,#f0f0f0,#e0e0e0);border:1px inset silver;border-radius:5px;box-shadow:2px 2px 8px #0000001a;margin:10px;padding:15px}.vibe-selector-header{align-items:center;border-bottom:1px solid silver;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.vibe-selector-header h3{color:#000;font-size:14px;font-weight:700;margin:0}.close-vibe-btn{align-items:center;background:linear-gradient(180deg,#ff6b6b,#ff5252);border:1px outset #ff6b6b;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.close-vibe-btn:hover{background:linear-gradient(180deg,#ff5252,#ff1744)}.vibe-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.vibe-option{align-items:center;background:linear-gradient(180deg,#fff,#f8f8f8);border:1px outset silver;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:12px;text-align:center;transition:all .2s ease}.vibe-option:hover{background:linear-gradient(180deg,#f8f8f8,#e8e8e8);border:1px outset #d0d0d0;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.vibe-option.active{background:linear-gradient(180deg,#4caf50,#45a049);border:1px outset #4caf50;box-shadow:0 4px 12px #4caf504d;color:#fff;transform:translateY(-2px)}.vibe-emoji{font-size:24px;margin-bottom:5px}.vibe-name{font-size:12px;font-weight:700;margin-bottom:3px}.vibe-desc{font-size:10px;line-height:1.2;opacity:.8}.vibe-button{background:linear-gradient(180deg,gold,orange);border:1px outset gold;color:#000;font-weight:700}.vibe-button:hover{background:linear-gradient(180deg,orange,#ff8c00)}@media (max-width:768px){.desktop{padding:10px}.desktop-icons{padding:5px}.desktop-icon{padding:3px;width:60px}.icon-image{font-size:20px;height:40px;margin-bottom:3px;width:40px}.icon-label{font-size:9px;max-width:60px}.emoji-nail-polish{font-size:30px}.emoji-board-icon,.internet-explorer,.my-computer,.notepad,.recycle-bin,.settings-icon{font-size:20px}.taskbar{height:40px;padding:0 10px}.start-button{font-size:12px;height:28px;padding:6px 10px}.taskbar-time{font-size:12px;padding:6px 8px}.start-menu{bottom:40px;width:250px}.emoji-board{bottom:50px;left:50%;max-width:350px;transform:translateX(-50%);width:90vw}.emoji-grid{gap:3px;grid-template-columns:repeat(8,1fr)}.emoji-option{font-size:18px;height:30px;width:30px}.floating-emoji{font-size:24px}.nokia-phone{height:70px;width:40px}.phone-screen{height:25px;width:35px}.credits{padding:5px;right:10px;top:10px}.credits-content{font-size:8px}.credit-line{margin-bottom:1px}}@media (max-width:480px){.desktop-icon{width:50px}.icon-image{font-size:18px;height:35px;width:35px}.icon-label{font-size:8px;max-width:50px}.emoji-nail-polish{font-size:25px}.emoji-board-icon,.internet-explorer,.my-computer,.notepad,.recycle-bin,.settings-icon{font-size:18px}.taskbar{height:35px}.start-button{font-size:10px;height:25px;padding:4px 8px}.taskbar-time{font-size:10px;padding:4px 6px}.start-menu{width:200px}.emoji-board{max-width:300px;width:95vw}.emoji-grid{grid-template-columns:repeat(6,1fr)}.emoji-option{font-size:14px;height:25px;width:25px}.floating-emoji{font-size:22px}.nokia-phone{height:60px;width:35px}.phone-screen{height:20px;width:30px}}@media (hover:none) and (pointer:coarse){.desktop-icon:hover{background-color:initial;transform:none}.desktop-icon:active{background-color:#ffffff1a;transform:scale(.95)}.start-button:hover{background:linear-gradient(180deg,silver,grey)}.start-button:active{border:2px inset silver}}.start-menu{background:linear-gradient(180deg,#f0f0f0,#e0e0e0);border:2px outset silver;bottom:50px;box-shadow:2px 2px 8px #0000004d;display:flex;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;left:0;position:fixed;width:300px;z-index:2000}.start-menu-left{align-items:center;background:linear-gradient(180deg,grey,#404040);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:10px 5px;width:40px}.windows-logo{font-size:10px;font-weight:700;margin-bottom:10px;text-orientation:mixed;transform:rotate(180deg);writing-mode:vertical-rl}.start-button-mini{background:linear-gradient(180deg,#4caf50,#45a049);border:1px outset #4caf50;border-radius:2px;font-size:8px;font-weight:700;padding:2px 4px}.start-menu-content{flex:1 1;padding:10px 0}.menu-section{padding:0 5px}.menu-item{align-items:center;color:#000;cursor:pointer;display:flex;font-size:11px;padding:4px 8px;transition:background .1s}.menu-item:hover{background:linear-gradient(90deg,#316ac5,#4a90e2);color:#fff}.menu-icon{align-items:center;display:flex;font-size:12px;height:16px;justify-content:center;margin-right:8px;width:16px}.menu-arrow{color:#666;font-size:8px;margin-left:auto}.menu-separator{background:silver;height:1px;margin:5px 0}.credits{background:linear-gradient(180deg,#000,#333);border:2px outset #666;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;padding:10px;position:fixed;right:20px;top:20px;z-index:1500}.credits-content{color:#0f0;font-family:Courier New,monospace;font-size:10px;line-height:1.2;text-shadow:0 0 5px #0f0}.credit-line{font-weight:700;margin-bottom:2px}.desktop-icon .icon-image{transition:all .2s ease}.desktop-icon:hover .icon-image{transform:scale(1.1)}.desktop-icon:active .icon-image{transform:scale(.9)}.emoji-board-icon,.internet-explorer,.my-computer,.notepad,.recycle-bin,.settings-icon{filter:grayscale(.1) contrast(1.1);font-size:28px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.search-window{font-family:"MS Sans Serif",sans-serif}.search-container{background:#fff;min-height:400px;padding:20px;text-align:center}.search-logo{margin-bottom:30px}.logo-text{color:#4285f4;font-size:48px;font-weight:700;margin-bottom:5px;text-shadow:1px 1px 2px #0000001a}.logo-subtitle{color:#666;font-size:18px;font-weight:400}.search-form{margin-bottom:30px}.search-input-container{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:20px}.search-input{background:#fff;border:2px outset silver;font-family:"MS Sans Serif",sans-serif;font-size:16px;height:40px;padding:0 15px;width:400px}.search-input:focus{border:2px inset #00f;outline:none}.search-button{background:linear-gradient(180deg,#4285f4,#3367d6);border:2px outset #4285f4;color:#fff;cursor:pointer;font-family:"MS Sans Serif",sans-serif;font-size:14px;font-weight:700;height:40px;padding:0 20px}.search-button:hover:not(:disabled){background:linear-gradient(180deg,#3367d6,#2c5aa0)}.search-button:active:not(:disabled){border:2px inset #4285f4}.search-button:disabled{background:#ccc;border:2px outset #ccc;cursor:not-allowed}.search-results{margin:0 auto;max-width:600px;text-align:left}.results-header{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:10px}.results-header p{color:#666;font-size:14px;margin:0}.search-result{background:#fafafa;border:1px solid #f0f0f0;margin-bottom:25px;padding:10px}.result-title{font-size:16px;margin:0 0 5px}.result-title a{color:#1a0dab;text-decoration:none}.result-title a:hover{text-decoration:underline}.result-url{color:#006621;font-size:14px;margin:0 0 8px}.result-description{color:#545454;font-size:14px;line-height:1.4;margin:0}.welcome-message{padding:40px 20px;text-align:center}.welcome-message h2{color:#4285f4;font-size:24px;margin-bottom:15px}.welcome-message p{color:#666;font-size:16px;margin-bottom:30px}.feature-list{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.feature-item{background:linear-gradient(180deg,#f8f9fa,#e8e9ea);border:1px outset silver;border-radius:5px;color:#333;font-size:14px;min-width:150px;padding:15px 20px}.loading-container{padding:40px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4285f4;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#666;font-size:16px}.notepad-window{font-family:Courier New,monospace}.notepad-content{background:#fff;border:1px inset silver;height:calc(100% - 30px);overflow:hidden;padding:0}.notepad-text{background:#fff;box-sizing:border-box;color:#000;font-size:13px;height:100%;line-height:1.5;max-height:100%;overflow-y:auto;padding:15px}.notepad-text h1{color:#00f;font-size:18px;font-weight:700;margin:10px 0}.notepad-text h2{color:#00f;font-size:16px;font-weight:700;margin:15px 0 8px}.notepad-text h3{color:#00f;font-size:14px;font-weight:700;margin:12px 0 6px}.notepad-text p{color:#000;margin:8px 0}.notepad-text ul{margin:8px 0;padding-left:20px}.notepad-text li{color:#000;margin:4px 0}.notepad-text strong{color:#000;font-weight:700}.notepad-text em{color:#666;font-style:italic}.notepad-text::-webkit-scrollbar{width:12px}.notepad-text::-webkit-scrollbar-track{background:silver;border:1px inset silver}.notepad-text::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e0e0e0,silver);border:1px outset silver;border-radius:0}.notepad-text::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f0f0f0,#d0d0d0)}.notepad-text::-webkit-scrollbar-corner{background:silver}@media (max-width:768px){.nokia-phone{height:170px;width:100px}.phone-screen{height:50px;width:85px}.key{font-size:10px;height:20px;width:20px}.phone-keypad{height:100px;padding:4px}.phone-keypad:before{height:25px;width:25px}.phone-keypad:after{font-size:5px;height:14px;width:14px}}@media (max-width:480px){.nokia-phone{height:140px;width:80px}.phone-screen{height:40px;width:70px}.key{font-size:9px;height:18px;width:18px}.phone-keypad{height:80px;padding:3px}.key-row{gap:2px}}.call-button-row{margin-top:5px}.call-button,.call-button-row{display:flex;justify-content:center}.call-button{align-items:center;background:linear-gradient(145deg,#4caf50,#45a049);border:2px solid #4caf50;border-radius:12px;color:#fff;cursor:pointer;font-size:10px;font-weight:700;height:25px;transition:all .1s;width:50px}.call-button:hover{background:linear-gradient(145deg,#45a049,#3d8b40);transform:scale(1.05)}.call-button:active{transform:scale(.95)}.website-popup{background:#fff;border:3px outset silver;border-radius:8px;box-shadow:0 12px 24px #0006;height:600px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:800px;z-index:2000}.popup-header{align-items:center;background:linear-gradient(180deg,silver,#a0a0a0);border-bottom:2px solid grey;border-radius:6px 6px 0 0;display:flex;justify-content:space-between;padding:10px 15px}.popup-header h3{color:#000;font-size:14px;font-weight:700;margin:0}.close-popup{align-items:center;background:linear-gradient(180deg,#ff6b6b,#ff5252);border:2px outset #ff6b6b;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;width:22px}.close-popup:hover{background:linear-gradient(180deg,#ff5252,#ff1744)}.popup-content{background:#f0f0f0;height:calc(100% - 50px);overflow:hidden}.website-iframe{background:#fff;border:none;height:100%;width:100%}.login-container{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:3000}.login-window{background:linear-gradient(145deg,#f0f0f0,#e0e0e0);border:3px outset silver;border-radius:12px;box-shadow:0 8px 16px #0000004d;padding:35px;position:relative;width:420px}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#ff69b4;font-size:28px;margin:0 0 10px;text-shadow:2px 2px 4px #0000004d}.login-header p{color:#666;font-size:14px;margin:0}.close-login{align-items:center;background:linear-gradient(180deg,#ff6b6b,#ff5252);border:2px outset #ff6b6b;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:15px;top:15px;width:24px}.close-login:hover{background:linear-gradient(180deg,#ff5252,#ff1744)}.login-form{gap:22px;margin-bottom:10px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:700}.login-input{background:#fff;border:2px inset silver;border-radius:6px;color:#333;font-size:16px;padding:12px}.login-input:focus{border-color:#ff69b4;box-shadow:0 0 5px #ff69b44d;outline:none}.code-input{font-family:monospace;font-size:18px;letter-spacing:2px;text-align:center}.login-button{align-items:center;background:linear-gradient(145deg,#ff69b4,#ff1493);border:2px outset #ff69b4;border-radius:8px;box-shadow:0 3px 6px #ff69b44d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;line-height:1.2;margin-top:5px;padding:14px 28px;text-align:center;transition:all .2s}.login-button:hover:not(:disabled){background:linear-gradient(145deg,#ff1493,#dc143c);box-shadow:0 5px 10px #ff69b466;transform:translateY(-2px)}.login-button:disabled{background:#ccc;border-color:#999;cursor:not-allowed}.error-message{background:#ffebee;border:1px solid #f44336;border-radius:4px;color:#d32f2f;font-size:14px;padding:10px;text-align:center}.login-footer{border-top:1px solid #ddd;margin-top:25px;padding-top:20px;text-align:center}.login-footer p{color:#666;font-size:13px;font-weight:500;margin:0 0 12px}.signup-button{align-items:center;background:linear-gradient(145deg,#6c5ce7,#5f3dc4);border:2px outset #6c5ce7;border-radius:8px;box-shadow:0 2px 4px #6c5ce74d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;justify-content:center;line-height:1.2;min-width:180px;padding:10px 20px;text-align:center;transition:all .2s}.signup-button:hover{background:linear-gradient(145deg,#5f3dc4,#4c63d2);box-shadow:0 4px 8px #6c5ce766;transform:translateY(-1px)}.setup-container{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:3000}.setup-window{background:linear-gradient(145deg,#f0f0f0,#e0e0e0);border:3px outset silver;border-radius:12px;box-shadow:0 8px 16px #0000004d;padding:30px;width:500px}.setup-header{margin-bottom:30px;text-align:center}.setup-header h1{color:#ff69b4;font-size:28px;margin:0 0 10px;text-shadow:2px 2px 4px #0000004d}.setup-header p{color:#666;font-size:14px;margin:0 0 20px}.close-setup{align-items:center;background:linear-gradient(180deg,#ff6b6b,#ff5252);border:2px outset #ff6b6b;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:15px;top:15px;width:24px}.close-setup:hover{background:linear-gradient(180deg,#ff5252,#ff1744)}.progress-bar{background:#ddd;border:1px inset silver;border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#ff69b4,#ff1493);height:100%;transition:width .3s ease}.step-indicator{color:#666;font-size:12px;margin:0}.setup-content{margin-bottom:30px}.setup-step h2{color:#333;font-size:20px;margin:0 0 10px}.setup-step p{color:#666;font-size:14px;margin:0 0 20px}.setup-input{background:#fff;border:2px inset silver;border-radius:6px;box-sizing:border-box;color:#333;font-size:16px;padding:12px;width:100%}.setup-input:focus{border-color:#ff69b4;box-shadow:0 0 5px #ff69b44d;outline:none}.setup-buttons{display:flex;gap:15px;justify-content:center}.setup-button{border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;min-width:120px;padding:12px 24px;transition:all .2s}.back-button{background:linear-gradient(145deg,#ccc,#999);border:2px outset #ccc;color:#333}.back-button:hover{background:linear-gradient(145deg,#999,#666)}.next-button{background:linear-gradient(145deg,#ff69b4,#ff1493);border:2px outset #ff69b4;color:#fff}.next-button:hover{background:linear-gradient(145deg,#ff1493,#dc143c);transform:translateY(-1px)}.user-list-sidebar{background:linear-gradient(180deg,#f0f0f0,#e0e0e0);border:2px outset silver;border-radius:4px;box-shadow:4px 4px 12px #0006;display:flex;flex-direction:column;height:auto;max-height:500px;min-height:300px;position:fixed;width:280px;z-index:2000}.user-list-sidebar.dragging{box-shadow:4px 4px 12px #0009;cursor:grabbing;z-index:2001}.user-list-header{align-items:center;background:linear-gradient(180deg,#0a2463,#1e3a8a);border-bottom:1px solid #666;color:#fff;cursor:grab;display:flex;justify-content:space-between;padding:8px 12px;-webkit-user-select:none;user-select:none}.user-list-header:active{cursor:grabbing}.user-list-header h3{font-size:14px;font-weight:700;margin:0}.close-user-list-btn{align-items:center;background:linear-gradient(180deg,#ff6b6b,#ff5252);border:2px outset #ff6b6b;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.user-list-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:12px;scrollbar-color:silver #f0f0f0;scrollbar-width:thin}.user-list-content::-webkit-scrollbar{width:12px}.user-list-content::-webkit-scrollbar-track{background:silver;border:1px inset silver}.user-list-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,silver,grey);border:1px outset silver;border-radius:2px}.user-list-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d0d0d0,#909090)}.no-users{color:#666;padding:20px;text-align:center}.users-list{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0}.user-item{align-items:center;background:linear-gradient(180deg,#fff,#f8f8f8);border:1px outset silver;border-radius:3px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .1s ease}.user-item:hover{background:linear-gradient(180deg,#f8f8f8,#e8e8e8);border:1px outset #d0d0d0}.user-item.current-user{background:linear-gradient(180deg,#d4edda,#c3e6cb);border-color:#28a745}.user-item.selected{background:linear-gradient(180deg,#4caf50,#45a049);border:1px outset #4caf50;color:#fff}.user-item.has-unread{animation:pulse-yellow 2s ease-in-out infinite;background:linear-gradient(180deg,#fff3cd,#ffeaa7);border:1px outset #fdcb6e}@keyframes pulse-yellow{0%,to{background:linear-gradient(180deg,#fff3cd,#ffeaa7)}50%{background:linear-gradient(180deg,#ffeaa7,#fdcb6e)}}.user-avatar{align-items:center;background:linear-gradient(180deg,#e0e0e0,silver);border:1px outset silver;border-radius:3px;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;width:32px}.user-info{flex:1 1;min-width:0}.user-name{color:#000;font-size:11px;font-weight:700;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-item.selected .user-name{color:#fff}.user-handle{color:#666;font-size:9px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-item.selected .user-handle{color:#fffc}.user-status{border-radius:3px;display:inline-block;font-size:9px;font-weight:500;padding:2px 6px;width:-webkit-fit-content;width:fit-content}.user-status.online{background:#2ecc7133;color:#2ecc71}.user-status.offline{background:#95a5a633;color:#95a5a6}.user-status.busy{background:#ffc10733;color:#ffc107}.user-status.hidden{background:#6c757d33;color:#6c757d}.user-item.selected .user-status{background:#fff3;color:#ffffffe6}.profile-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:3000}.profile-modal-content{background:silver;border:2px outset silver;border-radius:4px;box-shadow:4px 4px 12px #0006;max-height:500px;width:400px}.profile-modal-header{align-items:center;background:linear-gradient(180deg,#0a2463,#1e3a8a);border-bottom:1px solid #666;color:#fff;display:flex;justify-content:space-between;padding:10px 15px}.profile-modal-header h3{font-size:14px;font-weight:700;margin:0}.close-profile-btn{align-items:center;background:linear-gradient(180deg,#ff6b6b,#ff5252);border:2px outset #ff6b6b;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;width:22px}.profile-modal-body{padding:20px}.profile-picture-section,.status-section{margin-bottom:20px}.profile-picture-section h4,.status-section h4{color:#333;font-size:12px;font-weight:700;margin-bottom:8px}.profile-picture-options,.status-options{display:flex;flex-wrap:wrap;gap:8px}.profile-pic-option,.status-option{align-items:center;background:#f0f0f0;border:2px outset silver;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:8px 12px;transition:all .2s ease}.profile-pic-option{font-size:20px;height:40px;justify-content:center;padding:0;width:40px}.profile-pic-option:hover,.status-option:hover{background:#e0e0e0;transform:translateY(-1px)}.profile-pic-option.selected,.status-option.selected{background:#d4edda;border-color:#28a745;color:#155724}.profile-actions{border-top:1px solid #ccc;margin-top:20px;padding-top:15px;text-align:center}.name-display-container{align-items:center;display:flex;gap:8px}.edit-name-btn{background:#0000;border:none;border-radius:2px;cursor:pointer;font-size:12px;padding:2px 4px;transition:all .2s ease}.edit-name-btn:hover{background:#0000001a;transform:scale(1.1)}.name-edit-container{align-items:center;display:flex;gap:8px}.name-edit-input{background:#fff;border:1px inset silver;border-radius:3px;color:#333;font-size:14px;font-weight:700;min-width:120px;padding:4px 8px}.name-edit-input:focus{border-color:#ff69b4;box-shadow:0 0 3px #ff69b44d;outline:none}.name-edit-buttons{display:flex;gap:4px}.cancel-name-btn,.save-name-btn{align-items:center;background:linear-gradient(180deg,#f0f0f0,#e0e0e0);border:1px outset silver;border-radius:2px;cursor:pointer;display:flex;font-size:10px;height:18px;justify-content:center;padding:2px 6px;transition:all .2s ease;width:20px}.save-name-btn:hover{background:linear-gradient(180deg,#4caf50,#45a049);color:#fff}.cancel-name-btn:hover{background:linear-gradient(180deg,#ff6b6b,#ff5252);color:#fff}@media (max-width:768px){.desktop{height:100vh;overflow:hidden}.mobile-icon{height:80px!important;width:80px!important}.mobile-icon .icon-image{height:60px!important;width:60px!important}.mobile-icon .icon-label{word-wrap:break-word;font-size:10px;line-height:1.1;text-align:center}.mobile-taskbar{bottom:0;height:50px;left:0;position:fixed;right:0;z-index:1000}.mobile-taskbar .start-button{font-size:14px;padding:8px 16px}.mobile-taskbar .taskbar-time{font-size:12px}.nokia-phone{display:none}.desktop-icons{height:calc(100vh - 50px);overflow:hidden;padding:20px}.start-menu{border-radius:0;bottom:50px;left:0;max-height:calc(100vh - 50px);right:0;top:auto;width:100%}.start-menu .menu-item{font-size:16px;padding:12px 16px}.start-menu .menu-icon{font-size:20px;margin-right:12px}.mobile-fullscreen{background:#000c;z-index:9999!important}.mobile-chat-window,.mobile-fullscreen{height:100vh!important;left:0!important;position:fixed!important;top:0!important;width:100vw!important}.mobile-chat-window{border:none!important;border-radius:0!important;box-shadow:none!important;max-height:none!important;max-width:none!important}.mobile-chat-window .window-titlebar{font-size:14px;height:40px}.mobile-chat-window .window-content{height:calc(100vh - 40px);padding:10px}.mobile-chat-window .chat-header{margin-bottom:8px;padding:8px}.mobile-chat-window .chat-messages{height:calc(100vh - 200px);padding:8px}.mobile-chat-window .chat-input-container{padding:8px}.mobile-chat-window .message-input{font-size:16px;padding:12px}.mobile-chat-window .send-button{font-size:14px;padding:12px 20px}.mobile-chat-window .user-list-sidebar{display:none}.mobile-chat-window .chat-header button{font-size:12px;margin:2px;padding:8px 12px}.mobile-chat-window .target-user-section{flex-direction:column;gap:8px}.mobile-chat-window .input-group{width:100%}.mobile-chat-window .input-group input{font-size:14px;padding:8px;width:100%}.mobile-fullscreen-window{border:none!important;border-radius:0!important;box-shadow:none!important;height:100vh!important;left:0!important;max-height:none!important;max-width:none!important;position:fixed!important;top:0!important;width:100vw!important;z-index:9999!important}.mobile-fullscreen-window .window-titlebar{font-size:16px;height:50px;padding:0 20px}.mobile-fullscreen-window .window-content{height:calc(100vh - 50px);overflow-y:auto;padding:20px}.mobile-fullscreen-window.notepad-content{background:#f0f0f0}.mobile-fullscreen-window .notepad-text{font-size:16px;line-height:1.6;max-width:none;padding:0}.mobile-fullscreen-window .notepad-text h1{font-size:24px;margin-bottom:20px}.mobile-fullscreen-window .notepad-text h2{font-size:20px;margin:20px 0 15px}.mobile-fullscreen-window .notepad-text p{font-size:16px;margin-bottom:15px}.mobile-fullscreen-window .settings-content{padding:20px}.mobile-fullscreen-window .setting-group{margin-bottom:30px}.mobile-fullscreen-window .setting-group h3{font-size:18px;margin-bottom:15px}.mobile-fullscreen-window .setting-controls{display:flex;flex-direction:column;gap:15px}.mobile-fullscreen-window .setting-controls input,.mobile-fullscreen-window .setting-controls select{font-size:16px;padding:12px;width:100%}.mobile-fullscreen-window .setting-controls button{font-size:16px;padding:12px 20px}.mobile-fullscreen-window.emoji-board{background:linear-gradient(180deg,#f8f9fa,#e9ecef);border:2px outset silver;border-radius:15px;bottom:20px!important;box-shadow:0 8px 32px #0000004d;height:33vh!important;left:50%!important;max-width:400px!important;overflow:hidden;padding:15px;position:fixed!important;top:auto!important;transform:translateX(-50%)!important;width:90vw!important;z-index:10001!important}.mobile-fullscreen-window .emoji-grid{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:10px 0;scroll-behavior:smooth;scrollbar-width:none}.mobile-fullscreen-window .emoji-grid::-webkit-scrollbar{display:none}.mobile-fullscreen-window .emoji-option{align-items:center;background:linear-gradient(180deg,#fff,#f0f0f0);border:2px outset silver;border-radius:12px;box-shadow:0 3px 6px #00000026;cursor:pointer;display:flex;flex-shrink:0;font-size:28px;height:60px;justify-content:center;touch-action:manipulation;transition:all .2s ease;width:60px}.mobile-fullscreen-window .emoji-option:active{background:linear-gradient(180deg,#e0e0e0,#d0d0d0);transform:scale(.95)}.mobile-fullscreen-window .emoji-board-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:15px;padding:0 5px 10px}.mobile-fullscreen-window .emoji-board-header h3{color:#333;font-size:18px;font-weight:700;margin:0}.mobile-fullscreen-window .close-board-btn{align-items:center;background:linear-gradient(180deg,#ff6b6b,#ff5252);border:2px outset #ff6b6b;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:35px;justify-content:center;transition:all .2s ease;width:35px}.mobile-fullscreen-window .close-board-btn:active{background:linear-gradient(180deg,#ff5252,#ff1744);transform:scale(.95)}.mobile-fullscreen-window .emoji-instruction{background:#ffffffe6;border:1px inset silver;border-radius:8px;color:#666;font-size:13px;margin:10px 0;padding:10px;text-align:center}.floating-phone{touch-action:none;-webkit-user-select:none;user-select:none}.floating-phone.dragging{z-index:10000!important}.floating-phone.mobile-phone{bottom:20px!important;left:auto!important;position:fixed!important;right:20px!important;top:auto!important;transform:none!important}.floating-phone.mobile-phone .nokia-phone{border-radius:20px 20px 15px 15px!important;box-shadow:0 8px 16px #ff69b466!important;height:160px!important;width:100px!important}.floating-phone.mobile-phone .phone-screen{border-radius:8px!important;height:50px!important;margin:8px auto!important;width:80px!important}.floating-phone.mobile-phone .phone-keypad{gap:2px!important;height:90px!important;padding:4px!important}.floating-phone.mobile-phone .key{border-radius:4px!important;font-size:10px!important;height:20px!important;width:20px!important}.floating-phone.mobile-phone .call-button{border-radius:9px!important;font-size:8px!important;height:18px!important;width:35px!important}.nokia-phone{border-radius:25px 25px 20px 20px;box-shadow:0 10px 20px #ff69b480;height:250px;width:150px}.phone-screen{border-radius:10px;height:75px;margin:15px auto;width:120px}.phone-keypad{gap:4px;height:150px;padding:8px}.key{border-radius:6px;font-size:13px;height:30px;width:30px}.call-button{border-radius:12px;font-size:10px;height:25px;width:50px}.mobile-fullscreen-window.search-window{background:#f0f0f0}.mobile-fullscreen-window .search-content{height:calc(100vh - 50px);overflow-y:auto;padding:20px}.mobile-fullscreen-window .search-form{margin-bottom:20px}.mobile-fullscreen-window .search-input{border:2px inset silver;border-radius:4px;font-size:16px;margin-bottom:15px;padding:12px;width:100%}.mobile-fullscreen-window .search-button{background:linear-gradient(180deg,#4caf50,#45a049);border:2px outset #4caf50;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;width:100%}.mobile-fullscreen-window .search-results{display:flex;flex-direction:column;gap:15px}.mobile-fullscreen-window .search-result{background:#fff;border:1px outset silver;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:15px}.mobile-fullscreen-window .search-result h3{color:#1a73e8;font-size:18px;margin-bottom:8px}.mobile-fullscreen-window .search-result p{color:#333;font-size:14px;line-height:1.4;margin-bottom:8px}.mobile-fullscreen-window .search-result .result-url{color:#006621;font-size:12px;text-decoration:none}.mobile-fullscreen-window .search-logo{font-size:24px;margin-bottom:15px;text-align:center}.mobile-fullscreen-window .search-welcome{color:#333;font-size:16px;margin-bottom:20px;text-align:center}.mobile-fullscreen-window.user-list-sidebar{background:linear-gradient(180deg,#f0f0f0,#e0e0e0);border:none!important;border-radius:0!important;box-shadow:none!important;height:100vh!important;left:0!important;position:fixed!important;top:0!important;transform:none!important;width:100vw!important;z-index:10002!important}.mobile-fullscreen-window .user-list-header{align-items:center;background:linear-gradient(180deg,#0a2463,#1e3a8a);border-bottom:2px solid #666;color:#fff;cursor:default;display:flex;justify-content:space-between;padding:15px 20px;-webkit-user-select:none;user-select:none}.mobile-fullscreen-window .user-list-header h3{font-size:18px;font-weight:700;margin:0}.mobile-fullscreen-window .close-user-list-btn{align-items:center;background:linear-gradient(180deg,#ff6b6b,#ff5252);border:2px outset #ff6b6b;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;width:30px}.mobile-fullscreen-window .user-list-content{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 80px);min-height:0;overflow-y:auto;padding:20px}.mobile-fullscreen-window .no-users{color:#666;font-size:16px;padding:40px 20px;text-align:center}.mobile-fullscreen-window .users-list{display:flex;flex-direction:column;gap:12px}.mobile-fullscreen-window .user-item{align-items:center;background:linear-gradient(180deg,#fff,#f8f8f8);border:2px outset silver;border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:15px;transition:all .2s ease}.mobile-fullscreen-window .user-item:hover{background:linear-gradient(180deg,#f8f8f8,#e8e8e8);border:2px outset #d0d0d0;transform:translateY(-2px)}.mobile-fullscreen-window .user-item.current-user{background:linear-gradient(180deg,#d4edda,#c3e6cb);border-color:#28a745}.mobile-fullscreen-window .user-item.has-unread{animation:pulse-yellow 2s ease-in-out infinite;background:linear-gradient(180deg,#fff3cd,#ffeaa7);border:2px outset #fdcb6e}.mobile-fullscreen-window .user-item.selected{background:linear-gradient(180deg,#4caf50,#45a049);border:2px outset #4caf50;color:#fff}.mobile-fullscreen-window .user-avatar{align-items:center;background:linear-gradient(180deg,#e0e0e0,silver);border:2px outset silver;border-radius:6px;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.mobile-fullscreen-window .user-info{flex:1 1;min-width:0}.mobile-fullscreen-window .user-name{color:#000;font-size:14px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-fullscreen-window .user-item.selected .user-name{color:#fff}.mobile-fullscreen-window .user-handle{color:#666;font-size:12px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-fullscreen-window .user-item.selected .user-handle{color:#fffc}.mobile-fullscreen-window .user-status{border-radius:4px;display:inline-block;font-size:11px;font-weight:500;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.mobile-fullscreen-window .user-status.online{background:#2ecc7133;color:#2ecc71}.mobile-fullscreen-window .user-status.offline{background:#95a5a633;color:#95a5a6}.mobile-fullscreen-window .user-status.busy{background:#ffc10733;color:#ffc107}.mobile-fullscreen-window .user-status.hidden{background:#6c757d33;color:#6c757d}.mobile-fullscreen-window .user-item.selected .user-status{background:#fff3;color:#ffffffe6}.credits{background:linear-gradient(180deg,#000,#333);border:2px outset #666;border-radius:4px;bottom:70px!important;box-shadow:0 4px 8px #0000004d;padding:8px;position:fixed!important;right:20px!important;top:auto!important;z-index:1500}.credits-content{color:#0f0;font-family:Courier New,monospace;font-size:9px;line-height:1.3;text-shadow:0 0 3px #0f0}.credit-line{font-weight:700;margin-bottom:1px}@media (max-width:480px){.mobile-fullscreen-window.emoji-board{max-width:350px!important;padding:12px;width:95vw!important}.mobile-fullscreen-window .emoji-grid{gap:5px;grid-template-columns:repeat(5,1fr)}.mobile-fullscreen-window .emoji-option{font-size:20px;height:40px;width:40px}}@media (max-width:360px){.mobile-fullscreen-window.emoji-board{max-width:320px!important;padding:10px;width:98vw!important}.mobile-fullscreen-window .emoji-grid{gap:4px;grid-template-columns:repeat(4,1fr)}.mobile-fullscreen-window .emoji-option{font-size:18px;height:35px;width:35px}}}.taskbar-blink{animation:taskbarBlink .5s ease-in-out infinite alternate}@keyframes taskbarBlink{0%{background:linear-gradient(180deg,silver,grey)}to{background:linear-gradient(180deg,#ff6b6b,#ff5252)}}.taskbar-windows{display:flex;flex:1 1;gap:2px;margin:0 10px;overflow-x:auto}.taskbar-window{align-items:center;background:linear-gradient(180deg,#e0e0e0,silver);border:1px outset silver;border-radius:2px;cursor:pointer;display:flex;font-size:10px;gap:4px;max-width:150px;min-width:80px;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.taskbar-window:hover{background:linear-gradient(180deg,#f0f0f0,#d0d0d0)}.taskbar-window.active{background:linear-gradient(180deg,#d0d0d0,#b0b0b0);border:1px inset silver}.window-icon{font-size:12px}.window-title{font-size:10px;overflow:hidden;text-overflow:ellipsis}
/*# sourceMappingURL=main.e31d45e1.css.map*/