*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,sans-serif;background:#0b141a;color:#fff;height:100dvh}.app{max-width:480px;margin:0 auto;height:100%;display:flex;flex-direction:column;background:#111b21}[hidden]{display:none!important}.header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#202c33}.logo{display:flex;align-items:center;gap:8px}.status{font-size:12px;background:#2a3942;padding:4px 10px;border-radius:12px}.btn-small{background:transparent;color:#aaa;border:1px solid #444;padding:4px 10px;border-radius:8px}.tabs{display:flex;background:#202c33;padding:6px;gap:4px}.tab{flex:1;padding:10px;background:transparent;border:none;color:#8696a0;border-radius:8px;cursor:pointer}.tab.active{background:#00a884;color:#fff}.welcome{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.big-icon{font-size:64px;margin-bottom:16px}.btn-primary{background:#00a884;color:#fff;border:none;padding:14px;border-radius:10px;width:100%;font-weight:600;cursor:pointer;margin-top:16px}.chat{flex:1;display:flex;flex-direction:column}.partner-info{padding:10px 16px;background:#202c33;font-size:14px}.messages{flex:1;overflow-y:auto;padding:12px}.message{max-width:75%;padding:8px 12px;border-radius:8px;margin:4px 0}.message.me{background:#005c4b;margin-left:auto}.message.partner{background:#202c33}.message.system{text-align:center;color:#888;font-size:13px}.input-area{display:flex;gap:8px;padding:8px;background:#202c33}#msgInput{flex:1;background:#2a3942;border:none;border-radius:24px;padding:12px;color:#fff}.btn-send{background:#00a884;color:#fff;border:none;width:48px;height:48px;border-radius:50%}.btn-attach{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#2a3942;border-radius:50%}.btn-next{background:transparent;color:#aaa;border:1px solid #444;padding:10px;border-radius:8px}#authScreen{flex:1;display:flex;align-items:center;justify-content:center}.auth-box{background:#202c33;padding:24px;border-radius:16px;width:90%;max-width:340px}.logo-big{text-align:center;font-size:24px;margin-bottom:16px;color:#00a884}.auth-box input,.auth-box select,.auth-box textarea{width:100%;margin-bottom:10px;padding:12px;background:#2a3942;border:none;border-radius:8px;color:#fff}.switch{text-align:center;font-size:14px;color:#888}.switch a{color:#00a884}.error{color:#f44;text-align:center;margin-top:8px}