:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef1f6;background:#10131a;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -10%,#202735 0,#10131a 45%);min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.calculator-shell,.panel,.chat-shell{width:min(100%,440px)}.calculator-shell{background:#171b24;border:1px solid #2a3140;border-radius:28px;padding:22px;box-shadow:0 24px 80px #0006}.calculator-brand{font-size:11px;letter-spacing:.18em;color:#818a9b;font-weight:700;margin-bottom:20px}.brand-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#82e0bd;margin-right:8px}.display{height:130px;display:flex;align-items:end;justify-content:end;overflow:hidden;padding:16px 6px;font-size:clamp(38px,12vw,60px);font-weight:300;letter-spacing:-.04em;color:#f7f9fc}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.key{border:0;border-radius:16px;min-height:64px;background:#222834;color:#e9edf4;font-size:22px;transition:transform .15s,background .15s}.key:active{transform:scale(.96)}.key.function{background:#303747;color:#9da8ba;font-size:17px}.key.operator,.key.equals{background:#75d5b4;color:#0f211c}.key.wide{grid-column:span 2;text-align:left;padding-left:26px}.panel{background:#171b24;border:1px solid #2a3140;border-radius:26px;padding:34px;box-shadow:0 24px 80px #0006}.panel-icon{color:#75d5b4;letter-spacing:5px;font-weight:700}.eyebrow{font-size:11px;letter-spacing:.18em;color:#8290a4;font-weight:700;margin:18px 0 8px}.panel h1,.chat-header h1{font-size:30px;letter-spacing:-.04em;margin:0 0 8px}.muted{color:#8993a4;margin:0 0 28px;line-height:1.5}form{display:grid;gap:17px}label{display:grid;gap:8px;font-size:13px;color:#aeb7c5}input{background:#202632;border:1px solid #333c4c;border-radius:12px;color:#eef1f6;padding:13px 14px;outline:none}input:focus{border-color:#75d5b4;box-shadow:0 0 0 3px #75d5b422}.primary-button{background:#75d5b4;color:#10221d;border:0;border-radius:12px;padding:14px;font-weight:800;margin-top:5px}.primary-button:disabled{opacity:.6;cursor:wait}.text-button{display:block;margin:22px auto 0;background:none;border:0;color:#91a0b5;font-size:13px}.error-message{background:#482c35;border:1px solid #79404d;color:#ffcbd4;border-radius:10px;padding:11px 13px;font-size:13px;line-height:1.4}.config-warning{position:fixed;top:0;left:0;right:0;padding:9px;text-align:center;background:#563f20;color:#ffdda4;font-size:12px;z-index:10}.loading-screen{color:#8993a4}.app-footer{position:absolute;bottom:18px;color:#596477;font-size:11px}.chat-shell{height:min(760px,calc(100vh - 48px));background:#171b24;border:1px solid #2a3140;border-radius:26px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0006}.chat-header{padding:25px 25px 20px;border-bottom:1px solid #28303d;display:flex;justify-content:space-between;align-items:center}.chat-header .eyebrow{margin:0 0 6px}.chat-header h1{font-size:23px}.header-actions{display:flex;gap:12px;align-items:center}.online-dot{font-size:11px;color:#75d5b4}.online-dot:before{content:"";display:inline-block;width:6px;height:6px;background:#75d5b4;border-radius:50%;margin-right:5px}.icon-button,.attach-button{border:0;background:none;color:#9ba7b9;font-size:24px;padding:4px}.message-list{flex:1;overflow:auto;padding:22px 18px}.message-row{display:flex;margin:9px 0}.message-row.mine{justify-content:flex-end}.message-bubble{max-width:78%;background:#252c39;border-radius:16px 16px 16px 4px;padding:10px 13px;color:#e8edf5}.mine .message-bubble{background:#2c6356;border-radius:16px 16px 4px}.message-bubble p{white-space:pre-wrap;word-break:break-word;margin:0 0 5px;line-height:1.45}.message-bubble time{font-size:10px;color:#aeb9c9;display:block;text-align:right}.message-delete{border:0;background:none;color:#b5c1d0;font-size:10px;padding:2px 0}.message-delete:hover{color:#ffcbd4}.state-message{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#758197;gap:6px;font-size:13px}.state-message strong{color:#aab5c5;font-size:15px}.chat-error{margin:0 18px 8px}.composer{display:flex;align-items:center;gap:7px;padding:12px 15px;border-top:1px solid #28303d}.composer input{flex:1;padding:12px 13px;border-radius:15px}.send-button{border:0;border-radius:12px;width:42px;height:42px;background:#75d5b4;color:#10221d;font-size:21px}.send-button:disabled{opacity:.4}.attachment-preview{margin:0 16px 8px;padding:8px;background:#222a36;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:12px}.attachment-preview img{width:42px;height:42px;object-fit:cover;border-radius:7px}.attachment-preview div{display:grid;gap:3px;flex:1;min-width:0}.attachment-preview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview span{color:#91a0b5}.image-thumb{display:block;border:0;background:none;padding:0;margin:-3px -5px 7px;max-width:100%;border-radius:10px;overflow:hidden}.image-thumb img{display:block;max-width:100%;max-height:220px;object-fit:cover}.image-loading{display:block;padding:20px;color:#aab5c5}.lightbox{position:fixed;inset:0;background:#080a0dcc;display:flex;align-items:center;justify-content:center;padding:25px;z-index:20}.lightbox img{max-width:min(900px,100%);max-height:90vh;object-fit:contain;border-radius:10px}.close-lightbox{position:absolute;top:18px;right:20px;border:0;background:none;color:#fff;font-size:32px}.url-preview{margin:0 -3px 9px;background:#171d27;border:1px solid #3a4657;border-radius:10px;overflow:hidden}.url-preview iframe{display:block;width:100%;height:150px;border:0;background:#fff}.url-preview-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:11px;color:#aeb9c9}.url-preview-footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-preview-footer a{color:#75d5b4;text-decoration:none;white-space:nowrap}@media(max-width:520px){.app{padding:12px}.calculator-shell,.panel{border-radius:22px;padding:18px}.display{height:115px}.key{min-height:58px}.chat-shell{height:calc(100vh - 24px);border-radius:22px}.app-footer{display:none}}