:root{--color-background: #000022;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-button: #0033ff;--color-button-hover: #0044ff;--color-card-bg: #000033;--color-card-header: #000044;--color-input-bg: rgba(12, 17, 47, .6);--color-scrollbar: rgba(255, 255, 255, .2);--color-scrollbar-hover: rgba(255, 255, 255, .3);--font-heading: "Lexend Peta", sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-body: "Satoshi", sans-serif}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent}.password-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-background);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.password-container{display:flex;flex-direction:column;align-items:center;gap:32px}.password-title{display:flex;flex-direction:column;align-items:center}.password-input{width:100%;min-width:300px;padding:12px;background:var(--color-input-bg);border:none;border-radius:4px;color:var(--color-text-primary);font-family:var(--font-mono);font-size:1rem;text-align:center}.password-input::placeholder{color:var(--color-text-secondary)}.password-submit{font-family:var(--font-heading);font-size:1.2rem;font-weight:300;padding:12px 48px;background-color:var(--color-button);color:var(--color-text-primary);border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease;text-transform:lowercase;min-width:300px}.password-submit:hover{background-color:var(--color-button-hover)}.password-error{font-family:var(--font-mono);color:#f44;font-size:.9rem;min-height:20px;opacity:0;position:absolute;bottom:64px;text-align:center}*::-webkit-scrollbar{width:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-hover)}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-body);background:var(--color-background);color:var(--color-text-primary)}#app{width:100%;height:100%;position:relative}#space-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}#space-canvas{width:100%;height:100%;display:block;cursor:move}#landing-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;background:var(--color-background)}.title-container{display:flex;align-items:center;gap:32px}h1{display:flex;flex-direction:column;align-items:flex-start}.title-line{font-family:var(--font-heading);font-size:clamp(2rem,8vw,4rem);font-weight:300;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1}#greeting-container{position:absolute;bottom:64px;left:0;right:0}#greeting-text{font-family:var(--font-body);font-size:clamp(1rem,4vw,1.5rem);color:var(--color-text-secondary);text-align:center}#nickname{color:var(--color-text-primary);display:inline-block;transition:opacity .3s ease}#enter-button{font-family:var(--font-heading);font-size:1.2rem;font-weight:300;padding:12px 48px;background-color:var(--color-button);color:var(--color-text-primary);border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease;text-transform:lowercase}#enter-button:hover{background-color:var(--color-button-hover)}#planet-card{position:fixed;bottom:0;left:0;right:0;height:85vh;background-color:var(--color-card-bg);border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .3s ease;z-index:9999;display:flex;flex-direction:column;box-shadow:0 0 40px #00000080}#planet-card.visible{transform:translateY(0)}.card-header{padding:16px;text-align:center;border-bottom:2px solid var(--color-card-header);border-radius:16px 16px 0 0;position:relative}.close-button{position:absolute;left:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:8px;font-size:1.2rem;line-height:1;transition:color .2s ease}.close-button:hover{color:var(--color-text-primary)}.card-header h2{font-family:var(--font-mono);font-size:1.2rem;font-weight:400;margin:0}#message-count{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-secondary);margin-top:4px}.card-content{flex:1;display:flex;flex-direction:column;padding:16px;overflow-y:auto}.messages-container{flex:1;overflow-y:auto;margin-bottom:16px;padding-right:4px}.message{background-color:var(--color-card-header);padding:12px;border-radius:8px;margin-bottom:8px;position:relative}.message-date-header{text-align:center;color:var(--color-text-secondary);font-size:.8rem;margin:16px 0 8px;font-family:var(--font-mono)}.message-time{font-size:.7rem;color:var(--color-text-secondary);font-family:var(--font-mono);margin-top:4px}.message-image{max-width:100%;border-radius:4px;margin-bottom:8px}.message-actions{display:flex;gap:12px;margin-top:8px}.message-action{background:none;border:none;color:var(--color-text-secondary);font-size:.8rem;cursor:pointer;padding:0;font-family:var(--font-mono);transition:color .2s ease}.message-action:hover{color:var(--color-text-primary)}.replies{margin-left:24px;margin-top:8px;padding-left:12px;border-left:2px solid var(--color-card-header)}.reply{background-color:#00004480;padding:8px 12px;border-radius:6px;margin-bottom:6px}.reply-input-container{margin-top:8px;display:flex;gap:8px}.reply-input{flex:1;padding:8px;background-color:var(--color-input-bg);border:none;border-radius:4px;color:var(--color-text-primary);font-family:var(--font-mono);font-size:.9rem}.reply-submit{padding:8px 16px;background-color:var(--color-button);color:var(--color-text-primary);border:none;border-radius:4px;font-family:var(--font-mono);cursor:pointer;font-size:.9rem}.image-preview-container{background-color:var(--color-card-header);padding:12px;border-radius:8px;margin-bottom:8px;display:none}.image-preview-container.visible{display:block}.image-preview{max-width:100%;border-radius:4px;margin-bottom:8px}.remove-preview{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px 8px;font-size:.9rem;transition:color .2s ease}.remove-preview:hover{color:var(--color-text-primary)}.message-input-container{padding:12px;background-color:var(--color-card-header);border-radius:8px;display:flex;gap:8px;flex-direction:column}.input-row{display:flex;gap:8px;align-items:flex-start}#message-input{flex:1;padding:12px;background-color:var(--color-input-bg);border:none;border-radius:4px;color:var(--color-text-primary);font-family:var(--font-mono);font-size:.9rem}.image-upload-button{padding:12px;background-color:var(--color-input-bg);border:none;border-radius:4px;color:var(--color-text-primary);font-size:1.2rem;cursor:pointer;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;width:42px}.image-upload-button:hover{opacity:.8}#send-message{width:100%;padding:12px;background-color:var(--color-button);color:var(--color-text-primary);border:none;border-radius:4px;font-family:var(--font-mono);cursor:pointer}.hidden{display:none}@media (min-width: 1024px){#planet-card{width:400px;height:80vh;left:auto;right:32px;top:50%;bottom:auto;transform:translate(120%) translateY(-50%);border-radius:16px}#planet-card.visible{transform:translate(0) translateY(-50%)}}