@akropolys/kiku 1.7.16 → 1.7.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles.css CHANGED
@@ -1,4048 +1,2 @@
1
- /* src/styles.css */
2
- @layer components {
3
- :root {
4
- --hsk-border-radius: 0px;
5
- --hsk-brand-green: #2D7A4B;
6
- }
7
- .hsk-cb-btn,
8
- .hsk-cb-close,
9
- .hsk-cb-topbar-btn,
10
- .hsk-cb-chip,
11
- .hsk-cb-source,
12
- .hsk-cb-sources-next,
13
- .hsk-action-pill,
14
- .hsk-chat-send,
15
- .hsk-chat-reset,
16
- .hsk-close-btn,
17
- .hsk-cb-overlay {
18
- --hsk-font-size: 14.5px;
19
- touch-action: manipulation;
20
- -webkit-tap-highlight-color: transparent;
21
- }
22
- button,
23
- [role=button] {
24
- touch-action: manipulation;
25
- -webkit-tap-highlight-color: transparent;
26
- }
27
- .hsk-chat-widget {
28
- --hsk-bg: var(--chat-bg-color, #ffffff);
29
- --hsk-text: var(--chat-text-color, #1f1f1f);
30
- --hsk-primary: var(--chat-primary-color, #ff6a33);
31
- --hsk-font: var(--chat-font-family, inherit);
32
- --hsk-font-size: 13px;
33
- display: flex;
34
- flex-direction: column;
35
- height: 100%;
36
- min-height: 320px;
37
- font-family: var(--hsk-font);
38
- background: var(--hsk-bg);
39
- border: 1px solid #f1f3f4;
40
- border-radius: var(--hsk-border-radius, 0px);
41
- overflow: hidden;
42
- }
43
- @media (prefers-color-scheme: dark) {
44
- .hsk-chat-widget {
45
- --hsk-bg: var(--chat-bg-color, #0a0a0a);
46
- --hsk-text: var(--chat-text-color, #e8eaed);
47
- border-color: #202124;
48
- }
49
- }
50
- .hsk-chat-header {
51
- display: flex;
52
- align-items: center;
53
- gap: 10px;
54
- padding: 14px 16px;
55
- border-bottom: 1px solid #f1f3f4;
56
- background: var(--hsk-bg);
57
- flex-shrink: 0;
58
- }
59
- @media (prefers-color-scheme: dark) {
60
- .hsk-chat-header {
61
- border-bottom-color: #202124;
62
- }
63
- }
64
- .hsk-chat-header-icon {
65
- color: var(--hsk-primary);
66
- display: flex;
67
- align-items: center;
68
- }
69
- .hsk-chat-title {
70
- font-size: 14px;
71
- font-weight: 600;
72
- color: var(--hsk-text);
73
- }
74
- .hsk-chat-badge {
75
- font-size: 10px;
76
- font-weight: 700;
77
- letter-spacing: 0.08em;
78
- text-transform: uppercase;
79
- color: var(--hsk-primary);
80
- background: rgba(255, 106, 51, 0.09);
81
- border: 1px solid rgba(255, 106, 51, 0.18);
82
- padding: 2px 8px;
83
- border-radius: var(--hsk-border-radius, 0px);
84
- }
85
- .hsk-chat-messages {
86
- flex: 1;
87
- overflow-y: auto;
88
- padding: 16px;
89
- display: flex;
90
- flex-direction: column;
91
- gap: 12px;
92
- scroll-behavior: smooth;
93
- }
94
- .hsk-chat-empty {
95
- display: flex;
96
- flex-direction: column;
97
- align-items: center;
98
- justify-content: center;
99
- height: 100%;
100
- gap: 8px;
101
- color: #555;
102
- font-size: 13px;
103
- text-align: center;
104
- padding: 24px;
105
- }
106
- .hsk-chat-empty-icon {
107
- font-size: 28px;
108
- margin-bottom: 4px;
109
- color: var(--hsk-primary);
110
- display: flex;
111
- align-items: center;
112
- justify-content: center;
113
- }
114
- .hsk-chat-empty-suggestions {
115
- font-size: 12px;
116
- color: #666;
117
- margin-top: 4px;
118
- }
119
- .hsk-msg-row {
120
- display: flex;
121
- gap: 8px;
122
- align-items: flex-start;
123
- }
124
- .hsk-msg-row.user {
125
- flex-direction: row-reverse;
126
- }
127
- .hsk-msg-avatar {
128
- width: 28px;
129
- height: 28px;
130
- border-radius: var(--hsk-border-radius, 0px);
131
- flex-shrink: 0;
132
- display: flex;
133
- align-items: center;
134
- justify-content: center;
135
- font-size: 13px;
136
- font-weight: 700;
137
- }
138
- .hsk-msg-avatar.ai {
139
- background: rgba(255, 106, 51, 0.12);
140
- border: 1px solid rgba(255, 106, 51, 0.25);
141
- color: var(--hsk-primary);
142
- display: flex;
143
- align-items: center;
144
- justify-content: center;
145
- }
146
- .hsk-msg-avatar.user {
147
- background: #f1f3f4;
148
- color: #5f6368;
149
- }
150
- @media (prefers-color-scheme: dark) {
151
- .hsk-msg-avatar.user {
152
- background: #202124;
153
- color: #888;
154
- }
155
- }
156
- .hsk-msg-bubble {
157
- max-width: 78%;
158
- padding: 10px 14px;
159
- border-radius: var(--hsk-border-radius, 0px);
160
- font-size: var(--hsk-font-size, 13px);
161
- line-height: 1.6;
162
- }
163
- .hsk-msg-bubble.ai {
164
- background: var(--hsk-bg);
165
- border: 1px solid #f1f3f4;
166
- color: var(--hsk-text);
167
- }
168
- @media (prefers-color-scheme: dark) {
169
- .hsk-msg-bubble.ai {
170
- border-color: #202124;
171
- }
172
- }
173
- .hsk-msg-bubble.user {
174
- background: var(--hsk-primary);
175
- color: #fff;
176
- }
177
- .hsk-streaming-cursor {
178
- display: inline-block;
179
- width: 6px;
180
- height: 1.1em;
181
- margin-left: 3px;
182
- vertical-align: -2px;
183
- background-color: var(--hsk-primary);
184
- animation: hsk-cursor-blink 0.9s infinite;
185
- }
186
- @keyframes hsk-cursor-blink {
187
- 0%, 100% {
188
- opacity: 1;
189
- }
190
- 50% {
191
- opacity: 0;
192
- }
193
- }
194
- .hsk-status-live {
195
- display: flex;
196
- align-items: center;
197
- gap: 8px;
198
- font-size: 12px;
199
- color: #666;
200
- padding: 4px 0 8px 0;
201
- font-weight: 500;
202
- }
203
- .hsk-status-dot {
204
- width: 8px;
205
- height: 8px;
206
- border-radius: 50%;
207
- background-color: var(--hsk-primary);
208
- animation: hsk-pulse 1.4s infinite ease-in-out;
209
- }
210
- @keyframes hsk-pulse {
211
- 0%, 100% {
212
- transform: scale(0.8);
213
- opacity: 0.5;
214
- }
215
- 50% {
216
- transform: scale(1.2);
217
- opacity: 1;
218
- }
219
- }
220
- .hsk-thinking-details {
221
- margin-bottom: 10px;
222
- padding: 8px 12px;
223
- background: rgba(0, 0, 0, 0.03);
224
- border: 1px solid rgba(0, 0, 0, 0.06);
225
- border-radius: 8px;
226
- font-size: 12px;
227
- }
228
- .hsk-thinking-summary {
229
- cursor: pointer;
230
- font-weight: 600;
231
- color: #666;
232
- user-select: none;
233
- }
234
- .hsk-thinking-text {
235
- margin-top: 8px;
236
- white-space: pre-wrap;
237
- color: #555;
238
- font-family: monospace;
239
- font-size: 11px;
240
- line-height: 1.4;
241
- max-height: 200px;
242
- overflow-y: auto;
243
- }
244
- .hsk-sources-container {
245
- margin-left: 36px;
246
- }
247
- .hsk-sources {
248
- margin-top: 10px;
249
- display: flex;
250
- flex-direction: column;
251
- gap: 6px;
252
- }
253
- .hsk-source-card {
254
- display: flex;
255
- align-items: center;
256
- gap: 10px;
257
- padding: 8px 10px;
258
- background: #f8f9fa;
259
- border: 1px solid #f1f3f4;
260
- border-radius: var(--hsk-border-radius, 0px);
261
- cursor: pointer;
262
- transition: border-color 0.15s;
263
- }
264
- @media (prefers-color-scheme: dark) {
265
- .hsk-source-card {
266
- background: #1a1a1b;
267
- border-color: #202124;
268
- }
269
- }
270
- .hsk-source-card:hover {
271
- border-color: rgba(255, 106, 51, 0.37);
272
- }
273
- .hsk-source-img {
274
- width: 36px;
275
- height: 36px;
276
- object-fit: cover;
277
- border-radius: var(--hsk-border-radius, 0px);
278
- background: #fff;
279
- }
280
- .hsk-source-name {
281
- font-size: 12px;
282
- font-weight: 500;
283
- color: var(--hsk-text);
284
- white-space: nowrap;
285
- overflow: hidden;
286
- text-overflow: ellipsis;
287
- }
288
- .hsk-source-price {
289
- font-size: 11px;
290
- color: var(--hsk-primary);
291
- font-weight: 700;
292
- margin-top: 2px;
293
- }
294
- .hsk-typing {
295
- display: flex;
296
- gap: 4px;
297
- align-items: center;
298
- padding: 10px 14px;
299
- background: var(--hsk-bg);
300
- border: 1px solid #f1f3f4;
301
- border-radius: var(--hsk-border-radius, 0px);
302
- width: fit-content;
303
- }
304
- @media (prefers-color-scheme: dark) {
305
- .hsk-typing {
306
- border-color: #202124;
307
- }
308
- }
309
- .hsk-typing-dot {
310
- width: 6px;
311
- height: 6px;
312
- background: var(--hsk-primary);
313
- border-radius: 50%;
314
- animation: hsk-chat-bounce 1.2s infinite;
315
- }
316
- .hsk-typing-dot:nth-child(2) {
317
- animation-delay: 0.2s;
318
- }
319
- .hsk-typing-dot:nth-child(3) {
320
- animation-delay: 0.4s;
321
- }
322
- @keyframes hsk-chat-bounce {
323
- 0%, 100% {
324
- opacity: 0.3;
325
- transform: translateY(0);
326
- }
327
- 50% {
328
- opacity: 1;
329
- transform: translateY(-4px);
330
- }
331
- }
332
- .hsk-pending {
333
- display: inline-flex;
334
- align-items: center;
335
- gap: 10px;
336
- padding: 10px 14px;
337
- background: var(--hsk-bg);
338
- border: 1px solid #f1f3f4;
339
- border-radius: var(--hsk-border-radius, 0px);
340
- position: relative;
341
- }
342
- @media (prefers-color-scheme: dark) {
343
- .hsk-pending {
344
- border-color: #202124;
345
- }
346
- }
347
- .hsk-pending-glyph {
348
- width: 18px;
349
- height: 18px;
350
- position: relative;
351
- display: inline-flex;
352
- align-items: center;
353
- justify-content: center;
354
- }
355
- .hsk-pending-ring {
356
- width: 18px;
357
- height: 18px;
358
- border-radius: 50%;
359
- border: 2px solid rgba(255, 106, 51, 0.25);
360
- border-top-color: var(--hsk-primary);
361
- animation: hsk-pending-spin 1.1s linear infinite;
362
- }
363
- .hsk-pending-dot {
364
- position: absolute;
365
- width: 6px;
366
- height: 6px;
367
- border-radius: 50%;
368
- background: var(--hsk-primary);
369
- box-shadow: 0 0 8px rgba(255, 106, 51, 0.45);
370
- animation: hsk-pending-pulse 1.4s ease-in-out infinite;
371
- }
372
- .hsk-pending-text {
373
- position: relative;
374
- min-width: 140px;
375
- height: 16px;
376
- font-size: 12px;
377
- color: var(--hsk-text);
378
- letter-spacing: 0.01em;
379
- }
380
- .hsk-pending-step {
381
- position: absolute;
382
- left: 0;
383
- top: 0;
384
- opacity: 0;
385
- animation: hsk-pending-cycle 6s infinite;
386
- }
387
- .hsk-pending-step.step-1 {
388
- animation-delay: 0s;
389
- }
390
- .hsk-pending-step.step-2 {
391
- animation-delay: 2s;
392
- }
393
- .hsk-pending-step.step-3 {
394
- animation-delay: 4s;
395
- }
396
- @keyframes hsk-pending-spin {
397
- 0% {
398
- transform: rotate(0deg);
399
- }
400
- 100% {
401
- transform: rotate(360deg);
402
- }
403
- }
404
- @keyframes hsk-pending-pulse {
405
- 0%, 100% {
406
- transform: scale(0.75);
407
- opacity: 0.6;
408
- }
409
- 50% {
410
- transform: scale(1);
411
- opacity: 1;
412
- }
413
- }
414
- @keyframes hsk-pending-cycle {
415
- 0%, 10% {
416
- opacity: 0;
417
- transform: translateY(2px);
418
- }
419
- 20%, 45% {
420
- opacity: 1;
421
- transform: translateY(0);
422
- }
423
- 55%, 100% {
424
- opacity: 0;
425
- transform: translateY(-2px);
426
- }
427
- }
428
- .hsk-chat-input-area {
429
- display: flex;
430
- align-items: center;
431
- gap: 8px;
432
- padding: 12px 14px;
433
- border-top: 1px solid #f1f3f4;
434
- background: var(--hsk-bg);
435
- flex-shrink: 0;
436
- }
437
- @media (prefers-color-scheme: dark) {
438
- .hsk-chat-input-area {
439
- border-top-color: #202124;
440
- }
441
- }
442
- .hsk-chat-input {
443
- flex: 1;
444
- background: #f1f3f4;
445
- border: 1px solid #f1f3f4;
446
- border-radius: var(--hsk-border-radius, 0px);
447
- padding: 9px 14px;
448
- font-size: 13px;
449
- color: var(--hsk-text);
450
- outline: none;
451
- font-family: inherit;
452
- transition: border-color 0.2s;
453
- resize: none;
454
- min-height: 38px;
455
- max-height: 120px;
456
- line-height: 1.5;
457
- }
458
- @media (prefers-color-scheme: dark) {
459
- .hsk-chat-input {
460
- background: #1a1a1b;
461
- border-color: #202124;
462
- }
463
- }
464
- .hsk-chat-input::placeholder {
465
- color: #888;
466
- }
467
- .hsk-chat-input:focus {
468
- border-color: var(--hsk-primary);
469
- }
470
- .hsk-chat-send {
471
- width: 34px;
472
- height: 34px;
473
- border-radius: var(--hsk-border-radius, 0px);
474
- background: var(--hsk-primary);
475
- border: none;
476
- color: #fff;
477
- cursor: pointer;
478
- display: flex;
479
- align-items: center;
480
- justify-content: center;
481
- flex-shrink: 0;
482
- font-size: 16px;
483
- transition: opacity 0.15s, transform 0.1s;
484
- }
485
- .hsk-chat-send:hover {
486
- opacity: 0.88;
487
- }
488
- .hsk-chat-send:active {
489
- transform: scale(0.93);
490
- }
491
- .hsk-chat-send:disabled {
492
- opacity: 0.4;
493
- cursor: not-allowed;
494
- }
495
- .hsk-chat-reset {
496
- font-size: 11px;
497
- color: #555;
498
- cursor: pointer;
499
- padding: 0 4px;
500
- transition: color 0.15s;
501
- background: none;
502
- border: none;
503
- font-family: inherit;
504
- }
505
- .hsk-chat-reset:hover {
506
- color: var(--hsk-primary);
507
- }
508
- .hsk-chat-error {
509
- font-size: 12px;
510
- color: #ef4444;
511
- text-align: center;
512
- padding: 8px;
513
- }
514
- .hsk-cb-btn {
515
- --hsk-primary: var(--chat-primary-color, #ff6a33);
516
- display: inline-flex;
517
- align-items: center;
518
- gap: 7px;
519
- padding: 8px 16px;
520
- border-radius: var(--hsk-border-radius, 0px);
521
- border: 1px solid rgba(255, 106, 51, 0.4);
522
- background: rgba(255, 106, 51, 0.1);
523
- color: var(--hsk-primary);
524
- font-size: 13px;
525
- font-weight: 600;
526
- cursor: pointer;
527
- transition:
528
- background .15s,
529
- border-color .15s,
530
- transform .12s,
531
- box-shadow .15s;
532
- font-family: inherit;
533
- white-space: nowrap;
534
- }
535
- .hsk-cb-btn:hover {
536
- background: rgba(255, 106, 51, 0.18);
537
- border-color: rgba(255, 106, 51, 0.7);
538
- box-shadow: 0 4px 16px rgba(255, 106, 51, 0.2);
539
- }
540
- .hsk-cb-btn:active {
541
- transform: scale(.95);
542
- }
543
- .hsk-cb-btn-icon {
544
- font-size: 15px;
545
- line-height: 1;
546
- display: flex;
547
- align-items: center;
548
- }
549
- .hsk-cb-overlay {
550
- --hsk-primary: var(--chat-primary-color, #ff6a33);
551
- position: fixed;
552
- inset: 0;
553
- z-index: 99999;
554
- display: flex;
555
- flex-direction: column;
556
- animation: hsk-overlay-in .2s ease-out both;
557
- background: var(--hsk-chat-bg, #ffffff) !important;
558
- }
559
- @keyframes hsk-overlay-in {
560
- from {
561
- opacity: 0;
562
- }
563
- to {
564
- opacity: 1;
565
- }
566
- }
567
- .hsk-cb-panel {
568
- position: relative;
569
- display: flex;
570
- flex-direction: column;
571
- height: 100%;
572
- max-width: 960px;
573
- width: 100%;
574
- margin: 0 auto;
575
- animation: hsk-panel-in .28s cubic-bezier(.34, 1.2, .64, 1) both;
576
- }
577
- @keyframes hsk-panel-in {
578
- from {
579
- opacity: 0;
580
- transform: translateY(24px);
581
- }
582
- to {
583
- opacity: 1;
584
- transform: translateY(0);
585
- }
586
- }
587
- .hsk-cb-topbar {
588
- display: flex;
589
- align-items: center;
590
- justify-content: space-between;
591
- padding: 20px 28px 12px;
592
- flex-shrink: 0;
593
- }
594
- .hsk-cb-topbar-left {
595
- display: flex;
596
- align-items: center;
597
- gap: 10px;
598
- }
599
- .hsk-cb-topbar-icon {
600
- font-size: 22px;
601
- color: var(--hsk-primary);
602
- line-height: 1;
603
- display: flex;
604
- align-items: center;
605
- }
606
- .hsk-cb-topbar-title {
607
- font-size: 16px;
608
- font-weight: 500;
609
- color: var(--hsk-chat-text, #1f1f1f);
610
- letter-spacing: -.01em;
611
- }
612
- .hsk-cb-topbar-sub {
613
- font-size: 12px;
614
- color: var(--hsk-chat-muted, #5f6368);
615
- margin-top: 2px;
616
- }
617
- .hsk-cb-topbar-actions {
618
- display: flex;
619
- align-items: center;
620
- gap: 8px;
621
- }
622
- .hsk-cb-topbar-btn {
623
- height: 34px;
624
- padding: 0 14px;
625
- border-radius: var(--hsk-border-radius, 0px);
626
- border: 1px solid var(--hsk-chat-divide, rgba(0,0,0,.1));
627
- background: none;
628
- color: var(--hsk-chat-muted, #5f6368);
629
- font-size: 12px;
630
- font-weight: 500;
631
- cursor: pointer;
632
- transition: all .15s;
633
- font-family: inherit;
634
- }
635
- .hsk-cb-topbar-btn:hover {
636
- border-color: var(--hsk-primary);
637
- color: var(--hsk-primary);
638
- }
639
- .hsk-cb-close {
640
- width: 34px;
641
- height: 34px;
642
- border-radius: var(--hsk-border-radius, 0px);
643
- border: 1px solid var(--hsk-chat-divide, rgba(0,0,0,.1));
644
- background: none;
645
- color: var(--hsk-chat-muted, #5f6368);
646
- cursor: pointer;
647
- font-size: 20px;
648
- display: flex;
649
- align-items: center;
650
- justify-content: center;
651
- transition: all .15s;
652
- flex-shrink: 0;
653
- font-family: inherit;
654
- line-height: 1;
655
- }
656
- .hsk-cb-close:hover {
657
- border-color: var(--hsk-primary);
658
- color: var(--hsk-primary);
659
- }
660
- .hsk-cb-msgs {
661
- flex: 1;
662
- overflow-y: auto;
663
- padding: 8px 28px 0;
664
- display: flex;
665
- flex-direction: column;
666
- gap: 0;
667
- scroll-behavior: smooth;
668
- scrollbar-width: thin;
669
- scrollbar-color: var(--hsk-chat-divide, rgba(0,0,0,.1)) transparent;
670
- }
671
- .hsk-cb-empty {
672
- flex: 1;
673
- display: flex;
674
- flex-direction: column;
675
- align-items: flex-start;
676
- justify-content: center;
677
- gap: 14px;
678
- padding: 40px clamp(24px, 6%, 56px) 48px;
679
- text-align: left;
680
- }
681
- .hsk-cb-hello {
682
- margin: 0;
683
- font-size: clamp(30px, 6.5vw, 48px);
684
- font-weight: 400;
685
- line-height: 1.04;
686
- letter-spacing: -0.025em;
687
- color: var(--hsk-chat-text, #111);
688
- }
689
- .hsk-cb-hello b {
690
- font-weight: 600;
691
- color: var(--hsk-primary, #ff6a33);
692
- }
693
- .hsk-cb-hello-lead {
694
- margin: 0;
695
- font-size: 16px;
696
- line-height: 1.6;
697
- color: var(--hsk-chat-muted, #5f6368);
698
- max-width: 34ch;
699
- }
700
- .hsk-cb-hello-ask {
701
- margin: 6px 0 0;
702
- font-size: 17px;
703
- font-weight: 500;
704
- color: var(--hsk-chat-text, #111);
705
- }
706
- .hsk-cb-hello-skip {
707
- padding: 0;
708
- font-size: 13px;
709
- color: var(--hsk-chat-muted, #888);
710
- background: transparent;
711
- border: none;
712
- cursor: pointer;
713
- text-decoration: underline;
714
- text-underline-offset: 3px;
715
- }
716
- .hsk-cb-hello-skip:hover {
717
- color: var(--hsk-chat-text, #111);
718
- }
719
- @keyframes hsk-hello-rise {
720
- from {
721
- opacity: 0;
722
- transform: translateY(16px);
723
- filter: blur(10px);
724
- }
725
- to {
726
- opacity: 1;
727
- transform: translateY(0);
728
- filter: blur(0);
729
- }
730
- }
731
- .hsk-cb-hello,
732
- .hsk-cb-hello-lead,
733
- .hsk-cb-hello-ask,
734
- .hsk-cb-hello-skip {
735
- opacity: 0;
736
- animation: hsk-hello-rise 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
737
- }
738
- .hsk-cb-hello {
739
- animation-delay: 0.06s;
740
- }
741
- .hsk-cb-hello-lead {
742
- animation-delay: 0.26s;
743
- }
744
- .hsk-cb-hello-ask {
745
- animation-delay: 0.44s;
746
- }
747
- .hsk-cb-hello-skip {
748
- animation-delay: 0.60s;
749
- }
750
- @media (prefers-reduced-motion: reduce) {
751
- .hsk-cb-hello,
752
- .hsk-cb-hello-lead,
753
- .hsk-cb-hello-ask,
754
- .hsk-cb-hello-skip {
755
- animation: none;
756
- opacity: 1;
757
- transform: none;
758
- filter: none;
759
- }
760
- }
761
- .hsk-cb-chips {
762
- display: flex;
763
- flex-wrap: wrap;
764
- gap: 8px;
765
- justify-content: flex-start;
766
- margin-top: 4px;
767
- }
768
- .hsk-cb-chip {
769
- padding: 8px 16px;
770
- border-radius: var(--hsk-border-radius, 0px);
771
- border: 1px solid var(--hsk-chat-divide, rgba(0,0,0,.1));
772
- background: var(--hsk-chat-source-bg, rgba(0,0,0,.03));
773
- color: var(--hsk-chat-text, #333);
774
- font-size: 13px;
775
- cursor: pointer;
776
- transition: all .15s;
777
- font-family: inherit;
778
- }
779
- .hsk-cb-chip:hover {
780
- border-color: var(--hsk-primary);
781
- color: var(--hsk-primary);
782
- background: rgba(255, 106, 51, .06);
783
- }
784
- .hsk-cb-msg-group {
785
- padding: 20px 0;
786
- border-bottom: 1px solid var(--hsk-chat-divide, rgba(0,0,0,.05));
787
- animation: hsk-msg-in .22s ease-out both;
788
- }
789
- .hsk-cb-msg-group:last-child {
790
- border-bottom: none;
791
- }
792
- @keyframes hsk-msg-in {
793
- from {
794
- opacity: 0;
795
- transform: translateY(10px);
796
- }
797
- to {
798
- opacity: 1;
799
- transform: translateY(0);
800
- }
801
- }
802
- .hsk-cb-user-msg {
803
- display: flex;
804
- flex-direction: column;
805
- align-items: flex-end;
806
- gap: 6px;
807
- margin-bottom: 20px;
808
- }
809
- .hsk-cb-user-msg.hsk-sent {
810
- transform-origin: bottom right;
811
- animation: hsk-send-in .42s cubic-bezier(.2, .9, .3, 1.2) both;
812
- }
813
- @keyframes hsk-send-in {
814
- 0% {
815
- opacity: 0;
816
- transform: translateY(28px) scale(.55);
817
- }
818
- 55% {
819
- opacity: 1;
820
- }
821
- 75% {
822
- transform: translateY(-2px) scale(1.02);
823
- }
824
- 100% {
825
- opacity: 1;
826
- transform: translateY(0) scale(1);
827
- }
828
- }
829
- @media (prefers-reduced-motion: reduce) {
830
- .hsk-cb-user-msg.hsk-sent {
831
- animation: none;
832
- }
833
- }
834
- .hsk-cb-user-bubble {
835
- background: var(--hsk-primary);
836
- color: #fff;
837
- padding: 10px 16px;
838
- border-radius: var(--hsk-border-radius, 0px);
839
- font-size: var(--hsk-font-size, 14.5px);
840
- line-height: 1.55;
841
- max-width: 72%;
842
- font-weight: 500;
843
- }
844
- .hsk-cb-ai-msg {
845
- display: flex;
846
- align-items: flex-start;
847
- gap: 14px;
848
- }
849
- .hsk-cb-ai-icon {
850
- width: 28px;
851
- height: 28px;
852
- border-radius: var(--hsk-border-radius, 0px);
853
- background: rgba(255, 106, 51, .12);
854
- border: 1px solid rgba(255, 106, 51, .25);
855
- color: var(--hsk-primary);
856
- font-size: 13px;
857
- display: flex;
858
- align-items: center;
859
- justify-content: center;
860
- flex-shrink: 0;
861
- margin-top: 2px;
862
- }
863
- .hsk-cb-ai-body {
864
- flex: 1;
865
- min-width: 0;
866
- }
867
- .hsk-cb-ai-text {
868
- font-size: var(--hsk-font-size, 14.5px);
869
- line-height: 1.65;
870
- color: var(--hsk-chat-text, #111);
871
- white-space: pre-wrap;
872
- }
873
- .hsk-cb-sources-wrap {
874
- position: relative;
875
- margin-top: 20px;
876
- }
877
- .hsk-cb-sources {
878
- display: flex;
879
- flex-direction: row;
880
- gap: 14px;
881
- overflow-x: auto;
882
- scroll-snap-type: x mandatory;
883
- scrollbar-width: none;
884
- -ms-overflow-style: none;
885
- padding-bottom: 4px;
886
- }
887
- .hsk-cb-sources::-webkit-scrollbar {
888
- display: none;
889
- }
890
- .hsk-cb-sources-fade {
891
- position: absolute;
892
- right: 0;
893
- top: 0;
894
- bottom: 4px;
895
- width: 90px;
896
- pointer-events: none;
897
- }
898
- .hsk-cb-sources-next {
899
- position: absolute;
900
- right: 10px;
901
- top: 50%;
902
- transform: translateY(-50%);
903
- width: 30px;
904
- height: 30px;
905
- border-radius: var(--hsk-border-radius, 0px);
906
- border: 1px solid var(--hsk-chat-divide, rgba(0,0,0,.12));
907
- background: var(--hsk-chat-bg, #ffffff);
908
- color: var(--hsk-chat-text, #333);
909
- cursor: pointer;
910
- font-size: 16px;
911
- display: flex;
912
- align-items: center;
913
- justify-content: center;
914
- box-shadow: 0 2px 12px rgba(0, 0, 0, .1);
915
- transition: all .15s;
916
- z-index: 3;
917
- font-family: inherit;
918
- line-height: 1;
919
- }
920
- .hsk-cb-sources-next:hover {
921
- border-color: var(--hsk-primary);
922
- color: var(--hsk-primary);
923
- }
924
- .hsk-cb-source {
925
- flex: 0 0 188px;
926
- scroll-snap-align: start;
927
- border-radius: var(--hsk-border-radius, 0px);
928
- border: none;
929
- background: transparent;
930
- cursor: pointer;
931
- transition: transform .14s, opacity .14s;
932
- animation: hsk-card-in .26s ease-out both;
933
- overflow: visible;
934
- }
935
- @keyframes hsk-card-in {
936
- from {
937
- opacity: 0;
938
- transform: translateX(16px);
939
- }
940
- to {
941
- opacity: 1;
942
- transform: none;
943
- }
944
- }
945
- .hsk-cb-source:hover {
946
- transform: translateY(-3px);
947
- opacity: .92;
948
- }
949
- .hsk-cb-src-imgwrap {
950
- width: 188px;
951
- height: 188px;
952
- overflow: hidden;
953
- border-radius: var(--hsk-border-radius, 0px);
954
- display: block;
955
- background: var(--hsk-chat-source-bg, #f8f9fa);
956
- }
957
- .hsk-cb-src-imgwrap img {
958
- width: 100%;
959
- height: 100%;
960
- object-fit: cover;
961
- transition: transform .22s;
962
- display: block;
963
- }
964
- .hsk-cb-source:hover .hsk-cb-src-imgwrap img {
965
- transform: scale(1.05);
966
- }
967
- .hsk-cb-src-imgwrap-empty {
968
- width: 188px;
969
- height: 188px;
970
- background: var(--hsk-chat-divide, rgba(0,0,0,.06));
971
- display: flex;
972
- align-items: center;
973
- justify-content: center;
974
- color: var(--hsk-chat-muted, #555);
975
- font-size: 32px;
976
- }
977
- .hsk-cb-src-info {
978
- padding: 8px 2px 0;
979
- }
980
- .hsk-cb-sources-wrap--compact {
981
- margin-top: 10px;
982
- }
983
- .hsk-cb-sources-wrap--compact .hsk-cb-sources {
984
- gap: 10px;
985
- }
986
- .hsk-cb-sources-wrap--compact .hsk-cb-source {
987
- flex: 0 0 96px;
988
- }
989
- .hsk-cb-sources-wrap--compact .hsk-cb-src-imgwrap,
990
- .hsk-cb-sources-wrap--compact .hsk-cb-src-imgwrap-empty {
991
- width: 96px;
992
- height: 96px;
993
- }
994
- .hsk-cb-sources-wrap--compact .hsk-cb-src-imgwrap-empty {
995
- font-size: 20px;
996
- }
997
- .hsk-cb-sources-wrap--compact .hsk-cb-src-name {
998
- font-size: 11.5px;
999
- -webkit-line-clamp: 1;
1000
- }
1001
- .hsk-cb-sources-wrap--compact .hsk-cb-src-price {
1002
- font-size: 11px;
1003
- }
1004
- .hsk-cb-sources-wrap--compact .hsk-cb-source-ref-badge {
1005
- display: none;
1006
- }
1007
- .hsk-cb-src-name {
1008
- font-size: 13px;
1009
- font-weight: 600;
1010
- color: var(--hsk-chat-text, #333);
1011
- line-height: 1.4;
1012
- display: -webkit-box;
1013
- -webkit-line-clamp: 2;
1014
- -webkit-box-orient: vertical;
1015
- overflow: hidden;
1016
- }
1017
- .hsk-cb-src-price {
1018
- font-size: 13px;
1019
- color: var(--hsk-primary);
1020
- font-weight: 700;
1021
- margin-top: 3px;
1022
- }
1023
- .hsk-cb-selected-product {
1024
- display: flex;
1025
- align-items: flex-start;
1026
- gap: 14px;
1027
- margin-top: 16px;
1028
- padding: 14px;
1029
- border: 1px solid var(--hsk-chat-divide, rgba(0,0,0,.08));
1030
- border-left: 3px solid var(--hsk-primary);
1031
- background: var(--hsk-chat-source-bg, rgba(0,0,0,.03));
1032
- cursor: pointer;
1033
- transition: border-color .15s;
1034
- animation: hsk-msg-in .2s ease-out both;
1035
- }
1036
- .hsk-cb-selected-product:hover {
1037
- border-left-color: rgba(255, 106, 51, .6);
1038
- }
1039
- .hsk-cb-selected-img {
1040
- width: 64px;
1041
- height: 64px;
1042
- object-fit: cover;
1043
- flex-shrink: 0;
1044
- }
1045
- .hsk-cb-selected-info {
1046
- flex: 1;
1047
- min-width: 0;
1048
- }
1049
- .hsk-cb-selected-name {
1050
- font-size: 13px;
1051
- font-weight: 700;
1052
- color: var(--hsk-chat-text, #111);
1053
- margin-bottom: 3px;
1054
- }
1055
- .hsk-cb-selected-price {
1056
- font-size: 13px;
1057
- color: var(--hsk-primary);
1058
- font-weight: 700;
1059
- }
1060
- .hsk-cb-typing-row {
1061
- display: flex;
1062
- align-items: flex-start;
1063
- gap: 14px;
1064
- padding: 20px 0;
1065
- }
1066
- .hsk-cb-thinking-icon {
1067
- position: relative;
1068
- width: 40px;
1069
- height: 40px;
1070
- color: var(--hsk-primary, #ff6a33);
1071
- flex-shrink: 0;
1072
- }
1073
- .hsk-cb-thinking-icon .hsk-brand-mark {
1074
- position: absolute;
1075
- inset: 0;
1076
- fill: currentColor;
1077
- opacity: 0.16;
1078
- }
1079
- .hsk-cb-thinking-icon .hsk-brand-mark:not(.hsk-brand-mark--sheen) {
1080
- transform-origin: 50% 100%;
1081
- animation: hsk-glyph-settle 2.8s infinite;
1082
- }
1083
- @keyframes hsk-glyph-settle {
1084
- 0%, 72% {
1085
- opacity: 0.16;
1086
- transform: scale(1);
1087
- }
1088
- 82% {
1089
- opacity: 1;
1090
- transform: scale(1.07);
1091
- animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
1092
- }
1093
- 90% {
1094
- transform: scale(0.97);
1095
- }
1096
- 95% {
1097
- opacity: 1;
1098
- transform: scale(1);
1099
- }
1100
- 100% {
1101
- opacity: 0.16;
1102
- transform: scale(1);
1103
- }
1104
- }
1105
- .hsk-cb-thinking-icon .hsk-brand-mark--sheen {
1106
- opacity: 1;
1107
- -webkit-mask-image:
1108
- linear-gradient(
1109
- 115deg,
1110
- transparent 38%,
1111
- #000 50%,
1112
- transparent 62%);
1113
- mask-image:
1114
- linear-gradient(
1115
- 115deg,
1116
- transparent 38%,
1117
- #000 50%,
1118
- transparent 62%);
1119
- -webkit-mask-size: 300% 100%;
1120
- mask-size: 300% 100%;
1121
- -webkit-mask-repeat: no-repeat;
1122
- mask-repeat: no-repeat;
1123
- animation: hsk-glyph-sheen 2.8s linear infinite;
1124
- }
1125
- @keyframes hsk-glyph-sheen {
1126
- 0% {
1127
- -webkit-mask-position: 130% 0;
1128
- mask-position: 130% 0;
1129
- }
1130
- 100% {
1131
- -webkit-mask-position: -30% 0;
1132
- mask-position: -30% 0;
1133
- }
1134
- }
1135
- .hsk-handle-orbit {
1136
- position: absolute;
1137
- left: 55.4%;
1138
- top: 69.84%;
1139
- width: 0;
1140
- height: 0;
1141
- animation: hsk-orbit-scale 2.8s infinite;
1142
- }
1143
- .hsk-handle-ring {
1144
- position: absolute;
1145
- inset: 0;
1146
- animation: hsk-orbit-spin 2.8s infinite;
1147
- }
1148
- .hsk-handle-ball {
1149
- position: absolute;
1150
- top: 0;
1151
- left: 0;
1152
- width: 4px;
1153
- height: 4px;
1154
- margin: -2px 0 0 -2px;
1155
- border-radius: 50%;
1156
- background: currentColor;
1157
- transform: rotate(calc(var(--i) * 72deg)) translateX(12px) scale(calc(1 - var(--i) * 0.15));
1158
- opacity: calc(1 - var(--i) * 0.19);
1159
- }
1160
- .hsk-handle-ball:nth-child(1) {
1161
- --i: 0;
1162
- }
1163
- .hsk-handle-ball:nth-child(2) {
1164
- --i: 1;
1165
- }
1166
- .hsk-handle-ball:nth-child(3) {
1167
- --i: 2;
1168
- }
1169
- .hsk-handle-ball:nth-child(4) {
1170
- --i: 3;
1171
- }
1172
- .hsk-handle-ball:nth-child(5) {
1173
- --i: 4;
1174
- }
1175
- .hsk-handle-rest {
1176
- position: absolute;
1177
- left: 55.4%;
1178
- top: 69.84%;
1179
- width: 4px;
1180
- height: 4px;
1181
- margin: -2px 0 0 -2px;
1182
- border-radius: 50%;
1183
- background: currentColor;
1184
- animation: hsk-handle-pop 2.8s infinite;
1185
- }
1186
- @keyframes hsk-orbit-scale {
1187
- 0% {
1188
- transform: scale(0);
1189
- animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
1190
- }
1191
- 12% {
1192
- transform: scale(1);
1193
- animation-timing-function: linear;
1194
- }
1195
- 60% {
1196
- transform: scale(1);
1197
- animation-timing-function: cubic-bezier(0.55, 0, 0.85, 0.35);
1198
- }
1199
- 76%, 100% {
1200
- transform: scale(0);
1201
- }
1202
- }
1203
- @keyframes hsk-orbit-spin {
1204
- 0% {
1205
- transform: rotate(0deg);
1206
- animation-timing-function: ease-in;
1207
- }
1208
- 60% {
1209
- transform: rotate(560deg);
1210
- animation-timing-function: linear;
1211
- }
1212
- 76%, 100% {
1213
- transform: rotate(650deg);
1214
- }
1215
- }
1216
- @keyframes hsk-handle-pop {
1217
- 0%, 74% {
1218
- opacity: 0;
1219
- transform: scale(0);
1220
- }
1221
- 84% {
1222
- opacity: 1;
1223
- transform: scale(1.4);
1224
- animation-timing-function: ease-out;
1225
- }
1226
- 92% {
1227
- transform: scale(0.9);
1228
- }
1229
- 100% {
1230
- opacity: 1;
1231
- transform: scale(1);
1232
- }
1233
- }
1234
- .hsk-cb-thinking-text {
1235
- font-size: 13.5px;
1236
- font-weight: 500;
1237
- background-image:
1238
- linear-gradient(
1239
- 90deg,
1240
- var(--hsk-chat-muted, #9aa0a6) 0%,
1241
- var(--hsk-chat-muted, #9aa0a6) 38%,
1242
- var(--hsk-chat-text, #1f1f1f) 50%,
1243
- var(--hsk-chat-muted, #9aa0a6) 62%,
1244
- var(--hsk-chat-muted, #9aa0a6) 100%);
1245
- background-size: 220% 100%;
1246
- -webkit-background-clip: text;
1247
- background-clip: text;
1248
- color: transparent;
1249
- -webkit-text-fill-color: transparent;
1250
- animation: hsk-shimmer 2.2s linear infinite;
1251
- }
1252
- @keyframes hsk-shimmer {
1253
- 0% {
1254
- background-position: 130% 0;
1255
- }
1256
- 100% {
1257
- background-position: -110% 0;
1258
- }
1259
- }
1260
- .hsk-cb-input-wrap {
1261
- position: relative;
1262
- padding: 16px 28px 28px;
1263
- flex-shrink: 0;
1264
- }
1265
- .hsk-cb-input-box {
1266
- display: flex;
1267
- align-items: flex-end;
1268
- gap: 10px;
1269
- background: var(--hsk-chat-input-bg, rgba(0,0,0,.04));
1270
- border: 1.5px solid var(--hsk-chat-divide, rgba(0,0,0,.1));
1271
- border-radius: var(--hsk-border-radius, 0px);
1272
- padding: 14px 14px 14px 20px;
1273
- transition: border-color .15s, box-shadow .15s;
1274
- }
1275
- .hsk-cb-input-box:focus-within {
1276
- border-color: var(--hsk-primary);
1277
- box-shadow: 0 0 0 3px rgba(255, 106, 51, .1);
1278
- }
1279
- .hsk-cb-textarea {
1280
- flex: 1;
1281
- background: transparent;
1282
- border: none;
1283
- outline: none;
1284
- resize: none;
1285
- font-size: 13px;
1286
- color: var(--hsk-chat-text, #111);
1287
- min-height: 24px;
1288
- max-height: 140px;
1289
- line-height: 1.5;
1290
- font-family: inherit;
1291
- }
1292
- .hsk-cb-textarea::placeholder {
1293
- color: var(--hsk-chat-muted, #aaa);
1294
- }
1295
- .hsk-cb-send {
1296
- width: 38px;
1297
- height: 38px;
1298
- border-radius: var(--hsk-border-radius, 0px);
1299
- background: var(--hsk-primary);
1300
- border: none;
1301
- color: #fff;
1302
- cursor: pointer;
1303
- font-size: 18px;
1304
- display: flex;
1305
- align-items: center;
1306
- justify-content: center;
1307
- flex-shrink: 0;
1308
- transition:
1309
- opacity .15s,
1310
- transform .1s,
1311
- background .15s;
1312
- font-family: inherit;
1313
- }
1314
- .hsk-cb-send:hover {
1315
- opacity: .88;
1316
- }
1317
- .hsk-cb-send:active {
1318
- transform: scale(.9);
1319
- }
1320
- .hsk-cb-send:disabled {
1321
- opacity: .3;
1322
- cursor: not-allowed;
1323
- background: var(--hsk-chat-muted, #ccc);
1324
- }
1325
- .hsk-cb-send--stop {
1326
- background: #e5342a;
1327
- }
1328
- .hsk-cb-send--stop:hover {
1329
- background: #c92a21;
1330
- opacity: 1;
1331
- }
1332
- .hsk-cb-hint {
1333
- text-align: center;
1334
- font-size: 10px;
1335
- color: var(--hsk-chat-muted, #bbb);
1336
- margin-top: 10px;
1337
- }
1338
- .hsk-cb-img-strip {
1339
- display: flex;
1340
- flex-wrap: wrap;
1341
- gap: 8px;
1342
- padding: 0 0 10px 0;
1343
- animation: hsk-msg-in .2s ease-out both;
1344
- }
1345
- .hsk-cb-img-thumb-wrap {
1346
- position: relative;
1347
- width: 72px;
1348
- height: 72px;
1349
- flex-shrink: 0;
1350
- }
1351
- .hsk-cb-img-thumb {
1352
- width: 100%;
1353
- height: 100%;
1354
- object-fit: cover;
1355
- border-radius: var(--hsk-border-radius, 0px);
1356
- border: 1.5px solid var(--hsk-chat-divide, rgba(0,0,0,.12));
1357
- display: block;
1358
- }
1359
- .hsk-cb-img-thumb-remove {
1360
- position: absolute;
1361
- top: -6px;
1362
- right: -6px;
1363
- width: 18px;
1364
- height: 18px;
1365
- border-radius: 50%;
1366
- background: #ef4444;
1367
- color: #fff;
1368
- border: none;
1369
- font-size: 12px;
1370
- line-height: 1;
1371
- display: flex;
1372
- align-items: center;
1373
- justify-content: center;
1374
- cursor: pointer;
1375
- padding: 0;
1376
- font-family: inherit;
1377
- transition: transform .1s;
1378
- }
1379
- .hsk-cb-img-thumb-remove:hover {
1380
- transform: scale(1.15);
1381
- }
1382
- .hsk-cb-attach-btn {
1383
- width: 32px;
1384
- height: 32px;
1385
- border-radius: var(--hsk-border-radius, 0px);
1386
- border: 1.5px solid var(--hsk-chat-divide, rgba(0,0,0,.12));
1387
- background: none;
1388
- color: var(--hsk-chat-muted, #888);
1389
- cursor: pointer;
1390
- display: flex;
1391
- align-items: center;
1392
- justify-content: center;
1393
- flex-shrink: 0;
1394
- transition:
1395
- border-color .15s,
1396
- color .15s,
1397
- background .15s;
1398
- font-family: inherit;
1399
- }
1400
- .hsk-cb-attach-btn:hover {
1401
- border-color: var(--hsk-primary);
1402
- color: var(--hsk-primary);
1403
- background: rgba(255, 106, 51, .06);
1404
- }
1405
- .hsk-cb-attach-btn:disabled {
1406
- opacity: .35;
1407
- cursor: not-allowed;
1408
- }
1409
- .hsk-cb-mic-btn {
1410
- position: relative;
1411
- width: 32px;
1412
- height: 32px;
1413
- border-radius: var(--hsk-border-radius, 0px);
1414
- border: 1.5px solid var(--hsk-chat-divide, rgba(0,0,0,.12));
1415
- background: none;
1416
- color: var(--hsk-chat-muted, #888);
1417
- cursor: pointer;
1418
- display: flex;
1419
- align-items: center;
1420
- justify-content: center;
1421
- flex-shrink: 0;
1422
- transition:
1423
- border-color .15s,
1424
- color .15s,
1425
- background .15s;
1426
- font-family: inherit;
1427
- overflow: visible;
1428
- }
1429
- .hsk-cb-mic-btn:hover {
1430
- border-color: var(--hsk-primary);
1431
- color: var(--hsk-primary);
1432
- background: rgba(255, 106, 51, .06);
1433
- }
1434
- .hsk-cb-mic-btn:disabled {
1435
- opacity: .35;
1436
- cursor: not-allowed;
1437
- }
1438
- .hsk-cb-mic-btn--listening {
1439
- border-color: #ef4444;
1440
- color: #ef4444;
1441
- background: rgba(239, 68, 68, .08);
1442
- }
1443
- .hsk-cb-mic-btn--processing {
1444
- border-color: var(--hsk-primary);
1445
- color: var(--hsk-primary);
1446
- opacity: .7;
1447
- }
1448
- .hsk-cb-mic-pulse {
1449
- position: absolute;
1450
- inset: -4px;
1451
- border-radius: inherit;
1452
- border: 2px solid #ef4444;
1453
- animation: hsk-mic-pulse 1.1s ease-out infinite;
1454
- pointer-events: none;
1455
- }
1456
- @keyframes hsk-mic-pulse {
1457
- 0% {
1458
- transform: scale(1);
1459
- opacity: .8;
1460
- }
1461
- 100% {
1462
- transform: scale(1.55);
1463
- opacity: 0;
1464
- }
1465
- }
1466
- .hsk-cb-user-imgs {
1467
- display: flex;
1468
- flex-wrap: wrap;
1469
- gap: 6px;
1470
- justify-content: flex-end;
1471
- max-width: 72%;
1472
- }
1473
- .hsk-cb-user-img-thumb {
1474
- width: 80px;
1475
- height: 80px;
1476
- object-fit: cover;
1477
- border-radius: var(--hsk-border-radius, 0px);
1478
- border: 2px solid rgba(255, 255, 255, .3);
1479
- display: block;
1480
- }
1481
- .hsk-cb-error {
1482
- margin: 8px 0;
1483
- padding: 10px 14px;
1484
- border-radius: var(--hsk-border-radius, 0px);
1485
- background: rgba(239, 68, 68, .08);
1486
- border: 1px solid rgba(239, 68, 68, .2);
1487
- color: #ef4444;
1488
- font-size: 13px;
1489
- }
1490
- .hsk-cb-memory-pill {
1491
- display: inline-flex;
1492
- align-items: center;
1493
- gap: 7px;
1494
- align-self: flex-start;
1495
- margin: 4px 0 10px;
1496
- padding: 9px 14px;
1497
- font-size: 13px;
1498
- font-weight: 600;
1499
- text-decoration: none;
1500
- color: #fff;
1501
- background: var(--hsk-primary, #ff6a33);
1502
- border: none;
1503
- border-radius: var(--hsk-border-radius, 0px);
1504
- transition: opacity .15s;
1505
- }
1506
- .hsk-cb-memory-pill:hover {
1507
- opacity: .88;
1508
- }
1509
- .hsk-cb-think {
1510
- margin-bottom: 10px;
1511
- font-size: 12.5px;
1512
- }
1513
- .hsk-cb-think-head {
1514
- display: inline-flex;
1515
- align-items: center;
1516
- gap: 6px;
1517
- padding: 0;
1518
- border: none;
1519
- background: none;
1520
- font: inherit;
1521
- font-weight: 500;
1522
- color: var(--hsk-chat-muted, #888);
1523
- cursor: pointer;
1524
- user-select: none;
1525
- }
1526
- .hsk-cb-think-head:hover {
1527
- color: var(--hsk-chat-text, #111);
1528
- }
1529
- .hsk-cb-think-head--static {
1530
- cursor: default;
1531
- }
1532
- .hsk-cb-think-head--static:hover {
1533
- color: var(--hsk-chat-muted, #888);
1534
- }
1535
- .hsk-cb-think-spin {
1536
- animation: hsk-think-spin 3s linear infinite;
1537
- }
1538
- @keyframes hsk-think-spin {
1539
- to {
1540
- transform: rotate(360deg);
1541
- }
1542
- }
1543
- .hsk-cb-think-chevron {
1544
- font-size: 9px;
1545
- transition: transform .12s;
1546
- }
1547
- .hsk-cb-think-chevron--open {
1548
- transform: rotate(90deg);
1549
- }
1550
- .hsk-cb-think-body {
1551
- margin-top: 6px;
1552
- padding: 8px 10px;
1553
- border-left: 2px solid var(--hsk-chat-border, rgba(128,128,128,.25));
1554
- color: var(--hsk-chat-muted, #666);
1555
- white-space: pre-wrap;
1556
- line-height: 1.45;
1557
- font-style: italic;
1558
- }
1559
- .hsk-cb-stopped {
1560
- display: flex;
1561
- align-items: center;
1562
- gap: 12px;
1563
- margin: 8px 0;
1564
- flex-wrap: wrap;
1565
- }
1566
- .hsk-cb-stopped-label {
1567
- font-size: 12.5px;
1568
- color: var(--hsk-chat-muted, #888);
1569
- }
1570
- .hsk-cb-continue {
1571
- display: inline-flex;
1572
- align-items: center;
1573
- gap: 6px;
1574
- padding: 7px 12px;
1575
- font-size: 12.5px;
1576
- font-weight: 600;
1577
- color: var(--hsk-chat-text, #111);
1578
- background: transparent;
1579
- border: 1.5px solid var(--hsk-chat-divide, rgba(0,0,0,.14));
1580
- border-radius: var(--hsk-border-radius, 0px);
1581
- cursor: pointer;
1582
- transition:
1583
- border-color .15s,
1584
- color .15s,
1585
- background .15s;
1586
- }
1587
- .hsk-cb-continue:hover {
1588
- border-color: var(--hsk-primary);
1589
- color: var(--hsk-primary);
1590
- }
1591
- @media (prefers-color-scheme: dark) {
1592
- .hsk-cb-continue {
1593
- border-color: rgba(255, 255, 255, .14);
1594
- color: #f0efed;
1595
- }
1596
- }
1597
- @media (prefers-color-scheme: dark) {
1598
- .hsk-cb-overlay {
1599
- --hsk-chat-bg: #0a0a0a;
1600
- --hsk-chat-text: #f0efed;
1601
- --hsk-chat-muted: #888;
1602
- --hsk-chat-divide: rgba(255,255,255,.07);
1603
- --hsk-chat-input-bg: rgba(255,255,255,.05);
1604
- --hsk-chat-source-bg: rgba(255,255,255,.04);
1605
- --hsk-fade-bg: #0a0a0a;
1606
- background: var(--hsk-chat-bg, #000000) !important;
1607
- }
1608
- .hsk-cb-topbar-title {
1609
- color: #f0efed;
1610
- }
1611
- .hsk-cb-topbar-sub {
1612
- color: #888;
1613
- }
1614
- .hsk-cb-topbar-btn {
1615
- border-color: rgba(255, 255, 255, .07);
1616
- color: #888;
1617
- }
1618
- .hsk-cb-close {
1619
- border-color: rgba(255, 255, 255, .07);
1620
- color: #888;
1621
- }
1622
- .hsk-cb-hello {
1623
- color: #f0efed;
1624
- }
1625
- .hsk-cb-hello-ask {
1626
- color: #f0efed;
1627
- }
1628
- .hsk-cb-hello-lead {
1629
- color: #888;
1630
- }
1631
- .hsk-cb-chip {
1632
- border-color: rgba(255, 255, 255, .07);
1633
- background: rgba(255, 255, 255, .04);
1634
- color: #f0efed;
1635
- }
1636
- .hsk-cb-chip:hover {
1637
- background: rgba(255, 106, 51, .06);
1638
- }
1639
- .hsk-cb-msg-group {
1640
- border-bottom-color: rgba(255, 255, 255, .05);
1641
- }
1642
- .hsk-cb-user-bubble {
1643
- color: #fff;
1644
- }
1645
- .hsk-cb-ai-icon {
1646
- background: rgba(255, 106, 51, .12);
1647
- border-color: rgba(255, 106, 51, .25);
1648
- }
1649
- .hsk-cb-ai-text {
1650
- color: #f0efed;
1651
- }
1652
- .hsk-cb-sources-next {
1653
- border-color: rgba(255, 255, 255, .12);
1654
- background: #0a0a0a;
1655
- color: #f0efed;
1656
- }
1657
- .hsk-cb-src-imgwrap-empty {
1658
- background: rgba(255, 255, 255, .06);
1659
- color: #555;
1660
- }
1661
- .hsk-cb-src-name {
1662
- color: #f0efed;
1663
- }
1664
- .hsk-cb-selected-product {
1665
- border-color: rgba(255, 255, 255, .08);
1666
- background: rgba(255, 255, 255, .03);
1667
- }
1668
- .hsk-cb-selected-name {
1669
- color: #f0efed;
1670
- }
1671
- .hsk-cb-dot {
1672
- background: #555;
1673
- }
1674
- .hsk-cb-input-box {
1675
- background: rgba(255, 255, 255, .05);
1676
- border-color: rgba(255, 255, 255, .07);
1677
- }
1678
- .hsk-cb-textarea {
1679
- color: #f0efed;
1680
- }
1681
- .hsk-cb-textarea::placeholder {
1682
- color: #555;
1683
- }
1684
- .hsk-cb-send:disabled {
1685
- background: #555;
1686
- }
1687
- .hsk-cb-hint {
1688
- color: #555;
1689
- }
1690
- }
1691
- @media (prefers-color-scheme: light) {
1692
- .hsk-cb-overlay {
1693
- --hsk-chat-bg: #ffffff;
1694
- --hsk-chat-text: #1f1f1f;
1695
- --hsk-chat-muted: #5f6368;
1696
- --hsk-chat-divide: #f1f3f4;
1697
- --hsk-chat-input-bg: #f1f3f4;
1698
- --hsk-chat-source-bg: #f8f9fa;
1699
- --hsk-fade-bg: #ffffff;
1700
- background: var(--hsk-chat-bg, #ffffff) !important;
1701
- }
1702
- }
1703
- .hsk-sb-wrap {
1704
- --hsk-bg: #ffffff;
1705
- --hsk-border: #f1f3f4;
1706
- --hsk-text: #1f1f1f;
1707
- --hsk-muted: #5f6368;
1708
- --hsk-hover: #f8f9fa;
1709
- --hsk-drop-shadow: 0 8px 30px rgba(0,0,0,.06);
1710
- --hsk-primary: var(--chat-primary-color, #ff6a33);
1711
- position: relative;
1712
- width: 100%;
1713
- font-family: inherit;
1714
- }
1715
- @media (prefers-color-scheme: dark) {
1716
- .hsk-sb-wrap {
1717
- --hsk-bg: #0a0a0a;
1718
- --hsk-border: #202124;
1719
- --hsk-text: #e8eaed;
1720
- --hsk-muted: #888;
1721
- --hsk-hover: #1a1a1b;
1722
- --hsk-drop-shadow: 0 12px 40px rgba(0,0,0,.4);
1723
- }
1724
- }
1725
- .hsk-sb-input {
1726
- width: 100%;
1727
- padding: 10px 16px 10px 40px;
1728
- font-size: 14px;
1729
- border-radius: var(--hsk-border-radius, 0px);
1730
- border: 1.5px solid var(--hsk-border);
1731
- outline: none;
1732
- box-sizing: border-box;
1733
- background: var(--hsk-bg);
1734
- color: var(--hsk-text);
1735
- transition: border-color .15s, box-shadow .15s;
1736
- font-family: inherit;
1737
- }
1738
- .hsk-sb-input::placeholder {
1739
- color: var(--hsk-muted);
1740
- }
1741
- .hsk-sb-input:focus {
1742
- border-color: var(--hsk-primary);
1743
- box-shadow: 0 0 0 3px rgba(255, 106, 51, .12);
1744
- }
1745
- .hsk-sb-icon {
1746
- position: absolute;
1747
- left: 14px;
1748
- top: 50%;
1749
- transform: translateY(-50%);
1750
- color: var(--hsk-muted);
1751
- pointer-events: none;
1752
- display: flex;
1753
- align-items: center;
1754
- }
1755
- .hsk-sb-drop {
1756
- position: absolute;
1757
- top: calc(100% + 6px);
1758
- left: 0;
1759
- right: 0;
1760
- background: var(--hsk-bg);
1761
- border: 1px solid var(--hsk-border);
1762
- border-radius: var(--hsk-border-radius, 0px);
1763
- box-shadow: var(--hsk-drop-shadow);
1764
- z-index: 9999;
1765
- overflow: hidden;
1766
- padding: 6px 0;
1767
- }
1768
- .hsk-sb-row {
1769
- display: flex;
1770
- align-items: center;
1771
- gap: 12px;
1772
- padding: 9px 16px;
1773
- cursor: pointer;
1774
- transition: background .1s;
1775
- }
1776
- .hsk-sb-row:hover {
1777
- background: var(--hsk-hover);
1778
- }
1779
- .hsk-sb-row-icon {
1780
- color: var(--hsk-muted);
1781
- flex-shrink: 0;
1782
- display: flex;
1783
- align-items: center;
1784
- }
1785
- .hsk-sb-row-thumb {
1786
- width: 38px;
1787
- height: 38px;
1788
- flex-shrink: 0;
1789
- display: flex;
1790
- align-items: center;
1791
- justify-content: center;
1792
- color: var(--hsk-muted);
1793
- background: var(--hsk-hover);
1794
- border-radius: var(--hsk-border-radius, 0px);
1795
- overflow: hidden;
1796
- }
1797
- .hsk-sb-row-thumb img {
1798
- width: 100%;
1799
- height: 100%;
1800
- object-fit: cover;
1801
- display: block;
1802
- }
1803
- .hsk-sb-row-body {
1804
- flex: 1;
1805
- min-width: 0;
1806
- }
1807
- .hsk-sb-row-title {
1808
- font-size: 13px;
1809
- font-weight: 500;
1810
- color: var(--hsk-text);
1811
- white-space: nowrap;
1812
- overflow: hidden;
1813
- text-overflow: ellipsis;
1814
- line-height: 1.3;
1815
- }
1816
- .hsk-sb-row-sub {
1817
- font-size: 11px;
1818
- color: var(--hsk-muted);
1819
- margin-top: 2px;
1820
- white-space: nowrap;
1821
- overflow: hidden;
1822
- text-overflow: ellipsis;
1823
- }
1824
- .hsk-sb-empty {
1825
- padding: 14px 16px;
1826
- font-size: 13px;
1827
- color: var(--hsk-muted);
1828
- }
1829
- .hsk-sb-loading-bar {
1830
- height: 2px;
1831
- background:
1832
- linear-gradient(
1833
- 90deg,
1834
- transparent,
1835
- var(--hsk-primary),
1836
- transparent);
1837
- background-size: 200% 100%;
1838
- animation: hsk-sweep 0.9s linear infinite;
1839
- position: absolute;
1840
- top: 0;
1841
- left: 0;
1842
- right: 0;
1843
- }
1844
- @keyframes hsk-sweep {
1845
- 0% {
1846
- background-position: 200% 0;
1847
- }
1848
- 100% {
1849
- background-position: -200% 0;
1850
- }
1851
- }
1852
- .hsk-sb-fade {
1853
- animation: hsk-fin .1s ease-out both;
1854
- }
1855
- @keyframes hsk-fin {
1856
- from {
1857
- opacity: 0;
1858
- transform: translateY(3px);
1859
- }
1860
- to {
1861
- opacity: 1;
1862
- transform: none;
1863
- }
1864
- }
1865
- .hsk-sb-skeleton-row {
1866
- display: flex;
1867
- align-items: center;
1868
- gap: 12px;
1869
- padding: 9px 16px;
1870
- }
1871
- .hsk-sb-skeleton-icon {
1872
- width: 38px;
1873
- height: 38px;
1874
- background: var(--hsk-hover, rgba(0, 0, 0, 0.05));
1875
- border-radius: var(--hsk-border-radius, 0px);
1876
- flex-shrink: 0;
1877
- animation: hsk-pulse 1.5s ease-in-out infinite;
1878
- }
1879
- .hsk-sb-skeleton-text1 {
1880
- height: 12px;
1881
- background: var(--hsk-hover, rgba(0, 0, 0, 0.05));
1882
- border-radius: 3px;
1883
- width: 60%;
1884
- animation: hsk-pulse 1.5s ease-in-out infinite;
1885
- }
1886
- .hsk-sb-skeleton-text2 {
1887
- height: 8px;
1888
- background: var(--hsk-hover, rgba(0, 0, 0, 0.05));
1889
- border-radius: 2px;
1890
- width: 35%;
1891
- margin-top: 5px;
1892
- animation: hsk-pulse 1.5s ease-in-out infinite;
1893
- }
1894
- @keyframes hsk-pulse {
1895
- 0%, 100% {
1896
- opacity: 0.6;
1897
- }
1898
- 50% {
1899
- opacity: 1;
1900
- }
1901
- }
1902
- .hsk-sp-btn {
1903
- --hsk-primary: var(--chat-primary-color, #ff6a33);
1904
- display: inline-flex;
1905
- align-items: center;
1906
- justify-content: center;
1907
- width: 32px;
1908
- height: 32px;
1909
- border-radius: var(--hsk-border-radius, 0px);
1910
- border: 1px solid var(--hsk-sp-border, rgba(255,106,51,.35));
1911
- background: var(--hsk-sp-bg, rgba(255,106,51,.08));
1912
- color: var(--hsk-primary);
1913
- cursor: pointer;
1914
- font-size: 15px;
1915
- line-height: 1;
1916
- transition:
1917
- background .15s,
1918
- border-color .15s,
1919
- transform .12s;
1920
- flex-shrink: 0;
1921
- padding: 0;
1922
- }
1923
- .hsk-sp-btn:hover {
1924
- background: rgba(255, 106, 51, .18);
1925
- border-color: rgba(255, 106, 51, .7);
1926
- transform: scale(1.1);
1927
- }
1928
- .hsk-sp-btn:active {
1929
- transform: scale(.92);
1930
- }
1931
- .hsk-sp-backdrop {
1932
- position: fixed;
1933
- inset: 0;
1934
- z-index: 99998;
1935
- display: flex;
1936
- align-items: center;
1937
- justify-content: center;
1938
- padding: 24px;
1939
- animation: hsk-bd-in .2s ease-out both;
1940
- background: #ffffff !important;
1941
- }
1942
- @keyframes hsk-bd-in {
1943
- from {
1944
- opacity: 0;
1945
- }
1946
- to {
1947
- opacity: 1;
1948
- }
1949
- }
1950
- .hsk-sp-card {
1951
- --hsk-primary: var(--chat-primary-color, #ff6a33);
1952
- width: 100%;
1953
- max-width: 600px;
1954
- border-radius: var(--hsk-border-radius, 0px);
1955
- overflow: hidden;
1956
- animation: hsk-card-in .24s cubic-bezier(.34, 1.36, .64, 1) both;
1957
- flex-shrink: 0;
1958
- background: var(--hsk-modal-card-bg, #ffffff);
1959
- border: 1px solid var(--hsk-modal-card-border, #f1f3f4);
1960
- box-shadow: 0 32px 80px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);
1961
- display: flex;
1962
- flex-direction: column;
1963
- }
1964
- .hsk-sp-card.hsk-sp-fullscreen {
1965
- max-width: 1000px;
1966
- width: 90vw;
1967
- height: 85vh;
1968
- max-height: 800px;
1969
- }
1970
- @media (max-width: 768px) {
1971
- .hsk-sp-backdrop {
1972
- padding: 0;
1973
- }
1974
- .hsk-sp-card.hsk-sp-fullscreen {
1975
- width: 100vw;
1976
- height: 100vh;
1977
- height: 100dvh;
1978
- max-height: 100vh;
1979
- max-height: 100dvh;
1980
- border: none;
1981
- border-radius: 0;
1982
- }
1983
- }
1984
- @keyframes hsk-card-in {
1985
- from {
1986
- opacity: 0;
1987
- transform: scale(.96) translateY(-12px);
1988
- }
1989
- to {
1990
- opacity: 1;
1991
- transform: scale(1) translateY(0);
1992
- }
1993
- }
1994
- .hsk-sp-header {
1995
- display: flex;
1996
- align-items: center;
1997
- gap: 10px;
1998
- padding: 18px 20px 14px;
1999
- border-bottom: 1px solid var(--hsk-modal-divide, #f1f3f4);
2000
- flex-shrink: 0;
2001
- }
2002
- .hsk-sp-header-icon {
2003
- font-size: 18px;
2004
- color: var(--hsk-primary);
2005
- flex-shrink: 0;
2006
- display: flex;
2007
- align-items: center;
2008
- }
2009
- .hsk-sp-header-body {
2010
- flex: 1;
2011
- min-width: 0;
2012
- }
2013
- .hsk-sp-header-title {
2014
- font-size: 14px;
2015
- font-weight: 600;
2016
- color: var(--hsk-modal-text, #1f1f1f);
2017
- white-space: nowrap;
2018
- overflow: hidden;
2019
- text-overflow: ellipsis;
2020
- }
2021
- .hsk-sp-header-sub {
2022
- font-size: 11px;
2023
- color: var(--hsk-modal-muted, #5f6368);
2024
- margin-top: 2px;
2025
- }
2026
- .hsk-sp-close {
2027
- width: 30px;
2028
- height: 30px;
2029
- border-radius: var(--hsk-border-radius, 0px);
2030
- border: 1px solid var(--hsk-modal-divide, #f1f3f4);
2031
- background: none;
2032
- color: var(--hsk-modal-muted, #5f6368);
2033
- cursor: pointer;
2034
- font-size: 18px;
2035
- display: flex;
2036
- align-items: center;
2037
- justify-content: center;
2038
- transition: all .15s;
2039
- flex-shrink: 0;
2040
- }
2041
- .hsk-sp-close:hover {
2042
- border-color: var(--hsk-primary);
2043
- color: var(--hsk-primary);
2044
- }
2045
- .hsk-sp-bar {
2046
- height: 2px;
2047
- background:
2048
- linear-gradient(
2049
- 90deg,
2050
- transparent 0%,
2051
- var(--hsk-primary) 40%,
2052
- #ffaa80 60%,
2053
- transparent 100%);
2054
- background-size: 200% 100%;
2055
- animation: hsk-bar .9s linear infinite;
2056
- flex-shrink: 0;
2057
- }
2058
- @keyframes hsk-bar {
2059
- 0% {
2060
- background-position: 200% 0;
2061
- }
2062
- 100% {
2063
- background-position: -200% 0;
2064
- }
2065
- }
2066
- .hsk-sp-body {
2067
- display: flex;
2068
- flex: 1;
2069
- overflow: hidden;
2070
- }
2071
- .hsk-sp-details-pane {
2072
- flex: 1;
2073
- overflow-y: auto;
2074
- padding: 24px;
2075
- border-right: 1px solid var(--hsk-modal-divide, #f1f3f4);
2076
- display: flex;
2077
- flex-direction: column;
2078
- gap: 20px;
2079
- }
2080
- .hsk-sp-chat-pane {
2081
- flex: 1.2;
2082
- display: flex;
2083
- flex-direction: column;
2084
- background: var(--hsk-chat-bg, #ffffff);
2085
- }
2086
- .hsk-sp-product-profile {
2087
- display: flex;
2088
- gap: 20px;
2089
- }
2090
- @media (max-width: 480px) {
2091
- .hsk-sp-product-profile {
2092
- flex-direction: column;
2093
- }
2094
- }
2095
- .hsk-sp-details-imgwrap {
2096
- width: 140px;
2097
- height: 140px;
2098
- flex-shrink: 0;
2099
- border: 1px solid var(--hsk-modal-divide, #f1f3f4);
2100
- background: #ffffff;
2101
- display: flex;
2102
- align-items: center;
2103
- justify-content: center;
2104
- padding: 8px;
2105
- border-radius: var(--hsk-border-radius, 0px);
2106
- }
2107
- .hsk-sp-details-imgwrap img {
2108
- max-width: 100%;
2109
- max-height: 100%;
2110
- object-fit: contain;
2111
- }
2112
- .hsk-sp-details-meta {
2113
- flex: 1;
2114
- display: flex;
2115
- flex-direction: column;
2116
- gap: 6px;
2117
- }
2118
- .hsk-sp-details-name {
2119
- font-size: 20px;
2120
- font-weight: 700;
2121
- color: var(--hsk-modal-text, #1f1f1f);
2122
- margin: 0;
2123
- line-height: 1.3;
2124
- }
2125
- .hsk-sp-details-desc {
2126
- margin-top: 12px;
2127
- }
2128
- .hsk-sp-details-desc h4 {
2129
- font-size: 13px;
2130
- font-weight: 600;
2131
- color: var(--hsk-modal-text, #1f1f1f);
2132
- margin: 0 0 4px 0;
2133
- }
2134
- .hsk-sp-details-desc p {
2135
- font-size: 13px;
2136
- line-height: 1.5;
2137
- color: var(--hsk-modal-muted, #5f6368);
2138
- margin: 0;
2139
- }
2140
- .hsk-sp-similar-section {
2141
- border-top: 1px solid var(--hsk-modal-divide, #f1f3f4);
2142
- padding-top: 20px;
2143
- }
2144
- .hsk-sp-similar-section h3 {
2145
- font-size: 14px;
2146
- font-weight: 600;
2147
- color: var(--hsk-modal-text, #1f1f1f);
2148
- margin: 0 0 12px 0;
2149
- }
2150
- .hsk-sp-results {
2151
- padding: 10px 0;
2152
- display: flex;
2153
- flex-direction: row;
2154
- gap: 12px;
2155
- overflow-x: auto;
2156
- scroll-snap-type: x mandatory;
2157
- padding-bottom: 8px;
2158
- }
2159
- .hsk-sp-empty {
2160
- padding: 40px;
2161
- text-align: center;
2162
- font-size: 13px;
2163
- color: var(--hsk-modal-muted, #999);
2164
- }
2165
- .hsk-sp-item {
2166
- display: flex;
2167
- flex-direction: column;
2168
- gap: 10px;
2169
- padding: 12px;
2170
- border-radius: var(--hsk-border-radius, 0px);
2171
- border: 1px solid var(--hsk-modal-item-border, #f1f3f4);
2172
- background: var(--hsk-modal-item-bg, #f8f9fa);
2173
- animation: hsk-toast-up .28s cubic-bezier(.22, .68, 0, 1.2) both;
2174
- overflow: hidden;
2175
- flex: 0 0 170px;
2176
- scroll-snap-align: start;
2177
- }
2178
- @keyframes hsk-toast-up {
2179
- from {
2180
- opacity: 0;
2181
- transform: translateY(18px) scale(.97);
2182
- }
2183
- to {
2184
- opacity: 1;
2185
- transform: translateY(0) scale(1);
2186
- }
2187
- }
2188
- .hsk-sp-img-wrap {
2189
- width: 100%;
2190
- height: 120px;
2191
- border-radius: var(--hsk-border-radius, 0px);
2192
- background: #fff;
2193
- border: 1px solid var(--hsk-modal-divide, #f1f3f4);
2194
- flex-shrink: 0;
2195
- overflow: hidden;
2196
- display: flex;
2197
- align-items: center;
2198
- justify-content: center;
2199
- padding: 6px;
2200
- }
2201
- .hsk-sp-img-wrap img {
2202
- max-width: 100%;
2203
- max-height: 100%;
2204
- object-fit: contain;
2205
- }
2206
- .hsk-sp-img-placeholder {
2207
- font-size: 26px;
2208
- }
2209
- .hsk-sp-item-body {
2210
- flex: 1;
2211
- min-width: 0;
2212
- display: flex;
2213
- flex-direction: column;
2214
- justify-content: space-between;
2215
- gap: 6px;
2216
- }
2217
- .hsk-sp-item-name {
2218
- font-size: 13px;
2219
- font-weight: 600;
2220
- color: var(--hsk-modal-text, #1f1f1f);
2221
- line-height: 1.35;
2222
- overflow: hidden;
2223
- display: -webkit-box;
2224
- -webkit-line-clamp: 2;
2225
- -webkit-box-orient: vertical;
2226
- overflow: hidden;
2227
- }
2228
- .hsk-sp-item-cat {
2229
- font-size: 11px;
2230
- font-weight: 600;
2231
- color: var(--hsk-primary);
2232
- text-transform: uppercase;
2233
- letter-spacing: .05em;
2234
- }
2235
- .hsk-sp-item-price-row {
2236
- display: flex;
2237
- align-items: baseline;
2238
- gap: 4px;
2239
- margin-top: 2px;
2240
- flex-wrap: wrap;
2241
- }
2242
- .hsk-sp-item-price {
2243
- font-size: 15px;
2244
- font-weight: 700;
2245
- color: var(--hsk-modal-text, #1f1f1f);
2246
- }
2247
- .hsk-sp-item-currency {
2248
- font-size: 11px;
2249
- color: var(--hsk-modal-muted, #5f6368);
2250
- }
2251
- .hsk-sp-actions {
2252
- display: flex;
2253
- gap: 6px;
2254
- margin-top: auto;
2255
- }
2256
- .hsk-sp-action {
2257
- flex: 1;
2258
- padding: 6px 8px;
2259
- border-radius: var(--hsk-border-radius, 0px);
2260
- font-size: 11px;
2261
- font-weight: 600;
2262
- cursor: pointer;
2263
- border: 1px solid transparent;
2264
- transition: all .15s;
2265
- text-align: center;
2266
- font-family: inherit;
2267
- }
2268
- .hsk-sp-action-primary {
2269
- background: var(--hsk-primary);
2270
- color: #fff;
2271
- border-color: var(--hsk-primary);
2272
- }
2273
- .hsk-sp-action-primary:hover {
2274
- opacity: .88;
2275
- }
2276
- .hsk-sp-action-secondary {
2277
- background: var(--hsk-action-sec-bg, #f1f3f4);
2278
- color: var(--hsk-modal-muted, #5f6368);
2279
- border-color: var(--hsk-modal-divide, #f1f3f4);
2280
- }
2281
- .hsk-sp-action-secondary:hover {
2282
- background: var(--hsk-action-sec-bg-hover, #e8eaed);
2283
- color: var(--hsk-modal-text, #1f1f1f);
2284
- }
2285
- .hsk-sp-footer {
2286
- padding: 12px 20px;
2287
- border-top: 1px solid var(--hsk-modal-divide, #f1f3f4);
2288
- display: flex;
2289
- align-items: center;
2290
- gap: 8px;
2291
- flex-shrink: 0;
2292
- }
2293
- .hsk-sp-badge {
2294
- font-size: 10px;
2295
- font-weight: 700;
2296
- letter-spacing: .07em;
2297
- text-transform: uppercase;
2298
- color: var(--hsk-primary);
2299
- background: rgba(255, 106, 51, .1);
2300
- border: 1px solid rgba(255, 106, 51, .25);
2301
- padding: 2px 8px;
2302
- border-radius: var(--hsk-border-radius, 0px);
2303
- }
2304
- .hsk-sp-esc {
2305
- font-size: 11px;
2306
- color: var(--hsk-modal-muted, #5f6368);
2307
- margin-left: auto;
2308
- }
2309
- @media (max-width: 768px) {
2310
- .hsk-sp-body {
2311
- flex-direction: column;
2312
- overflow: hidden;
2313
- }
2314
- .hsk-sp-header {
2315
- padding: 14px 12px 10px;
2316
- }
2317
- .hsk-sp-details-pane {
2318
- border-right: none;
2319
- border-bottom: 1px solid var(--hsk-modal-divide, #f1f3f4);
2320
- flex: 0 1 auto;
2321
- max-height: 35vh;
2322
- overflow-y: auto;
2323
- padding: 12px;
2324
- }
2325
- .hsk-sp-chat-pane {
2326
- flex: 1;
2327
- display: flex;
2328
- flex-direction: column;
2329
- overflow: hidden;
2330
- height: auto;
2331
- }
2332
- .hsk-cb-msgs {
2333
- flex: 1;
2334
- overflow-y: auto;
2335
- padding: 8px 12px 0;
2336
- }
2337
- .hsk-cb-input-wrap {
2338
- padding: 8px 12px 12px;
2339
- flex-shrink: 0;
2340
- }
2341
- .hsk-cb-input-box {
2342
- padding: 10px 10px 10px 14px;
2343
- }
2344
- .hsk-cb-user-bubble {
2345
- max-width: 85%;
2346
- }
2347
- .hsk-sp-footer {
2348
- padding: 8px 12px;
2349
- }
2350
- }
2351
- @media (prefers-color-scheme: dark) {
2352
- .hsk-sp-backdrop {
2353
- background: #000000 !important;
2354
- }
2355
- .hsk-sp-card {
2356
- --hsk-modal-card-bg: #0a0a0a;
2357
- --hsk-modal-card-border: #202124;
2358
- --hsk-modal-text: #e8eaed;
2359
- --hsk-modal-muted: #888;
2360
- --hsk-modal-divide: #202124;
2361
- --hsk-modal-item-bg: #1a1a1b;
2362
- --hsk-modal-item-border: #202124;
2363
- --hsk-action-sec-bg: #202124;
2364
- --hsk-action-sec-bg-hover: #2d2f34;
2365
- }
2366
- .hsk-sp-details-imgwrap {
2367
- background: #202124;
2368
- border-color: #202124;
2369
- }
2370
- .hsk-sp-img-wrap {
2371
- background: #202124;
2372
- border-color: #202124;
2373
- }
2374
- .hsk-sp-chat-pane {
2375
- background: var(--hsk-chat-bg, #0a0a0a);
2376
- }
2377
- }
2378
- @media (prefers-color-scheme: light) {
2379
- .hsk-sp-backdrop {
2380
- background: #ffffff !important;
2381
- }
2382
- }
2383
- .hsk-markdown-p {
2384
- margin: 0 0 8px 0;
2385
- }
2386
- .hsk-markdown-p:last-child {
2387
- margin-bottom: 0;
2388
- }
2389
- .hsk-markdown-list {
2390
- margin: 4px 0 8px 0;
2391
- padding-left: 20px;
2392
- list-style-type: disc;
2393
- }
2394
- .hsk-markdown-list li {
2395
- margin-bottom: 4px;
2396
- }
2397
- .hsk-table-wrapper {
2398
- overflow-x: auto;
2399
- margin: 8px 0;
2400
- border-radius: var(--hsk-border-radius, 0px);
2401
- border: 1px solid var(--hsk-border, #f1f3f4);
2402
- }
2403
- @media (prefers-color-scheme: dark) {
2404
- .hsk-table-wrapper {
2405
- border-color: #202124;
2406
- }
2407
- }
2408
- .hsk-markdown-table {
2409
- width: auto;
2410
- min-width: 100%;
2411
- border-collapse: separate;
2412
- border-spacing: 0;
2413
- text-align: left;
2414
- font-size: 1em;
2415
- border: 1px solid var(--hsk-border, #f1f3f4);
2416
- border-radius: 8px;
2417
- overflow: hidden;
2418
- margin: 10px 0;
2419
- }
2420
- .hsk-markdown-table th,
2421
- .hsk-markdown-table td {
2422
- white-space: nowrap;
2423
- }
2424
- .hsk-markdown-table th {
2425
- padding: 10px 14px;
2426
- background-color: rgba(0, 0, 0, 0.025);
2427
- font-weight: 600;
2428
- border-bottom: 2px solid var(--hsk-border, #f1f3f4);
2429
- color: var(--hsk-text, #111827);
2430
- }
2431
- .hsk-markdown-table td {
2432
- padding: 10px 14px;
2433
- border-bottom: 1px solid var(--hsk-border, #f1f3f4);
2434
- color: var(--hsk-text-muted, #4b5563);
2435
- }
2436
- .hsk-markdown-table tr:nth-child(even) td {
2437
- background-color: rgba(0, 0, 0, 0.015);
2438
- }
2439
- .hsk-markdown-table tr:nth-child(even) td:first-child {
2440
- background-color: var(--hsk-bg, #ffffff);
2441
- }
2442
- .hsk-markdown-table tr:last-child td {
2443
- border-bottom: none;
2444
- }
2445
- .hsk-markdown-table th:first-child,
2446
- .hsk-markdown-table td:first-child {
2447
- position: sticky;
2448
- left: 0;
2449
- z-index: 1;
2450
- background-color: var(--hsk-bg, #ffffff);
2451
- max-width: 40vw;
2452
- overflow: hidden;
2453
- text-overflow: ellipsis;
2454
- box-shadow: 2px 0 4px rgba(0, 0, 0, 0.06);
2455
- }
2456
- @media (prefers-color-scheme: dark) {
2457
- .hsk-markdown-table {
2458
- border-color: #202124;
2459
- }
2460
- .hsk-markdown-table th {
2461
- background-color: rgba(255, 255, 255, 0.03);
2462
- border-bottom-color: #202124;
2463
- color: #f3f3f2;
2464
- }
2465
- .hsk-markdown-table td {
2466
- border-bottom-color: #202124;
2467
- color: #9ca3af;
2468
- }
2469
- .hsk-markdown-table tr:nth-child(even) td {
2470
- background-color: rgba(255, 255, 255, 0.015);
2471
- }
2472
- .hsk-markdown-table th:first-child,
2473
- .hsk-markdown-table td:first-child {
2474
- background-color: #0a0a0a;
2475
- box-shadow: 2px 0 4px rgba(0, 0, 0, 0.4);
2476
- }
2477
- .hsk-markdown-table tr:nth-child(even) td:first-child {
2478
- background-color: #0a0a0a;
2479
- }
2480
- }
2481
- .hsk-markdown-link {
2482
- color: var(--hsk-primary, #ff6a33);
2483
- text-decoration: underline;
2484
- text-underline-offset: 2px;
2485
- }
2486
- .hsk-markdown-code {
2487
- font-family:
2488
- ui-monospace,
2489
- SFMono-Regular,
2490
- Menlo,
2491
- Monaco,
2492
- Consolas,
2493
- "Liberation Mono",
2494
- "Courier New",
2495
- monospace;
2496
- font-size: 0.85em;
2497
- background-color: rgba(128, 128, 128, 0.15);
2498
- padding: 0.2em 0.4em;
2499
- border-radius: var(--hsk-border-radius, 0px);
2500
- color: inherit;
2501
- word-break: break-word;
2502
- }
2503
- .hsk-markdown-img-block {
2504
- margin: 8px 0;
2505
- line-height: 0;
2506
- }
2507
- .hsk-markdown-img {
2508
- display: block;
2509
- max-width: 100%;
2510
- width: auto;
2511
- max-height: 220px;
2512
- border-radius: 10px;
2513
- box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
2514
- object-fit: cover;
2515
- background: rgba(128, 128, 128, 0.08);
2516
- }
2517
- .hsk-sp-item-original-price {
2518
- font-size: 12px;
2519
- text-decoration: line-through;
2520
- color: var(--hsk-modal-muted, #888);
2521
- margin-left: 6px;
2522
- }
2523
- .hsk-sp-item-discount {
2524
- font-size: 11px;
2525
- font-weight: 600;
2526
- color: #10b981;
2527
- margin-left: 6px;
2528
- }
2529
- .hsk-sp-item-meta-badges {
2530
- display: flex;
2531
- flex-wrap: wrap;
2532
- gap: 8px;
2533
- margin-top: 6px;
2534
- }
2535
- .hsk-sp-meta-badge {
2536
- font-size: 11px;
2537
- font-weight: 500;
2538
- padding: 3px 8px;
2539
- border-radius: var(--hsk-border-radius, 0px);
2540
- background: var(--hsk-modal-item-bg, #f8f9fa);
2541
- border: 1px solid var(--hsk-modal-divide, #f1f3f4);
2542
- color: var(--hsk-modal-muted, #5f6368);
2543
- }
2544
- .hsk-sp-meta-badge-rating {
2545
- color: #f59e0b;
2546
- background: rgba(245, 158, 11, 0.08);
2547
- border-color: rgba(245, 158, 11, 0.2);
2548
- }
2549
- .hsk-sp-meta-badge-avail.in-stock {
2550
- color: #10b981;
2551
- background: rgba(16, 185, 129, 0.08);
2552
- border-color: rgba(16, 185, 129, 0.2);
2553
- }
2554
- .hsk-sp-meta-badge-avail.out-stock {
2555
- color: #ef4444;
2556
- background: rgba(239, 68, 68, 0.08);
2557
- border-color: rgba(239, 68, 68, 0.2);
2558
- }
2559
- .hsk-sp-item-brand {
2560
- font-size: 11px;
2561
- font-weight: 700;
2562
- color: var(--hsk-modal-muted, #888);
2563
- text-transform: uppercase;
2564
- letter-spacing: .05em;
2565
- margin-bottom: -2px;
2566
- }
2567
- .hsk-sp-details-specs {
2568
- margin-top: 20px;
2569
- border-top: 1px solid var(--hsk-modal-divide, #f1f3f4);
2570
- padding-top: 20px;
2571
- }
2572
- .hsk-sp-details-specs h4 {
2573
- font-size: 13px;
2574
- font-weight: 600;
2575
- color: var(--hsk-modal-text, #1f1f1f);
2576
- margin: 0 0 10px 0;
2577
- }
2578
- .hsk-sp-specs-grid {
2579
- display: grid;
2580
- grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
2581
- gap: 8px;
2582
- }
2583
- .hsk-sp-spec-row {
2584
- display: flex;
2585
- justify-content: space-between;
2586
- align-items: center;
2587
- padding: 8px 12px;
2588
- background: var(--hsk-modal-item-bg, #f8f9fa);
2589
- border: 1px solid var(--hsk-modal-divide, #f1f3f4);
2590
- border-radius: var(--hsk-border-radius, 0px);
2591
- font-size: 12px;
2592
- gap: 8px;
2593
- }
2594
- .hsk-sp-spec-label {
2595
- font-weight: 500;
2596
- color: var(--hsk-modal-muted, #888);
2597
- }
2598
- .hsk-sp-spec-value {
2599
- font-weight: 600;
2600
- color: var(--hsk-modal-text, #1f1f1f);
2601
- text-align: right;
2602
- max-width: 60%;
2603
- white-space: nowrap;
2604
- overflow: hidden;
2605
- text-overflow: ellipsis;
2606
- }
2607
- @media (prefers-color-scheme: dark) {
2608
- .hsk-sp-details-specs {
2609
- border-top-color: #202124;
2610
- }
2611
- .hsk-sp-spec-row {
2612
- background: #1a1a1b;
2613
- border-color: #202124;
2614
- }
2615
- }
2616
- .hsk-chat-widget ::-webkit-scrollbar,
2617
- .hsk-sp-card ::-webkit-scrollbar,
2618
- .hsk-cb-msgs ::-webkit-scrollbar,
2619
- .hsk-sp-details-pane ::-webkit-scrollbar,
2620
- .hsk-sp-results ::-webkit-scrollbar,
2621
- .hsk-chat-messages ::-webkit-scrollbar {
2622
- width: 4px;
2623
- height: 4px;
2624
- }
2625
- .hsk-chat-widget ::-webkit-scrollbar-track,
2626
- .hsk-sp-card ::-webkit-scrollbar-track,
2627
- .hsk-cb-msgs ::-webkit-scrollbar-track,
2628
- .hsk-sp-details-pane ::-webkit-scrollbar-track,
2629
- .hsk-sp-results ::-webkit-scrollbar-track,
2630
- .hsk-chat-messages ::-webkit-scrollbar-track {
2631
- background: transparent;
2632
- }
2633
- .hsk-chat-widget ::-webkit-scrollbar-thumb,
2634
- .hsk-sp-card ::-webkit-scrollbar-thumb,
2635
- .hsk-cb-msgs ::-webkit-scrollbar-thumb,
2636
- .hsk-sp-details-pane ::-webkit-scrollbar-thumb,
2637
- .hsk-sp-results ::-webkit-scrollbar-thumb,
2638
- .hsk-chat-messages ::-webkit-scrollbar-thumb {
2639
- background: rgba(0, 0, 0, 0.08);
2640
- border-radius: 10px;
2641
- }
2642
- @media (prefers-color-scheme: dark) {
2643
- .hsk-chat-widget ::-webkit-scrollbar-thumb,
2644
- .hsk-sp-card ::-webkit-scrollbar-thumb,
2645
- .hsk-cb-msgs ::-webkit-scrollbar-thumb,
2646
- .hsk-sp-details-pane ::-webkit-scrollbar-thumb,
2647
- .hsk-sp-results ::-webkit-scrollbar-thumb,
2648
- .hsk-chat-messages ::-webkit-scrollbar-thumb {
2649
- background: rgba(255, 255, 255, 0.08);
2650
- }
2651
- }
2652
- .hsk-cb-msgs,
2653
- .hsk-sp-details-pane,
2654
- .hsk-sp-results,
2655
- .hsk-chat-messages {
2656
- scrollbar-width: thin;
2657
- scrollbar-color: rgba(0, 0, 0, 0.08) transparent;
2658
- }
2659
- @media (prefers-color-scheme: dark) {
2660
- .hsk-cb-msgs,
2661
- .hsk-sp-details-pane,
2662
- .hsk-sp-results,
2663
- .hsk-chat-messages {
2664
- scrollbar-color: rgba(255, 255, 255, 0.08) transparent;
2665
- }
2666
- }
2667
- .hsk-sp-specs-horizontal {
2668
- display: flex;
2669
- flex-wrap: wrap;
2670
- gap: 8px;
2671
- margin-top: 12px;
2672
- }
2673
- .hsk-sp-spec-item-horizontal {
2674
- display: inline-flex;
2675
- align-items: center;
2676
- gap: 6px;
2677
- padding: 4px 10px;
2678
- background: var(--hsk-modal-item-bg, #f8f9fa);
2679
- border: 1px solid var(--hsk-modal-divide, #f1f3f4);
2680
- border-radius: var(--hsk-border-radius, 0px);
2681
- font-size: 11px;
2682
- }
2683
- .hsk-sp-spec-label-horizontal {
2684
- font-weight: 500;
2685
- color: var(--hsk-modal-muted, #888);
2686
- }
2687
- .hsk-sp-spec-value-horizontal {
2688
- font-weight: 600;
2689
- color: var(--hsk-modal-text, #1f1f1f);
2690
- }
2691
- @media (prefers-color-scheme: dark) {
2692
- .hsk-sp-spec-item-horizontal {
2693
- background: #1a1a1b;
2694
- border-color: #202124;
2695
- }
2696
- }
2697
- .hsk-cb-phone-form {
2698
- display: flex;
2699
- flex-direction: column;
2700
- gap: 8px;
2701
- margin-top: 8px;
2702
- }
2703
- .hsk-cb-phone-label {
2704
- font-size: 0.875rem;
2705
- color: var(--hsk-chat-text, #111);
2706
- margin: 0;
2707
- }
2708
- .hsk-cb-phone-input {
2709
- width: 100%;
2710
- box-sizing: border-box;
2711
- padding: 8px 12px;
2712
- border: 1px solid var(--hsk-chat-divide, rgba(0,0,0,.12));
2713
- border-radius: var(--hsk-border-radius, 0px);
2714
- background: var(--hsk-chat-input-bg, rgba(0,0,0,.04));
2715
- color: var(--hsk-chat-text, #111);
2716
- font-size: 0.9rem;
2717
- outline: none;
2718
- transition: border-color 0.15s;
2719
- }
2720
- .hsk-cb-phone-input::placeholder {
2721
- color: var(--hsk-chat-muted, #888);
2722
- }
2723
- .hsk-cb-phone-input:focus {
2724
- border-color: var(--hsk-primary, #ff6a33);
2725
- }
2726
- .hsk-cb-phone-submit {
2727
- align-self: flex-start;
2728
- padding: 8px 16px;
2729
- border: 1px solid var(--hsk-chat-divide, rgba(0,0,0,.12));
2730
- border-radius: var(--hsk-border-radius, 0px);
2731
- background: transparent;
2732
- color: var(--hsk-chat-text, #111);
2733
- font-size: 0.875rem;
2734
- font-weight: 500;
2735
- cursor: pointer;
2736
- transition:
2737
- background 0.15s,
2738
- border-color 0.15s,
2739
- color 0.15s;
2740
- }
2741
- .hsk-cb-phone-submit:hover {
2742
- border-color: var(--hsk-primary, #ff6a33);
2743
- color: var(--hsk-primary, #ff6a33);
2744
- }
2745
- .hsk-cb-main {
2746
- flex: 1;
2747
- min-width: 0;
2748
- display: flex;
2749
- flex-direction: column;
2750
- height: 100%;
2751
- overflow: hidden;
2752
- }
2753
- .hsk-cb-replay-banner {
2754
- display: flex;
2755
- align-items: center;
2756
- gap: 8px;
2757
- padding: 8px 16px;
2758
- background: color-mix(in srgb, var(--hsk-primary, #ff6a33) 8%, transparent);
2759
- border-bottom: 1px solid color-mix(in srgb, var(--hsk-primary, #ff6a33) 20%, transparent);
2760
- font-size: 12px;
2761
- color: var(--hsk-chat-muted, #5f6368);
2762
- flex-shrink: 0;
2763
- }
2764
- .hsk-cb-replay-banner button {
2765
- border: none;
2766
- background: none;
2767
- color: var(--hsk-primary, #ff6a33);
2768
- font-size: 12px;
2769
- font-weight: 600;
2770
- cursor: pointer;
2771
- margin-left: auto;
2772
- font-family: inherit;
2773
- padding: 0;
2774
- }
2775
- .hsk-cb-replay-banner button:hover {
2776
- text-decoration: underline;
2777
- }
2778
- @keyframes hsk-fade-in-up {
2779
- from {
2780
- opacity: 0;
2781
- transform: translateY(8px);
2782
- }
2783
- to {
2784
- opacity: 1;
2785
- transform: translateY(0);
2786
- }
2787
- }
2788
- .hsk-action-pills {
2789
- display: flex;
2790
- flex-wrap: wrap;
2791
- gap: 6px;
2792
- margin-top: 10px;
2793
- animation: hsk-fade-in-up 0.35s ease 0.1s both;
2794
- }
2795
- .hsk-action-pill {
2796
- display: inline-flex;
2797
- align-items: center;
2798
- gap: 5px;
2799
- padding: 6px 12px;
2800
- border-radius: 20px;
2801
- border: 1px solid var(--hsk-chat-divide, rgba(0,0,0,.12));
2802
- background: var(--hsk-pill-bg, rgba(255,255,255,0.8));
2803
- color: var(--hsk-chat-text, #1f1f1f);
2804
- font-size: 12px;
2805
- font-weight: 500;
2806
- cursor: pointer;
2807
- font-family: inherit;
2808
- transition: all .15s;
2809
- white-space: nowrap;
2810
- backdrop-filter: blur(4px);
2811
- }
2812
- .hsk-action-pill:hover:not(:disabled) {
2813
- border-color: var(--hsk-primary, #ff6a33);
2814
- background: color-mix(in srgb, var(--hsk-primary, #ff6a33) 8%, transparent);
2815
- color: var(--hsk-primary, #ff6a33);
2816
- transform: translateY(-1px);
2817
- box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
2818
- }
2819
- .hsk-action-pill:disabled {
2820
- opacity: 0.4;
2821
- cursor: not-allowed;
2822
- }
2823
- .hsk-pill-emoji {
2824
- font-size: 13px;
2825
- line-height: 1;
2826
- }
2827
- .hsk-cb-payment-prompt {
2828
- display: flex;
2829
- flex-direction: column;
2830
- align-items: center;
2831
- justify-content: center;
2832
- text-align: center;
2833
- padding: 24px;
2834
- margin: 12px 0;
2835
- border-radius: 12px;
2836
- border: 1px solid var(--hsk-chat-divide, rgba(0,0,0,.1));
2837
- background: var(--hsk-pill-bg, #ffffff);
2838
- gap: 12px;
2839
- }
2840
- .hsk-cb-payment-label {
2841
- margin: 0;
2842
- font-size: 1.05rem;
2843
- font-weight: 600;
2844
- color: var(--hsk-chat-text, #1f1f1f);
2845
- }
2846
- .hsk-cb-pay-submit {
2847
- padding: 8px 18px;
2848
- border-radius: 8px;
2849
- border: none;
2850
- background: var(--hsk-primary, #ff6a33);
2851
- color: #ffffff;
2852
- font-size: 0.85rem;
2853
- font-weight: 500;
2854
- cursor: pointer;
2855
- font-family: inherit;
2856
- transition: all .15s;
2857
- }
2858
- .hsk-cb-pay-submit:hover {
2859
- background: color-mix(in srgb, var(--hsk-primary, #ff6a33) 85%, #000000);
2860
- }
2861
- .hsk-cb-payment-prompt--awaiting {
2862
- position: relative;
2863
- overflow: hidden;
2864
- background:
2865
- linear-gradient(
2866
- 135deg,
2867
- color-mix(in srgb, #f59e0b 8%, transparent),
2868
- color-mix(in srgb, #f59e0b 4%, transparent)) !important;
2869
- border-color: color-mix(in srgb, #f59e0b 30%, transparent) !important;
2870
- }
2871
- .hsk-cb-payment-pulse-ring {
2872
- position: absolute;
2873
- inset: 0;
2874
- border-radius: 14px;
2875
- border: 2px solid #f59e0b;
2876
- animation: hsk-pulse-ring 2s ease-out infinite;
2877
- pointer-events: none;
2878
- }
2879
- @keyframes hsk-pulse-ring {
2880
- 0%, 100% {
2881
- transform: scale(0.96);
2882
- opacity: 0.8;
2883
- }
2884
- 50% {
2885
- transform: scale(1.02);
2886
- opacity: 0.4;
2887
- }
2888
- }
2889
- .hsk-cb-payment-prompt--success {
2890
- position: relative;
2891
- overflow: hidden;
2892
- background:
2893
- linear-gradient(
2894
- 135deg,
2895
- color-mix(in srgb, #22c55e 8%, transparent),
2896
- color-mix(in srgb, #22c55e 4%, transparent)) !important;
2897
- border-color: color-mix(in srgb, #22c55e 30%, transparent) !important;
2898
- }
2899
- .hsk-cb-payment-success-ring {
2900
- position: absolute;
2901
- inset: 0;
2902
- border-radius: 14px;
2903
- border: 2px solid #22c55e;
2904
- opacity: 0.4;
2905
- pointer-events: none;
2906
- }
2907
- .hsk-cb-payment-prompt--failed {
2908
- background:
2909
- linear-gradient(
2910
- 135deg,
2911
- color-mix(in srgb, #ef4444 8%, transparent),
2912
- color-mix(in srgb, #ef4444 4%, transparent)) !important;
2913
- border-color: color-mix(in srgb, #ef4444 30%, transparent) !important;
2914
- }
2915
- .hsk-cb-payment-icon-wrap {
2916
- display: flex;
2917
- align-items: center;
2918
- justify-content: center;
2919
- }
2920
- .hsk-cb-payment-sub {
2921
- margin: 0;
2922
- font-size: 0.78rem;
2923
- color: var(--hsk-chat-muted, #5f6368);
2924
- text-align: center;
2925
- line-height: 1.5;
2926
- opacity: 0.85;
2927
- }
2928
- .hsk-cb-payment-actions {
2929
- display: flex;
2930
- gap: 8px;
2931
- align-items: center;
2932
- }
2933
- .hsk-cb-pay-secondary {
2934
- padding: 8px 18px;
2935
- border-radius: 8px;
2936
- border: 1px solid var(--hsk-chat-divide, rgba(0,0,0,.15));
2937
- background: none;
2938
- color: var(--hsk-chat-muted, #5f6368);
2939
- font-size: 0.85rem;
2940
- font-weight: 500;
2941
- cursor: pointer;
2942
- font-family: inherit;
2943
- transition: all .15s;
2944
- }
2945
- .hsk-cb-pay-secondary:hover {
2946
- border-color: var(--hsk-primary, #ff6a33);
2947
- color: var(--hsk-primary, #ff6a33);
2948
- }
2949
- .hsk-cb-dot--amber {
2950
- background: #f59e0b !important;
2951
- }
2952
- @media (prefers-color-scheme: dark) {
2953
- .hsk-action-pill {
2954
- --hsk-pill-bg: rgba(40,40,42,0.85);
2955
- border-color: rgba(255, 255, 255, .1);
2956
- color: var(--hsk-chat-text, #e8eaed);
2957
- }
2958
- }
2959
- [data-hsk-theme=dark] .hsk-action-pill {
2960
- --hsk-pill-bg: rgba(40,40,42,0.85);
2961
- border-color: rgba(255, 255, 255, .1);
2962
- color: var(--hsk-chat-text, #e8eaed);
2963
- }
2964
- .hsk-sp-tabs-mobile {
2965
- display: none;
2966
- }
2967
- @media (max-width: 768px) {
2968
- .hsk-sp-tabs-mobile {
2969
- display: flex;
2970
- border-bottom: 1px solid var(--hsk-modal-divide, #f1f3f4);
2971
- background: var(--hsk-modal-card-bg, #ffffff);
2972
- flex-shrink: 0;
2973
- }
2974
- .hsk-sp-tab-btn {
2975
- flex: 1;
2976
- padding: 12px 8px;
2977
- background: none;
2978
- border: none;
2979
- border-bottom: 2px solid transparent;
2980
- font-size: 13px;
2981
- font-weight: 600;
2982
- color: var(--hsk-modal-muted, #5f6368);
2983
- cursor: pointer;
2984
- text-align: center;
2985
- transition: all 0.15s;
2986
- font-family: inherit;
2987
- }
2988
- .hsk-sp-tab-btn.active {
2989
- color: var(--hsk-primary);
2990
- border-bottom-color: var(--hsk-primary);
2991
- }
2992
- .hsk-sp-pane-hidden-mobile {
2993
- display: none !important;
2994
- }
2995
- .hsk-sp-details-pane,
2996
- .hsk-sp-chat-pane {
2997
- flex: 1 !important;
2998
- height: 100% !important;
2999
- max-height: none !important;
3000
- }
3001
- }
3002
- @media (max-width: 768px) {
3003
- .hsk-sp-header-title-row {
3004
- display: flex;
3005
- align-items: center;
3006
- justify-content: space-between;
3007
- gap: 12px;
3008
- width: 100%;
3009
- }
3010
- .hsk-sp-header-specs-btn {
3011
- flex-shrink: 0;
3012
- padding: 4px 10px;
3013
- font-size: 11px;
3014
- font-weight: 600;
3015
- color: var(--hsk-modal-muted, #5f6368);
3016
- background: var(--hsk-action-sec-bg, #f1f3f4);
3017
- border: 1px solid var(--hsk-modal-divide, #f1f3f4);
3018
- border-radius: 20px;
3019
- cursor: pointer;
3020
- font-family: inherit;
3021
- transition: all 0.2s ease;
3022
- }
3023
- .hsk-sp-header-specs-btn:hover {
3024
- background: var(--hsk-action-sec-bg-hover, #e8eaed);
3025
- color: var(--hsk-primary);
3026
- }
3027
- .hsk-sp-mobile-attachment-deck {
3028
- margin-top: 10px;
3029
- display: flex;
3030
- flex-direction: column;
3031
- gap: 10px;
3032
- width: 100%;
3033
- }
3034
- .hsk-sp-mobile-main-card {
3035
- display: flex;
3036
- align-items: center;
3037
- gap: 12px;
3038
- padding: 10px 12px;
3039
- background: var(--hsk-modal-item-bg, #f8f9fa);
3040
- border: 1px solid var(--hsk-modal-divide, #f1f3f4);
3041
- border-radius: 8px;
3042
- width: 100%;
3043
- box-sizing: border-box;
3044
- }
3045
- .hsk-sp-mobile-main-card-img {
3046
- width: 44px;
3047
- height: 44px;
3048
- flex-shrink: 0;
3049
- border: 1px solid var(--hsk-modal-divide, #f1f3f4);
3050
- border-radius: 6px;
3051
- background: #ffffff;
3052
- display: flex;
3053
- align-items: center;
3054
- justify-content: center;
3055
- padding: 3px;
3056
- overflow: hidden;
3057
- }
3058
- .hsk-sp-mobile-main-card-img img {
3059
- max-width: 100%;
3060
- max-height: 100%;
3061
- object-fit: contain;
3062
- }
3063
- .hsk-sp-mobile-main-card-info {
3064
- flex: 1;
3065
- min-width: 0;
3066
- }
3067
- .hsk-sp-mobile-main-card-brand {
3068
- font-size: 9px;
3069
- font-weight: 700;
3070
- color: var(--hsk-modal-muted, #888);
3071
- text-transform: uppercase;
3072
- letter-spacing: 0.05em;
3073
- white-space: nowrap;
3074
- overflow: hidden;
3075
- text-overflow: ellipsis;
3076
- }
3077
- .hsk-sp-mobile-main-card-name {
3078
- font-size: 12.5px;
3079
- font-weight: 600;
3080
- color: var(--hsk-modal-text, #1f1f1f);
3081
- line-height: 1.3;
3082
- white-space: nowrap;
3083
- overflow: hidden;
3084
- text-overflow: ellipsis;
3085
- margin-top: 1px;
3086
- }
3087
- .hsk-sp-mobile-main-card-price {
3088
- font-size: 11.5px;
3089
- font-weight: 700;
3090
- color: var(--hsk-primary);
3091
- margin-top: 1px;
3092
- }
3093
- .hsk-sp-mobile-main-card-specs-btn {
3094
- padding: 5px 10px;
3095
- font-size: 10.5px;
3096
- font-weight: 600;
3097
- color: var(--hsk-primary);
3098
- background: transparent;
3099
- border: 1px solid var(--hsk-primary);
3100
- border-radius: 4px;
3101
- cursor: pointer;
3102
- font-family: inherit;
3103
- transition: all 0.2s ease;
3104
- }
3105
- .hsk-sp-mobile-main-card-specs-btn:hover {
3106
- background: var(--hsk-primary);
3107
- color: #ffffff;
3108
- }
3109
- .hsk-sp-mobile-similar-carousel-inline {
3110
- display: flex;
3111
- flex-direction: column;
3112
- gap: 6px;
3113
- width: 100%;
3114
- }
3115
- .hsk-sp-mobile-similar-carousel-title {
3116
- font-size: 10px;
3117
- font-weight: 700;
3118
- color: var(--hsk-modal-muted, #888);
3119
- text-transform: uppercase;
3120
- letter-spacing: 0.05em;
3121
- padding-left: 2px;
3122
- }
3123
- .hsk-sp-mobile-similar-carousel-list {
3124
- display: flex;
3125
- gap: 8px;
3126
- overflow-x: auto;
3127
- scrollbar-width: none;
3128
- -webkit-overflow-scrolling: touch;
3129
- padding-bottom: 2px;
3130
- }
3131
- .hsk-sp-mobile-similar-carousel-list::-webkit-scrollbar {
3132
- display: none;
3133
- }
3134
- .hsk-sp-mobile-similar-carousel-item {
3135
- flex: 0 0 160px;
3136
- display: flex;
3137
- align-items: center;
3138
- gap: 8px;
3139
- padding: 6px 8px;
3140
- background: var(--hsk-modal-item-bg, #f8f9fa);
3141
- border: 1px solid var(--hsk-modal-divide, #f1f3f4);
3142
- border-radius: 6px;
3143
- cursor: pointer;
3144
- box-sizing: border-box;
3145
- transition: transform 0.15s ease, border-color 0.15s ease;
3146
- }
3147
- .hsk-sp-mobile-similar-carousel-item:hover {
3148
- border-color: var(--hsk-primary);
3149
- }
3150
- .hsk-sp-mobile-similar-carousel-img {
3151
- width: 32px;
3152
- height: 32px;
3153
- flex-shrink: 0;
3154
- border-radius: 4px;
3155
- background: #ffffff;
3156
- border: 1px solid var(--hsk-modal-divide, #f1f3f4);
3157
- display: flex;
3158
- align-items: center;
3159
- justify-content: center;
3160
- padding: 2px;
3161
- overflow: hidden;
3162
- }
3163
- .hsk-sp-mobile-similar-carousel-img img {
3164
- max-width: 100%;
3165
- max-height: 100%;
3166
- object-fit: contain;
3167
- }
3168
- .hsk-sp-mobile-similar-carousel-meta {
3169
- flex: 1;
3170
- min-width: 0;
3171
- display: flex;
3172
- flex-direction: column;
3173
- justify-content: center;
3174
- }
3175
- .hsk-sp-mobile-similar-carousel-name {
3176
- font-size: 11px;
3177
- font-weight: 600;
3178
- color: var(--hsk-modal-text, #1f1f1f);
3179
- line-height: 1.25;
3180
- white-space: nowrap;
3181
- overflow: hidden;
3182
- text-overflow: ellipsis;
3183
- }
3184
- .hsk-sp-mobile-similar-carousel-price {
3185
- font-size: 10px;
3186
- font-weight: 700;
3187
- color: var(--hsk-primary);
3188
- margin-top: 1px;
3189
- }
3190
- .hsk-sp-mobile-chat-container {
3191
- flex: 1;
3192
- display: flex;
3193
- flex-direction: column;
3194
- overflow: hidden;
3195
- background: var(--hsk-chat-bg, #ffffff);
3196
- }
3197
- .hsk-sp-mobile-specs-overlay {
3198
- position: fixed;
3199
- inset: 0;
3200
- z-index: 100000;
3201
- background: rgba(0, 0, 0, 0.4);
3202
- display: flex;
3203
- align-items: flex-end;
3204
- animation: hsk-bd-in 0.2s ease-out;
3205
- }
3206
- .hsk-sp-mobile-specs-drawer {
3207
- width: 100%;
3208
- background: var(--hsk-modal-card-bg, #ffffff);
3209
- border-top-left-radius: 12px;
3210
- border-top-right-radius: 12px;
3211
- max-height: 70vh;
3212
- display: flex;
3213
- flex-direction: column;
3214
- animation: hsk-drawer-in 0.25s cubic-bezier(0, 0, 0.2, 1);
3215
- box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.15);
3216
- }
3217
- @keyframes hsk-drawer-in {
3218
- from {
3219
- transform: translateY(100%);
3220
- }
3221
- to {
3222
- transform: translateY(0);
3223
- }
3224
- }
3225
- .hsk-sp-mobile-specs-header {
3226
- display: flex;
3227
- justify-content: space-between;
3228
- align-items: center;
3229
- padding: 14px 16px;
3230
- border-bottom: 1px solid var(--hsk-modal-divide, #f1f3f4);
3231
- }
3232
- .hsk-sp-mobile-specs-header h3 {
3233
- margin: 0;
3234
- font-size: 14px;
3235
- font-weight: 700;
3236
- color: var(--hsk-modal-text, #1f1f1f);
3237
- }
3238
- .hsk-sp-mobile-specs-header button {
3239
- background: none;
3240
- border: none;
3241
- font-size: 12px;
3242
- font-weight: 600;
3243
- color: var(--hsk-primary);
3244
- cursor: pointer;
3245
- font-family: inherit;
3246
- }
3247
- .hsk-sp-mobile-specs-body {
3248
- flex: 1;
3249
- overflow-y: auto;
3250
- padding: 16px;
3251
- display: flex;
3252
- flex-direction: column;
3253
- gap: 16px;
3254
- }
3255
- .hsk-sp-mobile-specs-title {
3256
- font-size: 15px;
3257
- font-weight: 700;
3258
- color: var(--hsk-modal-text, #1f1f1f);
3259
- margin: 0;
3260
- }
3261
- .hsk-sp-mobile-specs-desc h5,
3262
- .hsk-sp-mobile-specs-list h5 {
3263
- margin: 0 0 6px 0;
3264
- font-size: 11px;
3265
- font-weight: 700;
3266
- color: var(--hsk-modal-muted, #888);
3267
- text-transform: uppercase;
3268
- letter-spacing: 0.05em;
3269
- }
3270
- .hsk-sp-mobile-specs-desc p {
3271
- margin: 0;
3272
- font-size: 12.5px;
3273
- line-height: 1.5;
3274
- color: var(--hsk-modal-text, #333);
3275
- }
3276
- .hsk-sp-mobile-specs-list {
3277
- display: flex;
3278
- flex-direction: column;
3279
- gap: 8px;
3280
- }
3281
- .hsk-sp-mobile-spec-row {
3282
- display: flex;
3283
- justify-content: space-between;
3284
- padding: 8px 10px;
3285
- background: var(--hsk-modal-item-bg, #f8f9fa);
3286
- border: 1px solid var(--hsk-modal-divide, #f1f3f4);
3287
- border-radius: var(--hsk-border-radius, 4px);
3288
- font-size: 11.5px;
3289
- gap: 12px;
3290
- }
3291
- .hsk-sp-mobile-spec-label {
3292
- color: var(--hsk-modal-muted, #5f6368);
3293
- font-weight: 500;
3294
- }
3295
- .hsk-sp-mobile-spec-value {
3296
- color: var(--hsk-modal-text, #1f1f1f);
3297
- font-weight: 600;
3298
- text-align: right;
3299
- }
3300
- }
3301
- @media (prefers-color-scheme: dark) {
3302
- .hsk-sp-mobile-main-card {
3303
- background: #0a0a0a !important;
3304
- }
3305
- .hsk-sp-mobile-main-card-img {
3306
- background: #1a1a1b !important;
3307
- }
3308
- .hsk-sp-mobile-similar-carousel-item {
3309
- background: #0a0a0a !important;
3310
- }
3311
- .hsk-sp-mobile-similar-carousel-img {
3312
- background: #1a1a1b !important;
3313
- }
3314
- .hsk-sp-mobile-specs-drawer {
3315
- background: #0a0a0a !important;
3316
- }
3317
- .hsk-sp-mobile-spec-row {
3318
- background: #1a1a1b !important;
3319
- }
3320
- }
3321
- .kiku-voice-btn {
3322
- position: relative;
3323
- display: inline-flex;
3324
- align-items: center;
3325
- justify-content: center;
3326
- width: 36px;
3327
- height: 36px;
3328
- border-radius: 50%;
3329
- border: none;
3330
- background: transparent;
3331
- color: var(--hsk-text-muted, #888);
3332
- cursor: pointer;
3333
- transition: color 0.2s, background 0.2s;
3334
- flex-shrink: 0;
3335
- }
3336
- .kiku-voice-btn:hover {
3337
- background: var(--hsk-hover-bg, rgba(0,0,0,0.06));
3338
- color: var(--hsk-primary, #6c47ff);
3339
- }
3340
- .kiku-voice-btn--active {
3341
- color: #ef4444;
3342
- background: rgba(239, 68, 68, 0.1);
3343
- }
3344
- .kiku-voice-btn:disabled {
3345
- opacity: 0.4;
3346
- cursor: not-allowed;
3347
- }
3348
- .kiku-voice-ripple {
3349
- position: absolute;
3350
- inset: -4px;
3351
- border-radius: 50%;
3352
- border: 2px solid #ef4444;
3353
- animation: kiku-voice-pulse 1.2s ease-out infinite;
3354
- pointer-events: none;
3355
- }
3356
- @keyframes kiku-voice-pulse {
3357
- 0% {
3358
- transform: scale(1);
3359
- opacity: 1;
3360
- }
3361
- 100% {
3362
- transform: scale(1.6);
3363
- opacity: 0;
3364
- }
3365
- }
3366
- .kiku-vs-btn {
3367
- display: inline-flex;
3368
- align-items: center;
3369
- justify-content: center;
3370
- width: 36px;
3371
- height: 36px;
3372
- border-radius: 50%;
3373
- border: none;
3374
- background: transparent;
3375
- color: var(--hsk-text-muted, #888);
3376
- cursor: pointer;
3377
- transition: color 0.2s, background 0.2s;
3378
- flex-shrink: 0;
3379
- }
3380
- .kiku-vs-btn:hover {
3381
- background: var(--hsk-hover-bg, rgba(0,0,0,0.06));
3382
- color: var(--hsk-primary, #6c47ff);
3383
- }
3384
- .kiku-vs-btn--loading {
3385
- opacity: 0.6;
3386
- pointer-events: none;
3387
- }
3388
- @keyframes kiku-vs-rotate {
3389
- from {
3390
- transform: rotate(0deg);
3391
- }
3392
- to {
3393
- transform: rotate(360deg);
3394
- }
3395
- }
3396
- .kiku-vs-spin {
3397
- animation: kiku-vs-rotate 0.8s linear infinite;
3398
- }
3399
- .kiku-style-tags {
3400
- display: flex;
3401
- flex-wrap: wrap;
3402
- gap: 4px;
3403
- margin-top: 6px;
3404
- }
3405
- .kiku-style-tag {
3406
- display: inline-flex;
3407
- align-items: center;
3408
- gap: 3px;
3409
- padding: 2px 8px;
3410
- border-radius: 99px;
3411
- background: var(--hsk-primary-alpha, rgba(108,71,255,0.1));
3412
- color: var(--hsk-primary, #6c47ff);
3413
- font-size: 11px;
3414
- font-weight: 500;
3415
- white-space: nowrap;
3416
- }
3417
- .kiku-vs-preview-banner {
3418
- display: flex;
3419
- align-items: center;
3420
- gap: 10px;
3421
- padding: 10px 14px;
3422
- background: var(--hsk-surface, #f9f9f9);
3423
- border-radius: 10px;
3424
- margin-bottom: 12px;
3425
- border: 1px solid var(--hsk-border, #e5e5e5);
3426
- }
3427
- .kiku-vs-preview-img {
3428
- width: 44px;
3429
- height: 44px;
3430
- object-fit: cover;
3431
- border-radius: 8px;
3432
- flex-shrink: 0;
3433
- }
3434
- .kiku-vs-preview-info {
3435
- flex: 1;
3436
- min-width: 0;
3437
- }
3438
- .kiku-vs-preview-label {
3439
- font-size: 11px;
3440
- color: var(--hsk-text-muted, #888);
3441
- margin-bottom: 2px;
3442
- }
3443
- .kiku-vs-preview-palette {
3444
- font-size: 13px;
3445
- font-weight: 600;
3446
- color: var(--hsk-text, #1a1a1a);
3447
- white-space: nowrap;
3448
- overflow: hidden;
3449
- text-overflow: ellipsis;
3450
- }
3451
- .kiku-voice-btn {
3452
- position: relative;
3453
- display: inline-flex;
3454
- align-items: center;
3455
- justify-content: center;
3456
- width: 36px;
3457
- height: 36px;
3458
- border-radius: 50%;
3459
- border: none;
3460
- background: transparent;
3461
- color: var(--hsk-text-muted, #888);
3462
- cursor: pointer;
3463
- transition: color 0.2s, background 0.2s;
3464
- flex-shrink: 0;
3465
- }
3466
- .kiku-voice-btn:hover {
3467
- background: var(--hsk-hover-bg, rgba(0,0,0,0.06));
3468
- color: var(--hsk-primary, #ff6a33);
3469
- }
3470
- .kiku-voice-btn--active {
3471
- color: #ef4444;
3472
- background: rgba(239, 68, 68, 0.1);
3473
- }
3474
- .kiku-voice-btn:disabled {
3475
- opacity: 0.4;
3476
- cursor: not-allowed;
3477
- }
3478
- .kiku-voice-ripple {
3479
- position: absolute;
3480
- inset: -4px;
3481
- border-radius: 50%;
3482
- border: 2px solid #ef4444;
3483
- animation: kiku-voice-pulse 1.2s ease-out infinite;
3484
- pointer-events: none;
3485
- }
3486
- @keyframes kiku-voice-pulse {
3487
- 0% {
3488
- transform: scale(1);
3489
- opacity: 1;
3490
- }
3491
- 100% {
3492
- transform: scale(1.7);
3493
- opacity: 0;
3494
- }
3495
- }
3496
- .kiku-vs-btn {
3497
- display: inline-flex;
3498
- align-items: center;
3499
- justify-content: center;
3500
- width: 36px;
3501
- height: 36px;
3502
- border-radius: 50%;
3503
- border: none;
3504
- background: transparent;
3505
- color: var(--hsk-text-muted, #888);
3506
- cursor: pointer;
3507
- transition: color 0.2s, background 0.2s;
3508
- flex-shrink: 0;
3509
- }
3510
- .kiku-vs-btn:hover {
3511
- background: var(--hsk-hover-bg, rgba(0,0,0,0.06));
3512
- color: var(--hsk-primary, #ff6a33);
3513
- }
3514
- .kiku-vs-btn--loading {
3515
- opacity: 0.6;
3516
- pointer-events: none;
3517
- }
3518
- @keyframes kiku-vs-rotate {
3519
- from {
3520
- transform: rotate(0deg);
3521
- }
3522
- to {
3523
- transform: rotate(360deg);
3524
- }
3525
- }
3526
- .kiku-vs-spin {
3527
- animation: kiku-vs-rotate 0.8s linear infinite;
3528
- }
3529
- .kiku-style-tags {
3530
- display: flex;
3531
- flex-wrap: wrap;
3532
- gap: 4px;
3533
- margin-top: 6px;
3534
- }
3535
- .kiku-style-tag {
3536
- display: inline-flex;
3537
- align-items: center;
3538
- gap: 3px;
3539
- padding: 2px 8px;
3540
- border-radius: 99px;
3541
- background: rgba(255, 106, 51, 0.1);
3542
- color: var(--hsk-primary, #ff6a33);
3543
- font-size: 11px;
3544
- font-weight: 500;
3545
- white-space: nowrap;
3546
- }
3547
- .kiku-vs-preview-banner {
3548
- display: flex;
3549
- align-items: center;
3550
- gap: 10px;
3551
- padding: 10px 14px;
3552
- background: var(--hsk-surface, #f9f9f9);
3553
- border-radius: 10px;
3554
- margin-bottom: 12px;
3555
- border: 1px solid var(--hsk-border, #e5e5e5);
3556
- animation: hsk-msg-in 0.22s ease-out both;
3557
- }
3558
- .kiku-vs-preview-img {
3559
- width: 44px;
3560
- height: 44px;
3561
- object-fit: cover;
3562
- border-radius: 8px;
3563
- flex-shrink: 0;
3564
- }
3565
- .kiku-vs-preview-info {
3566
- flex: 1;
3567
- min-width: 0;
3568
- }
3569
- .kiku-vs-preview-label {
3570
- font-size: 11px;
3571
- color: var(--hsk-text-muted, #888);
3572
- margin-bottom: 2px;
3573
- }
3574
- .kiku-vs-preview-palette {
3575
- font-size: 13px;
3576
- font-weight: 600;
3577
- color: var(--hsk-text, #1a1a1a);
3578
- white-space: nowrap;
3579
- overflow: hidden;
3580
- text-overflow: ellipsis;
3581
- }
3582
- .hsk-cb-source--referenced {
3583
- }
3584
- .hsk-source-card--referenced {
3585
- }
3586
- .hsk-cb-source-ref-badge {
3587
- position: absolute;
3588
- top: 6px;
3589
- right: 6px;
3590
- background: #fbbf24;
3591
- color: #fff;
3592
- border-radius: 50%;
3593
- width: 20px;
3594
- height: 20px;
3595
- display: flex;
3596
- align-items: center;
3597
- justify-content: center;
3598
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
3599
- z-index: 10;
3600
- animation: hsk-badge-pop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
3601
- }
3602
- @keyframes hsk-badge-pop {
3603
- from {
3604
- transform: scale(0);
3605
- opacity: 0;
3606
- }
3607
- to {
3608
- transform: scale(1);
3609
- opacity: 1;
3610
- }
3611
- }
3612
- .hsk-sources-group-title {
3613
- font-size: 11px;
3614
- font-weight: 700;
3615
- letter-spacing: 0.05em;
3616
- text-transform: uppercase;
3617
- color: #888;
3618
- margin: 14px 0 8px 0;
3619
- display: flex;
3620
- align-items: center;
3621
- gap: 4px;
3622
- }
3623
- }
3624
- .hsk-kiku-picker {
3625
- position: absolute;
3626
- bottom: calc(100% + 8px);
3627
- left: 0;
3628
- min-width: 260px;
3629
- max-width: 340px;
3630
- background: var(--hsk-chat-bg, #ffffff);
3631
- border: 1px solid var(--hsk-chat-divide, rgba(0,0,0,0.08));
3632
- border-radius: 16px;
3633
- box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.08);
3634
- overflow: hidden;
3635
- padding: 6px;
3636
- z-index: 120;
3637
- animation: hsk-picker-in 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
3638
- }
3639
- @keyframes hsk-picker-in {
3640
- from {
3641
- opacity: 0;
3642
- transform: translateY(6px) scale(0.98);
3643
- }
3644
- to {
3645
- opacity: 1;
3646
- transform: translateY(0) scale(1);
3647
- }
3648
- }
3649
- .hsk-kiku-picker-item {
3650
- display: flex;
3651
- align-items: center;
3652
- gap: 10px;
3653
- width: 100%;
3654
- text-align: left;
3655
- background: none;
3656
- border: none;
3657
- border-radius: 10px;
3658
- cursor: pointer;
3659
- padding: 9px 10px;
3660
- transition: background 0.12s;
3661
- color: var(--hsk-chat-text, #1f1f1f);
3662
- font-family: inherit;
3663
- }
3664
- .hsk-kiku-picker-item:hover {
3665
- background: var(--hsk-chat-input-bg, #f1f3f4);
3666
- }
3667
- .hsk-kiku-picker-item:active {
3668
- background: var(--hsk-chat-divide, rgba(0,0,0,0.08));
3669
- }
3670
- .hsk-kiku-picker-icon {
3671
- width: 22px;
3672
- height: 22px;
3673
- border-radius: 50%;
3674
- background: var(--hsk-chat-input-bg, #f1f3f4);
3675
- display: flex;
3676
- align-items: center;
3677
- justify-content: center;
3678
- flex-shrink: 0;
3679
- color: var(--hsk-chat-muted, #5f6368);
3680
- overflow: hidden;
3681
- }
3682
- .hsk-kiku-picker-icon img {
3683
- width: 100%;
3684
- height: 100%;
3685
- object-fit: cover;
3686
- }
3687
- .hsk-kiku-picker-icon--accent {
3688
- background: color-mix(in srgb, var(--hsk-primary, #ff6a33) 12%, transparent);
3689
- color: var(--hsk-primary, #ff6a33);
3690
- }
3691
- .hsk-kiku-picker-item-name {
3692
- font-size: 13.5px;
3693
- font-weight: 400;
3694
- white-space: nowrap;
3695
- overflow: hidden;
3696
- text-overflow: ellipsis;
3697
- color: var(--hsk-chat-text, #1f1f1f);
3698
- flex: 1;
3699
- min-width: 0;
3700
- }
3701
- .hsk-kiku-picker-item-price {
3702
- font-size: 12px;
3703
- color: var(--hsk-chat-muted, #5f6368);
3704
- flex-shrink: 0;
3705
- }
3706
- @media (prefers-color-scheme: dark) {
3707
- .hsk-kiku-picker {
3708
- box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2);
3709
- }
3710
- }
3711
- .hsk-kiku-badge {
3712
- display: inline-flex;
3713
- align-items: center;
3714
- font-size: 10px;
3715
- font-weight: 700;
3716
- letter-spacing: 0.04em;
3717
- color: #fff;
3718
- background: rgba(255, 255, 255, 0.16);
3719
- border: 1px solid rgba(255, 255, 255, 0.35);
3720
- padding: 1px 7px;
3721
- border-radius: 20px;
3722
- margin-right: 6px;
3723
- vertical-align: middle;
3724
- position: relative;
3725
- top: -1px;
3726
- }
3727
- .hsk-markdown-img,
3728
- .hsk-cb-user-img-thumb,
3729
- .hsk-cb-source .hsk-cb-src-imgwrap img {
3730
- cursor: zoom-in;
3731
- }
3732
- .hsk-lightbox {
3733
- position: fixed;
3734
- inset: 0;
3735
- z-index: 999999;
3736
- background: rgba(0, 0, 0, 0.85);
3737
- display: flex;
3738
- align-items: center;
3739
- justify-content: center;
3740
- padding: 24px;
3741
- animation: hsk-lightbox-in .15s ease-out both;
3742
- cursor: zoom-out;
3743
- }
3744
- @keyframes hsk-lightbox-in {
3745
- from {
3746
- opacity: 0;
3747
- }
3748
- to {
3749
- opacity: 1;
3750
- }
3751
- }
3752
- .hsk-lightbox-img {
3753
- max-width: 100%;
3754
- max-height: 100%;
3755
- width: auto;
3756
- height: auto;
3757
- object-fit: contain;
3758
- border-radius: 4px;
3759
- cursor: default;
3760
- }
3761
- .hsk-lightbox-close {
3762
- position: absolute;
3763
- top: 16px;
3764
- right: 16px;
3765
- width: 36px;
3766
- height: 36px;
3767
- border-radius: 50%;
3768
- border: none;
3769
- background: rgba(255, 255, 255, 0.15);
3770
- color: #fff;
3771
- display: flex;
3772
- align-items: center;
3773
- justify-content: center;
3774
- cursor: pointer;
3775
- transition: background .15s;
3776
- }
3777
- .hsk-lightbox-close:hover {
3778
- background: rgba(255, 255, 255, 0.28);
3779
- }
3780
- .hsk-cb-viz {
3781
- margin-top: 10px;
3782
- animation: hsk-msg-in .2s ease-out both;
3783
- }
3784
- .hsk-cb-viz img,
3785
- .hsk-cb-viz video {
3786
- width: 100%;
3787
- max-width: 420px;
3788
- border-radius: 8px;
3789
- display: block;
3790
- }
3791
- .hsk-cb-viz-disclaimer {
3792
- max-width: 420px;
3793
- margin-top: 4px;
3794
- font-size: 10.5px;
3795
- line-height: 1.4;
3796
- color: var(--hsk-chat-muted, #9aa0a6);
3797
- }
3798
- .hsk-cb-viz-imgwrap {
3799
- position: relative;
3800
- display: inline-block;
3801
- max-width: 100%;
3802
- }
3803
- .hsk-cb-viz-mark {
3804
- position: absolute;
3805
- right: 10px;
3806
- bottom: 10px;
3807
- display: inline-flex;
3808
- align-items: center;
3809
- gap: 6px;
3810
- padding: 8px 14px;
3811
- font-size: 12.5px;
3812
- font-weight: 600;
3813
- color: #fff;
3814
- background: rgba(0, 0, 0, .62);
3815
- backdrop-filter: blur(6px);
3816
- border: 1px solid rgba(255, 255, 255, .35);
3817
- border-radius: 999px;
3818
- cursor: pointer;
3819
- transition: background .15s;
3820
- }
3821
- .hsk-cb-viz-mark:hover {
3822
- background: var(--hsk-primary, #ff6a33);
3823
- border-color: transparent;
3824
- }
3825
- .hsk-markup-overlay {
3826
- position: fixed;
3827
- inset: 0;
3828
- z-index: 999999;
3829
- background: rgba(0, 0, 0, 0.88);
3830
- display: flex;
3831
- align-items: center;
3832
- justify-content: center;
3833
- padding: 16px;
3834
- animation: hsk-lightbox-in .15s ease-out both;
3835
- }
3836
- .hsk-markup {
3837
- display: flex;
3838
- flex-direction: column;
3839
- gap: 12px;
3840
- width: min(720px, 100%);
3841
- max-height: 100%;
3842
- overflow-y: auto;
3843
- }
3844
- .hsk-markup-head {
3845
- display: flex;
3846
- align-items: center;
3847
- justify-content: space-between;
3848
- }
3849
- .hsk-markup-title {
3850
- font-size: 13.5px;
3851
- font-weight: 600;
3852
- color: #fff;
3853
- }
3854
- .hsk-markup-cancel {
3855
- padding: 6px 12px;
3856
- font-size: 12px;
3857
- font-weight: 600;
3858
- color: #fff;
3859
- background: rgba(255, 255, 255, .12);
3860
- border: none;
3861
- border-radius: var(--hsk-border-radius, 0px);
3862
- cursor: pointer;
3863
- }
3864
- .hsk-markup-cancel:hover {
3865
- background: rgba(255, 255, 255, .22);
3866
- }
3867
- .hsk-markup-stage {
3868
- display: flex;
3869
- justify-content: center;
3870
- }
3871
- .hsk-markup-canvas-wrap {
3872
- position: relative;
3873
- max-width: 100%;
3874
- }
3875
- .hsk-markup-canvas {
3876
- display: block;
3877
- max-width: 100%;
3878
- max-height: 60vh;
3879
- border-radius: var(--hsk-border-radius, 0px);
3880
- touch-action: none;
3881
- }
3882
- .hsk-markup-canvas--pen,
3883
- .hsk-markup-canvas--eraser {
3884
- cursor: crosshair;
3885
- }
3886
- .hsk-markup-canvas--text {
3887
- cursor: text;
3888
- }
3889
- .hsk-markup-textinput {
3890
- position: absolute;
3891
- transform: translateY(-100%);
3892
- min-width: 140px;
3893
- padding: 4px 6px;
3894
- font-size: 14px;
3895
- font-weight: 600;
3896
- background: rgba(0, 0, 0, .55);
3897
- border: 1px dashed rgba(255, 255, 255, .6);
3898
- border-radius: 4px;
3899
- outline: none;
3900
- }
3901
- .hsk-markup-loading,
3902
- .hsk-markup-error {
3903
- padding: 40px 16px;
3904
- font-size: 13px;
3905
- color: rgba(255, 255, 255, .75);
3906
- text-align: center;
3907
- }
3908
- .hsk-markup-tools {
3909
- display: flex;
3910
- align-items: center;
3911
- justify-content: space-between;
3912
- gap: 12px;
3913
- flex-wrap: wrap;
3914
- }
3915
- .hsk-markup-colors {
3916
- display: flex;
3917
- gap: 8px;
3918
- }
3919
- .hsk-markup-color {
3920
- width: 22px;
3921
- height: 22px;
3922
- border-radius: 50%;
3923
- border: 2px solid transparent;
3924
- cursor: pointer;
3925
- padding: 0;
3926
- }
3927
- .hsk-markup-color--on {
3928
- border-color: #fff;
3929
- transform: scale(1.15);
3930
- }
3931
- .hsk-markup-actions {
3932
- display: flex;
3933
- gap: 6px;
3934
- }
3935
- .hsk-markup-tool {
3936
- padding: 6px 11px;
3937
- font-size: 12px;
3938
- font-weight: 600;
3939
- color: #fff;
3940
- background: rgba(255, 255, 255, .12);
3941
- border: none;
3942
- border-radius: var(--hsk-border-radius, 0px);
3943
- cursor: pointer;
3944
- }
3945
- .hsk-markup-tool:hover:not(:disabled) {
3946
- background: rgba(255, 255, 255, .22);
3947
- }
3948
- .hsk-markup-tool--on {
3949
- background: var(--hsk-primary, #ff6a33);
3950
- }
3951
- .hsk-markup-tool--on:hover:not(:disabled) {
3952
- background: var(--hsk-primary, #ff6a33);
3953
- }
3954
- .hsk-markup-tool:disabled {
3955
- opacity: .4;
3956
- cursor: default;
3957
- }
3958
- .hsk-markup-send {
3959
- display: flex;
3960
- gap: 8px;
3961
- }
3962
- .hsk-markup-instruction {
3963
- flex: 1;
3964
- min-width: 0;
3965
- padding: 10px 12px;
3966
- font-size: 13.5px;
3967
- color: #fff;
3968
- background: rgba(255, 255, 255, .1);
3969
- border: 1px solid rgba(255, 255, 255, .25);
3970
- border-radius: var(--hsk-border-radius, 0px);
3971
- outline: none;
3972
- }
3973
- .hsk-markup-instruction::placeholder {
3974
- color: rgba(255, 255, 255, .5);
3975
- }
3976
- .hsk-markup-instruction:focus {
3977
- border-color: var(--hsk-primary, #ff6a33);
3978
- }
3979
- .hsk-markup-go {
3980
- padding: 10px 20px;
3981
- font-size: 13px;
3982
- font-weight: 600;
3983
- color: #fff;
3984
- background: var(--hsk-primary, #ff6a33);
3985
- border: none;
3986
- border-radius: var(--hsk-border-radius, 0px);
3987
- cursor: pointer;
3988
- }
3989
- .hsk-markup-go:hover:not(:disabled) {
3990
- opacity: .9;
3991
- }
3992
- .hsk-markup-go:disabled {
3993
- opacity: .45;
3994
- cursor: default;
3995
- }
3996
- .hsk-cb-kimgs {
3997
- margin-top: 10px;
3998
- display: flex;
3999
- flex-direction: column;
4000
- gap: 10px;
4001
- animation: hsk-msg-in .2s ease-out both;
4002
- }
4003
- .hsk-cb-kimg-grid {
4004
- display: flex;
4005
- flex-wrap: wrap;
4006
- gap: 6px;
4007
- }
4008
- .hsk-cb-kimg {
4009
- width: 132px;
4010
- height: 132px;
4011
- object-fit: cover;
4012
- border-radius: 8px;
4013
- cursor: zoom-in;
4014
- border: 1px solid var(--hsk-chat-border, rgba(0, 0, 0, 0.08));
4015
- }
4016
- .hsk-cb-kimg:only-child {
4017
- width: 100%;
4018
- max-width: 320px;
4019
- height: auto;
4020
- }
4021
- .hsk-cb-kimg-caption {
4022
- margin-top: 4px;
4023
- font-size: 10.5px;
4024
- line-height: 1.4;
4025
- color: var(--hsk-chat-muted, #9aa0a6);
4026
- }
4027
- .hsk-cb-viz--loading {
4028
- display: flex;
4029
- align-items: center;
4030
- gap: 8px;
4031
- font-size: 12px;
4032
- color: var(--hsk-chat-muted, #888);
4033
- padding: 10px 0;
4034
- }
4035
- .hsk-cb-viz-spinner {
4036
- width: 14px;
4037
- height: 14px;
4038
- border-radius: 50%;
4039
- border: 2px solid var(--hsk-chat-divide, rgba(0,0,0,.15));
4040
- border-top-color: var(--hsk-primary, #ff6a33);
4041
- animation: hsk-viz-spin .7s linear infinite;
4042
- }
4043
- @keyframes hsk-viz-spin {
4044
- to {
4045
- transform: rotate(360deg);
4046
- }
4047
- }
1
+ @property --hsk-chat-bg{syntax: "<color>"; inherits: true; initial-value: #0a0a0a;}@property --hsk-chat-text{syntax: "<color>"; inherits: true; initial-value: #f0efed;}@property --hsk-chat-muted{syntax: "<color>"; inherits: true; initial-value: #888888;}@property --hsk-chat-divide{syntax: "<color>"; inherits: true; initial-value: rgba(255,255,255,.08);}@property --hsk-chat-input-bg{syntax: "<color>"; inherits: true; initial-value: #191919;}@property --hsk-chat-source-bg{syntax: "<color>"; inherits: true; initial-value: rgba(255,255,255,.04);}@property --hsk-fade-bg{syntax: "<color>"; inherits: true; initial-value: #0a0a0a;}@property --hsk-surface-1{syntax: "<color>"; inherits: true; initial-value: rgba(255,255,255,.06);}@property --hsk-surface-2{syntax: "<color>"; inherits: true; initial-value: #1f1f22;}@property --hsk-bubble-bg{syntax: "<color>"; inherits: true; initial-value: #1f1f22;}@property --hsk-think-text{syntax: "<color>"; inherits: true; initial-value: #a6a6a6;}@property --hsk-placeholder{syntax: "<color>"; inherits: true; initial-value: #555555;}@property --hsk-grid-bg{syntax: "<color>"; inherits: true; initial-value: #1a1a1c;}@property --hsk-active-bg{syntax: "<color>"; inherits: true; initial-value: #f0efed;}@property --hsk-on-active{syntax: "<color>"; inherits: true; initial-value: #0a0a0a;}@property --hsk-src-title{syntax: "<color>"; inherits: true; initial-value: #f9fafb;}@property --hsk-src-desc{syntax: "<color>"; inherits: true; initial-value: #9ca3af;}@property --hsk-price-bg{syntax: "<color>"; inherits: true; initial-value: rgba(255,255,255,.08);}@property --hsk-price-text{syntax: "<color>"; inherits: true; initial-value: #ff7a45;}@property --hsk-sheet-bg{syntax: "<color>"; inherits: true; initial-value: #1f1f22;}@property --hsk-primary{syntax: "<color>"; inherits: true; initial-value: #ff6a33;}:host,:root{--hsk-border-radius: 0px;--hsk-brand-green: #2D7A4B;--hsk-font: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--hsk-default-font-size: 15px}.hsk-cb-btn,.hsk-cb-close,.hsk-cb-topbar-btn,.hsk-cb-chip,.hsk-cb-source,.hsk-cb-sources-next,.hsk-action-pill,.hsk-chat-send,.hsk-chat-reset,.hsk-close-btn,.hsk-cb-overlay{--hsk-font-size: 16px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:var(--hsk-font)}.hsk-cb-overlay{transition:--hsk-chat-bg .45s cubic-bezier(.16,1,.3,1),--hsk-chat-text .45s cubic-bezier(.16,1,.3,1),--hsk-chat-muted .45s cubic-bezier(.16,1,.3,1),--hsk-chat-divide .45s cubic-bezier(.16,1,.3,1),--hsk-chat-input-bg .45s cubic-bezier(.16,1,.3,1),--hsk-surface-1 .45s cubic-bezier(.16,1,.3,1),--hsk-surface-2 .45s cubic-bezier(.16,1,.3,1),--hsk-bubble-bg .45s cubic-bezier(.16,1,.3,1),--hsk-primary .45s cubic-bezier(.16,1,.3,1),--hsk-grid-bg .45s cubic-bezier(.16,1,.3,1),--hsk-active-bg .45s cubic-bezier(.16,1,.3,1),--hsk-on-active .45s cubic-bezier(.16,1,.3,1),--hsk-src-title .45s cubic-bezier(.16,1,.3,1),--hsk-src-desc .45s cubic-bezier(.16,1,.3,1),--hsk-price-bg .45s cubic-bezier(.16,1,.3,1),--hsk-price-text .45s cubic-bezier(.16,1,.3,1),--hsk-sheet-bg .45s cubic-bezier(.16,1,.3,1),background-color .45s cubic-bezier(.16,1,.3,1),border-color .45s cubic-bezier(.16,1,.3,1),color .45s cubic-bezier(.16,1,.3,1),fill .45s cubic-bezier(.16,1,.3,1),stroke .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1)}.hsk-kiku-avatar,.hsk-kiku-avatar *{transition:none}@media(prefers-reduced-motion:reduce){.hsk-cb-overlay,.hsk-cb-overlay *,.hsk-cb-overlay *:before,.hsk-cb-overlay *:after{transition:none}}.hsk-cb-overlay button,.hsk-cb-overlay [role=button],.hsk-cb-overlay input,.hsk-cb-overlay textarea,.hsk-cb-overlay select,.hsk-chat button,.hsk-chat [role=button],.hsk-chat input,.hsk-chat textarea,.hsk-chat select,.hsk-cb-btn,.hsk-search button,.hsk-search [role=button],.hsk-search input,.hsk-search textarea,.hsk-search select{touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:var(--hsk-font)}:host,:root,.hsk-cb-btn,.hsk-cb-overlay,.hsk-chat-widget{--hsk-marble-1: color-mix(in srgb, var(--hsk-primary, #ff6a33) 12%, #fffaf4);--hsk-marble-2: color-mix(in srgb, var(--hsk-primary, #ff6a33) 30%, #fdf0e4);--hsk-marble-3: color-mix(in srgb, var(--hsk-primary, #ff6a33) 62%, #e8cbb0);--hsk-marble-4: color-mix(in srgb, var(--hsk-primary, #ff6a33) 85%, #6d3a1c);--hsk-marble-sheen: .5}@media(prefers-color-scheme:dark){:host,:root,.hsk-cb-btn,.hsk-cb-overlay,.hsk-chat-widget{--hsk-marble-1: #FFFDF6;--hsk-marble-2: #FBF3E2;--hsk-marble-3: color-mix(in srgb, var(--hsk-primary, #ff6a33) 20%, #EDDFC4);--hsk-marble-4: color-mix(in srgb, var(--hsk-primary, #ff6a33) 42%, #D8C39C);--hsk-marble-sheen: .9}}.hsk-chat-widget{--hsk-bg: var(--chat-bg-color, #ffffff);--hsk-text: var(--chat-text-color, #1f1f1f);--hsk-primary: var(--chat-primary-color, #ff6a33);--hsk-font: var(--chat-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);--hsk-font-size: var(--chat-font-size, 16px);display:flex;flex-direction:column;height:100%;min-height:320px;font-family:var(--hsk-font);letter-spacing:normal;word-spacing:normal;text-transform:none;background:var(--hsk-bg);border:1px solid #f1f3f4;border-radius:var(--hsk-border-radius, 0px);overflow:hidden}@media(prefers-color-scheme:dark){.hsk-chat-widget{--hsk-bg: var(--chat-bg-color, #0a0a0a);--hsk-text: var(--chat-text-color, #e8eaed);border-color:#202124}}.hsk-chat-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #f1f3f4;background:var(--hsk-bg);flex-shrink:0}@media(prefers-color-scheme:dark){.hsk-chat-header{border-bottom-color:#202124}}.hsk-chat-header-icon{color:var(--hsk-primary);display:flex;align-items:center}.hsk-chat-title{font-size:14px;font-weight:600;color:var(--hsk-text)}.hsk-chat-badge{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hsk-primary);background:#ff6a3317;border:1px solid rgba(255,106,51,.18);padding:2px 8px;border-radius:var(--hsk-border-radius, 0px)}.hsk-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}.hsk-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:#555;font-size:13px;text-align:center;padding:24px}.hsk-chat-empty-icon{font-size:28px;margin-bottom:4px;color:var(--hsk-primary);display:flex;align-items:center;justify-content:center}.hsk-chat-empty-suggestions{font-size:12px;color:#666;margin-top:4px}.hsk-msg-row{display:flex;gap:8px;align-items:flex-start}.hsk-msg-row.user{flex-direction:row-reverse}.hsk-msg-avatar{width:28px;height:28px;border-radius:var(--hsk-border-radius, 0px);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.hsk-msg-avatar.ai{background:#ff6a331f;border:1px solid rgba(255,106,51,.25);color:var(--hsk-primary);display:flex;align-items:center;justify-content:center}.hsk-msg-avatar.user{background:#f1f3f4;color:#5f6368}@media(prefers-color-scheme:dark){.hsk-msg-avatar.user{background:#202124;color:#888}}.hsk-msg-bubble{max-width:78%;padding:10px 14px;border-radius:var(--hsk-border-radius, 0px);font-size:var(--hsk-font-size, 13px);line-height:1.6}.hsk-msg-bubble.ai{background:var(--hsk-bg);border:1px solid #f1f3f4;color:var(--hsk-text)}@media(prefers-color-scheme:dark){.hsk-msg-bubble.ai{border-color:#202124}}.hsk-msg-bubble.user{background:var(--hsk-primary);color:#fff}.hsk-streaming-cursor{display:inline-block;width:6px;height:1.1em;margin-inline-start:3px;vertical-align:-2px;background-color:var(--hsk-primary);animation:hsk-cursor-blink .9s infinite}@keyframes hsk-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hsk-status-live{display:flex;align-items:center;gap:8px;font-size:12px;color:#666;padding:4px 0 8px;font-weight:500}.hsk-status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--hsk-primary);animation:hsk-pulse 1.4s infinite ease-in-out}@keyframes hsk-pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}.hsk-thinking-details{margin-bottom:10px;padding:8px 12px;background:#00000008;border:1px solid rgba(0,0,0,.06);border-radius:8px;font-size:12px}.hsk-thinking-summary{cursor:pointer;font-weight:600;color:#666;user-select:none}.hsk-thinking-text{margin-top:8px;white-space:pre-wrap;color:#555;font-family:monospace;font-size:11px;line-height:1.4;max-height:200px;overflow-y:auto}.hsk-sources-container{margin-inline-start:36px}.hsk-sources{margin-top:10px;display:flex;flex-direction:column;gap:6px}.hsk-source-card{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f8f9fa;border:1px solid #f1f3f4;border-radius:var(--hsk-border-radius, 0px);cursor:pointer;transition:border-color .15s}@media(prefers-color-scheme:dark){.hsk-source-card{background:#1a1a1b;border-color:#202124}}.hsk-source-card:hover{border-color:#ff6a335e}.hsk-source-img{width:36px;height:36px;object-fit:cover;border-radius:var(--hsk-border-radius, 0px);background:#fff}.hsk-source-name{font-size:12px;font-weight:500;color:var(--hsk-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hsk-source-price{font-size:11px;color:var(--hsk-primary);font-weight:700;margin-top:2px}.hsk-typing{display:flex;gap:4px;align-items:center;padding:10px 14px;background:var(--hsk-bg);border:1px solid #f1f3f4;border-radius:var(--hsk-border-radius, 0px);width:fit-content}@media(prefers-color-scheme:dark){.hsk-typing{border-color:#202124}}.hsk-typing-dot{width:6px;height:6px;background:var(--hsk-primary);border-radius:50%;animation:hsk-chat-bounce 1.2s infinite}.hsk-typing-dot:nth-child(2){animation-delay:.2s}.hsk-typing-dot:nth-child(3){animation-delay:.4s}@keyframes hsk-chat-bounce{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.hsk-pending{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:var(--hsk-bg);border:1px solid #f1f3f4;border-radius:var(--hsk-border-radius, 0px);position:relative}@media(prefers-color-scheme:dark){.hsk-pending{border-color:#202124}}.hsk-pending-glyph{width:18px;height:18px;position:relative;display:inline-flex;align-items:center;justify-content:center}.hsk-pending-ring{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,106,51,.25);border-top-color:var(--hsk-primary);animation:hsk-pending-spin 1.1s linear infinite}.hsk-pending-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--hsk-primary);box-shadow:0 0 8px #ff6a3373;animation:hsk-pending-pulse 1.4s ease-in-out infinite}.hsk-pending-text{position:relative;min-width:140px;height:16px;font-size:12px;color:var(--hsk-text);letter-spacing:.01em}.hsk-pending-step{position:absolute;left:0;top:0;opacity:0;animation:hsk-pending-cycle 6s infinite}.hsk-pending-step.step-1{animation-delay:0s}.hsk-pending-step.step-2{animation-delay:2s}.hsk-pending-step.step-3{animation-delay:4s}@keyframes hsk-pending-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hsk-pending-pulse{0%,to{transform:scale(.75);opacity:.6}50%{transform:scale(1);opacity:1}}@keyframes hsk-pending-cycle{0%,10%{opacity:0;transform:translateY(2px)}20%,45%{opacity:1;transform:translateY(0)}55%,to{opacity:0;transform:translateY(-2px)}}.hsk-chat-input-area{display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid #f1f3f4;background:var(--hsk-bg);flex-shrink:0}@media(prefers-color-scheme:dark){.hsk-chat-input-area{border-top-color:#202124}}.hsk-chat-input{flex:1;background:#f1f3f4;border:1px solid #f1f3f4;border-radius:var(--hsk-border-radius, 0px);padding:9px 14px;font-size:13px;color:var(--hsk-text);outline:none;font-family:inherit;transition:border-color .2s;resize:none;min-height:38px;max-height:120px;line-height:1.5}@media(prefers-color-scheme:dark){.hsk-chat-input{background:#1a1a1b;border-color:#202124}}.hsk-chat-input::placeholder{color:#888}.hsk-chat-input:focus{border-color:var(--hsk-primary)}.hsk-chat-send{width:34px;height:34px;border-radius:var(--hsk-border-radius, 0px);background:var(--hsk-primary);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;transition:opacity .15s,transform .1s}.hsk-chat-send:hover{opacity:.88}.hsk-chat-send:active{transform:scale(.93)}.hsk-chat-send:disabled{opacity:.4;cursor:not-allowed}.hsk-chat-reset{font-size:11px;color:#555;cursor:pointer;padding:0 4px;transition:color .15s;background:none;border:none;font-family:inherit}.hsk-chat-reset:hover{color:var(--hsk-primary)}.hsk-chat-error{font-size:12px;color:#ef4444;text-align:center;padding:8px}.hsk-cb-btn{--hsk-primary: var(--chat-primary-color, #ff6a33);display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--hsk-border-radius, 0px);border:1px solid rgba(255,106,51,.4);background:#ff6a331a;color:var(--hsk-primary);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s;font-family:inherit;white-space:nowrap}.hsk-cb-btn:hover{background:#ff6a332e;border-color:#ff6a33b3;box-shadow:0 4px 16px #ff6a3333}.hsk-cb-btn:active{transform:scale(.95)}.hsk-cb-btn-icon{font-size:15px;line-height:1;display:flex;align-items:center}.hsk-cb-overlay{--hsk-primary: var(--chat-primary-color, #ff6a33);--hsk-font: var(--chat-font-family, "Geist", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);letter-spacing:normal;word-spacing:normal;font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--hsk-font-size: var(--hsk-desktop-font-size, 15px);--hsk-mobile-font-size: 14px;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:2147483647!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;animation:hsk-overlay-in .2s ease-out;background:var(--hsk-chat-bg, #ffffff)!important;box-sizing:border-box!important;margin:0!important;padding:0!important}@keyframes hsk-overlay-in{0%{opacity:0}to{opacity:1}}.hsk-cb-overlay.hsk-cb-overlay--grows{animation:hsk-overlay-in .18s cubic-bezier(.16,1,.3,1) both!important}.hsk-cb-overlay.hsk-cb-overlay--grows .hsk-cb-panel{transform-origin:var(--hsk-ox, 50%) var(--hsk-oy, 50%);animation:hsk-panel-float-in .22s cubic-bezier(.16,1,.3,1) both!important}@keyframes hsk-panel-float-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.hsk-cb-overlay.hsk-cb-overlay--grows .hsk-cb-msgs{animation:hsk-content-fade .2s cubic-bezier(.16,1,.3,1) both}@keyframes hsk-content-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hsk-cb-lang-chip,.hsk-cb-chip{animation:hsk-pill-wave .22s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.04s + var(--hsk-pill-idx, 0) * 12ms)}.hsk-cb-lang-chips-hint{animation:hsk-content-fade .22s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.04s + var(--hsk-pill-idx, 0) * 12ms)}@keyframes hsk-pill-wave{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.hsk-cb-overlay.hsk-cb-overlay--grows .hsk-cb-input-wrap{animation:hsk-input-dock .22s cubic-bezier(.16,1,.3,1) both}@keyframes hsk-input-dock{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hsk-cb-overlay.hsk-cb-overlay--grows .hsk-cb-hello-avatar{animation:hsk-avatar-spring .22s cubic-bezier(.16,1,.3,1) both}@keyframes hsk-avatar-spring{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.hsk-cb-overlay.hsk-cb-overlay--grows .hsk-cb-hello-wrap{animation:hsk-hello-spring .2s cubic-bezier(.16,1,.3,1) both}@keyframes hsk-hello-spring{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hsk-cb-overlay.hsk-cb-overlay--grows{animation:none!important;-webkit-clip-path:none!important;clip-path:none!important}.hsk-cb-overlay.hsk-cb-overlay--grows .hsk-cb-panel,.hsk-cb-overlay.hsk-cb-overlay--grows .hsk-cb-msgs,.hsk-cb-overlay.hsk-cb-overlay--grows .hsk-cb-lang-chip,.hsk-cb-overlay.hsk-cb-overlay--grows .hsk-cb-chip,.hsk-cb-overlay.hsk-cb-overlay--grows .hsk-cb-input-wrap,.hsk-cb-overlay.hsk-cb-overlay--grows .hsk-cb-hello-avatar,.hsk-cb-overlay.hsk-cb-overlay--grows .hsk-cb-hello-wrap{animation:none!important}}.hsk-cb-panel{position:relative;display:flex;flex-direction:column;height:100%;max-width:720px;width:100%;margin:0 auto;animation:hsk-panel-in .28s cubic-bezier(.34,1.2,.64,1)}@keyframes hsk-panel-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hsk-cb-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px var(--hsk-gutter, 24px) 10px;flex-shrink:0;position:relative;z-index:10;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hsk-cb-topbar:after{display:none!important}.hsk-cb-topbar-left{display:flex;align-items:center;gap:10px;justify-self:start;min-width:0}.hsk-cb-topbar-mark{justify-self:center;display:flex;flex-direction:column;align-items:center;line-height:0;cursor:pointer;user-select:none;touch-action:manipulation;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.hsk-cb-topbar-mark:hover{transform:translateY(-1px)}.hsk-cb-topbar-mark[data-unread=true] .hsk-cb-topbar-name{background:var(--hsk-primary, #ff6a33);color:#fff;box-shadow:0 0 0 3px var(--hsk-chat-bg, #ffffff);animation:hsk-unread-pill .9s cubic-bezier(.34,1.56,.64,1) infinite}@keyframes hsk-unread-pill{0%,to{transform:scale(1)}38%{transform:scale(1.08,.92)}62%{transform:scale(.97,1.03)}}@media(prefers-reduced-motion:reduce){.hsk-cb-topbar-mark[data-unread=true] .hsk-cb-topbar-name{animation:none}}.hsk-cb-topbar-name{margin-top:-5px;padding:3px 13px;white-space:nowrap;border-radius:999px;background:var(--hsk-surface-2);box-shadow:0 0 0 3px var(--hsk-chat-bg),0 1px 3px #0000001f;font-size:12px;font-weight:700;line-height:18px;letter-spacing:-.01em;color:var(--hsk-name-text, var(--hsk-chat-text));transform-origin:50% 0%;transition:transform .18s cubic-bezier(.34,1.8,.64,1)}.hsk-cb-topbar-mark{position:relative;z-index:100}.hsk-cb-topbar-ooze-menu{position:absolute;top:calc(100% + 12px)!important;left:50%;transform:translate(-50%);width:216px;padding:6px;border-radius:20px;background:var(--hsk-chat-source-bg, rgba(255, 255, 255, .08));border:none!important;box-shadow:none!important;z-index:1000;animation:hsk-topbar-ooze .25s cubic-bezier(.16,1,.3,1) both}.hsk-cb-topbar-ooze-menu .hsk-cb-theme-2x2-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important;width:100%!important;box-shadow:none!important}.hsk-cb-topbar-ooze-menu .hsk-cb-theme-grid-item{width:100%;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;padding:8px 11px;border-radius:14px;border:none!important;box-shadow:none!important;font-size:11.5px;font-weight:550;box-sizing:border-box;white-space:nowrap}@keyframes hsk-topbar-ooze{0%{opacity:0;transform:translate(-50%) translateY(-6px) scale(.94)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.hsk-cb-topbar-mark[data-impacting=true] .hsk-cb-topbar-name{transform:translateY(1.5px) scale(1.09,.91);box-shadow:0 0 0 3px var(--hsk-chat-bg, #ffffff),0 2px 10px var(--hsk-contact-glow, rgba(19, 78, 61, .45))}.hsk-cb-back{width:34px;height:34px;border-radius:999px;border:none;padding:0;display:flex;align-items:center;justify-content:center;background:var(--hsk-surface-1);color:var(--hsk-chat-muted);cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.hsk-cb-back:hover{background:var(--hsk-chat-divide, rgba(0,0,0,.09))}.hsk-cb-back:active{transform:scale(.94)}.hsk-cb-panel[dir=rtl] .hsk-cb-back-icon{display:inline-flex;transform:scaleX(-1)}.hsk-cb-topbar-actions{justify-self:end}.hsk-cb-topbar-title{font-size:16px;font-weight:500;color:var(--hsk-chat-text, #1f1f1f);letter-spacing:-.01em}.hsk-cb-topbar-sub{font-size:12px;color:var(--hsk-chat-muted, #5f6368);margin-top:2px}.hsk-cb-kiku-id-rail{display:none}@media(min-width:900px){.hsk-cb-kiku-id-rail.hsk-cb-kiku-id-rail--left{display:flex;position:absolute;inset:auto 100% 48px auto!important;margin-right:28px!important;transform:none!important;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:8px;max-width:240px;min-width:0;padding:0;border:0;background:none;font-family:inherit;z-index:10}.hsk-cb-kiku-id-rail.hsk-cb-kiku-id-rail--right{display:flex;position:absolute;inset:auto auto 48px 100%!important;margin-left:28px!important;transform:none!important;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:8px;max-width:240px;min-width:0;padding:0;border:0;background:none;font-family:inherit;z-index:10}.hsk-cb-panel[data-script=nonlatin] .hsk-cb-kiku-id-rail{bottom:50px!important}.hsk-cb-panel[data-nastaliq=true] .hsk-cb-kiku-id-rail{bottom:58px!important}.hsk-cb-kiku-id-pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 12px;border-radius:999px;border:none!important;background:var(--hsk-chat-source-bg, rgba(255, 255, 255, .05));color:var(--hsk-chat-muted, #71717a);cursor:pointer;font-family:inherit;transition:all .22s cubic-bezier(.16,1,.3,1)}.hsk-cb-kiku-id-pill:hover{color:var(--hsk-primary, #ff6a33)}.hsk-cb-kiku-id-rail-val{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;letter-spacing:-.01em;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hsk-cb-kiku-id-pill svg{flex:none;opacity:.8}.hsk-cb-theme-squircle-wrap{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:0;margin:0;border:none!important;box-shadow:none!important;background:transparent;transition:all .28s cubic-bezier(.16,1,.3,1)}.hsk-cb-theme-squircle-wrap.is-open{padding:6px;border-radius:18px;background:var(--hsk-chat-source-bg, rgba(255, 255, 255, .06));box-shadow:none!important}.hsk-cb-theme-squircle-trigger{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:16px;border:none!important;outline:none!important;background:var(--hsk-surface-1)!important;color:var(--hsk-chat-text)!important;font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:transform .2s cubic-bezier(.16,1,.3,1);box-shadow:none!important}.hsk-cb-theme-squircle-trigger:hover{background:var(--hsk-primary, #ff6a33);color:#fff;box-shadow:none!important}.hsk-cb-theme-trigger-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hsk-cb-theme-trigger-icon svg{width:13px;height:13px}.hsk-cb-theme-trigger-label{letter-spacing:-.01em}.hsk-cb-theme-2x2-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;box-shadow:none!important;transform-origin:bottom center;animation:hsk-theme-morph-in .26s cubic-bezier(.16,1,.3,1) both}.hsk-cb-theme-squircle-wrap.is-closing .hsk-cb-theme-2x2-grid{animation:hsk-theme-morph-out .2s cubic-bezier(.4,0,.9,.4) both}.hsk-cb-theme-grid-item{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;padding:7px 11px;border-radius:13px;border:none!important;outline:none!important;background:var(--hsk-chat-bg, #1a1a1c);color:var(--hsk-chat-muted, #a1a1aa);font-size:11px;font-weight:550;cursor:pointer;font-family:inherit;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:none!important}.hsk-cb-theme-grid-item svg{flex-shrink:0;width:12px;height:12px}.hsk-cb-theme-grid-item:hover{background:#ffffff1a;color:var(--hsk-chat-text, #f0efed);box-shadow:none!important}.hsk-cb-theme-grid-item.is-active{background:var(--hsk-primary, #ff6a33)!important;color:#fff!important;box-shadow:none!important}}@keyframes hsk-ooze-in{0%{opacity:0;transform:translate(-50%) translateY(-16px) scale(.88);filter:blur(6px)}65%{transform:translate(-50%) translateY(3px) scale(1.02);filter:blur(0)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1);filter:blur(0)}}.hsk-cb-topbar-actions{display:flex;align-items:center;gap:8px}.hsk-cb-topbar-btn{height:34px;padding:0 14px;border-radius:var(--hsk-control-radius, 999px);border:1px solid transparent;background:var(--hsk-chat-subtle, rgba(0,0,0,.045));color:var(--hsk-chat-muted, #5f6368);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.hsk-cb-topbar-btn:hover{background:color-mix(in srgb,var(--hsk-primary) 12%,transparent);color:var(--hsk-primary)}.hsk-cb-close{width:34px;height:34px;border-radius:var(--hsk-control-radius, 999px);border:1px solid transparent;background:var(--hsk-chat-subtle, rgba(0,0,0,.045));color:var(--hsk-chat-muted, #5f6368);cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;font-family:inherit;line-height:1}.hsk-cb-close:hover{background:color-mix(in srgb,var(--hsk-primary) 12%,transparent);color:var(--hsk-primary)}.hsk-cb-msgs{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:none;overflow-anchor:none;padding:16px var(--hsk-gutter, 24px) 16px;display:flex;flex-direction:column;gap:0;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to bottom,transparent 0px,#000000 8px,#000000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0px,#000000 8px,#000000 100%)}.hsk-cb-msgs>:first-child{margin-top:auto}.hsk-cb-msgs.hsk-scrolling>*{pointer-events:none}.hsk-cb-msgs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.hsk-cb-empty{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding:24px 0 32px;width:100%;text-align:start}.hsk-cb-onboarding-card{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:10px}.hsk-cb-onboarding-head{display:flex;align-items:center;justify-content:flex-end;width:100%;margin-bottom:8px}.hsk-cb-step-badge{font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--hsk-chat-muted, #71717a);background:var(--hsk-chat-source-bg, rgba(255, 255, 255, .06));border:1px solid var(--hsk-chat-border, rgba(255, 255, 255, .08));padding:4px 10px;border-radius:999px;line-height:1}.hsk-cb-hello-wrap{display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:6px;padding:0;width:100%}.hsk-cb-hello-avatar{--hsk-avatar-size: 80px;display:flex;align-items:center;justify-content:flex-start;width:auto;margin-inline-start:calc(var(--hsk-avatar-size, 80px) * -.25);margin-inline-end:0;margin-top:0;margin-bottom:0;animation:hsk-avatar-spring .42s cubic-bezier(.16,1,.3,1) both}.hsk-cb-hello{margin:0;font-size:clamp(24px,4.5vw,34px);font-weight:500;line-height:1.2;letter-spacing:-.02em;color:color-mix(in srgb,var(--hsk-chat-text, #111) 55%,var(--hsk-chat-muted, #8b8b8f));text-align:start}.hsk-cb-hello b{font-weight:700;color:var(--hsk-primary, #ff6a33)}.hsk-cb-hello-lead{margin:0;font-size:15px;line-height:22px;color:var(--hsk-chat-muted, #5f6368);max-width:42ch;text-align:start}.hsk-cb-hello-ask{margin:2px 0;font-size:16px;font-weight:500;color:var(--hsk-chat-text, #111);text-align:start}.hsk-cb-step{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hsk-chat-muted, #9aa0a6)}.hsk-cb-panel[dir=rtl] .hsk-cb-msgs{direction:ltr}.hsk-cb-panel[dir=rtl] .hsk-cb-msgs>*{direction:rtl}.hsk-cb-panel[dir=rtl] .hsk-cb-user-imgs{margin-left:0;margin-right:auto}.hsk-cb-panel[dir=rtl] .hsk-cb-user-bubble,.hsk-cb-panel[dir=rtl] .hsk-cb-ai-text{word-break:normal;overflow-wrap:break-word;letter-spacing:normal}.hsk-cb-panel[dir=rtl] .hsk-cb-hello{line-height:1.6;letter-spacing:normal}.hsk-cb-panel[dir=rtl] .hsk-cb-entlang-cards{justify-content:end}.hsk-cb-lang-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}.hsk-cb-lang-chip{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 16px;font-size:14px;font-weight:500;line-height:1;color:var(--hsk-chat-text, #111);background:var(--hsk-chat-source-bg, rgba(0, 0, 0, .04));border:1px solid var(--hsk-chat-border, rgba(0, 0, 0, .09));border-radius:999px;cursor:pointer;box-shadow:0 1px 2px #00000008;transition:all .18s cubic-bezier(.16,1,.3,1);user-select:none;-webkit-font-smoothing:antialiased}.hsk-cb-lang-chip:hover{background:var(--hsk-primary, #ff6a33);color:#fff;border-color:var(--hsk-primary, #ff6a33);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--hsk-primary, #ff6a33) 25%,transparent)}.hsk-cb-lang-chip:active{transform:scale(.96)}@media(prefers-color-scheme:dark){.hsk-cb-lang-chip{background:#ffffff0f;border-color:#ffffff1a;color:#f4f4f5}}[data-hsk-theme=dark] .hsk-cb-lang-chip{background:#ffffff0f;border-color:#ffffff1a;color:#f4f4f5}.hsk-cb-lang-chips-hint{display:inline-flex;align-items:center;font-size:13px;color:var(--hsk-chat-muted, #71717a);padding:0 6px;margin-inline-start:4px;user-select:none;align-self:center}.hsk-cb-chrome-loading{display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:12px;width:100%;max-width:480px;margin:4px 0 2px;animation:hsk-content-fade .3s ease-out both}.hsk-cb-chrome-loading-header{display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:6px;width:100%}.hsk-cb-chrome-loading-sub{margin:0;font-size:15px;color:var(--hsk-chat-muted, #71717a);line-height:1.45;text-align:start}.hsk-cb-chrome-loading-sub b{color:var(--hsk-chat-text, #f4f4f5);font-weight:600}.hsk-cb-chrome-progress{height:3px;width:100%;border-radius:3px;background:var(--hsk-chat-source-bg, rgba(255, 255, 255, .08));overflow:hidden;margin-top:4px}.hsk-cb-chrome-progress-track{height:100%;width:100%;border-radius:3px;background:linear-gradient(90deg,#ff6a33,#f7b733,#43c59e,#3d8bfd,#9b5de5,#ff5d8f,#ff6a33);background-size:300% 100%;animation:hsk-chrome-rainbow 2.6s linear infinite}.hsk-cb-chrome-progress{position:relative;overflow:hidden}.hsk-cb-chrome-progress:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.55) 50%,transparent 80%);transform:translate(-100%);animation:hsk-chrome-sheen 1.9s cubic-bezier(.55,0,.45,1) infinite;pointer-events:none}@keyframes hsk-chrome-rainbow{0%{background-position:0% 0}to{background-position:-300% 0}}@keyframes hsk-chrome-sheen{0%{transform:translate(-100%)}to{transform:translate(200%)}}@media(prefers-reduced-motion:reduce){.hsk-cb-chrome-progress-track{animation:none;opacity:.5}.hsk-cb-chrome-progress:after{animation:none;opacity:0}}.hsk-cb-chrome-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;margin-top:6px;font-size:13px;font-weight:500;color:var(--hsk-chat-muted, #a1a1aa);background:var(--hsk-chat-source-bg, rgba(255, 255, 255, .05));border:1px solid var(--hsk-chat-border, rgba(255, 255, 255, .09));border-radius:999px;cursor:pointer;transition:all .15s ease;user-select:none}.hsk-cb-chrome-back-btn:hover{background:var(--hsk-chat-source-bg, rgba(255, 255, 255, .12));color:var(--hsk-chat-text, #ffffff);border-color:var(--hsk-chat-border, rgba(255, 255, 255, .18))}.hsk-cb-chrome-notice{display:flex;flex-direction:column;gap:6px;max-width:48ch;margin:24px 0 0;padding:14px 16px;border-radius:14px;background:var(--hsk-chat-source-bg, rgba(255, 255, 255, .04));border:1px solid var(--hsk-chat-border, rgba(255, 255, 255, .09));text-align:start;font-family:var(--hsk-font, system-ui, sans-serif);animation:hsk-content-fade .4s ease-out both}.hsk-cb-chrome-notice-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hsk-cb-chrome-notice-pill{display:inline-flex;align-items:center;padding:2px 7px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#ff6a3326;color:var(--hsk-primary, #ff6a33);border:1px solid rgba(255,106,51,.28)}.hsk-cb-chrome-notice-title{font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--hsk-chat-text, #ffffff)}.hsk-cb-chrome-notice-body{font-size:12px;line-height:1.55;color:var(--hsk-chat-muted, #a1a1aa)}.hsk-cb-chrome-notice-body b{color:var(--hsk-chat-text, #ffffff)}@media(prefers-color-scheme:light){.hsk-cb-chrome-loading-sub b{color:var(--hsk-chat-text, #18181b)}.hsk-cb-chrome-progress{background:var(--hsk-chat-source-bg, rgba(0, 0, 0, .06))}.hsk-cb-chrome-back-btn{color:#52525b;background:#0000000a;border-color:#00000014}.hsk-cb-chrome-back-btn:hover{background:#00000014;color:#09090b;border-color:#00000024}}.hsk-cb-input-box--waiting{opacity:.45;pointer-events:none}.hsk-cb-entlang-opts{display:flex;flex-direction:column;gap:10px;width:100%;max-width:440px;margin-top:6px}.hsk-cb-entlang-opt{position:relative;display:flex;flex-direction:row;align-items:center;width:100%;padding:16px 20px;text-align:start;background:transparent!important;border:none!important;outline:none!important;border-radius:16px;cursor:pointer;user-select:none;overflow:hidden;box-shadow:none!important;animation:hsk-entlang-opt-in .22s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.04s + var(--hsk-opt-idx, 0) * .02s)}@media(prefers-color-scheme:light){.hsk-cb-entlang-opt{background:transparent!important}}[data-hsk-theme=light] .hsk-cb-entlang-opt{background:transparent!important}@keyframes hsk-entlang-opt-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hsk-cb-entlang-opt:hover{background:transparent!important;border:none!important;box-shadow:none!important}.hsk-cb-entlang-opt:active{opacity:.8}.hsk-cb-entlang-radio{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;min-height:18px;border-radius:999px;border:1.5px solid var(--hsk-chat-divide, rgba(255, 255, 255, .22));flex-shrink:0;margin-inline-end:14px;box-sizing:border-box;transform:none!important;transition:border-color .2s cubic-bezier(.16,1,.3,1),background-color .2s ease}.hsk-cb-entlang-radio-dot{width:9px;height:9px;border-radius:999px;background:var(--hsk-primary, #ff6a33);opacity:0;transition:opacity .15s ease;pointer-events:none}.hsk-cb-entlang-opt:hover .hsk-cb-entlang-radio,.hsk-cb-entlang-opt.is-selected .hsk-cb-entlang-radio{border-color:var(--hsk-primary, #ff6a33)}.hsk-cb-entlang-opt.is-selected .hsk-cb-entlang-radio-dot{opacity:1}.hsk-cb-entlang-opt-text{display:flex;flex-direction:column;gap:3px;width:100%}.hsk-cb-entlang-opt-title{font-size:15px;font-weight:600;color:var(--hsk-chat-text, #1f1f1f);letter-spacing:-.01em}.hsk-cb-shimmer-char{display:inline;color:inherit;font-family:inherit}.hsk-cb-entlang-opt:hover .hsk-cb-entlang-opt-title .hsk-cb-shimmer-char{animation:hsk-entlang-char-shimmer-title .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--hsk-char-idx, 0) * 16ms)}.hsk-cb-entlang-opt:hover .hsk-cb-entlang-opt-note .hsk-cb-shimmer-char{animation:hsk-entlang-char-shimmer-note .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--hsk-char-idx, 0) * 16ms)}@keyframes hsk-entlang-char-shimmer-title{0%{color:var(--hsk-chat-text, #1f1f1f)}45%{color:hsl(var(--hsk-ph-hue, 0) 80% 60%)}to{color:var(--hsk-primary, #ff6a33)}}@keyframes hsk-entlang-char-shimmer-note{0%{color:var(--hsk-chat-muted, #71717a)}45%{color:hsl(var(--hsk-ph-hue, 0) 75% 55%)}to{color:var(--hsk-chat-muted, #71717a)}}.hsk-cb-entlang-opt-note{font-size:12.5px;color:var(--hsk-chat-muted, #71717a);line-height:1.45}@keyframes hsk-hello-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hsk-cb-hello,.hsk-cb-hello-lead,.hsk-cb-hello-ask,.hsk-cb-hello-skip{opacity:0;animation:hsk-hello-rise .9s cubic-bezier(.22,1,.36,1) both}.hsk-cb-hello{animation-delay:.06s}.hsk-cb-hello-lead{animation-delay:.26s}.hsk-cb-hello-ask{animation-delay:.44s}.hsk-cb-hello-skip{animation-delay:.6s}.hsk-cb-hello.hsk-cascade,.hsk-cb-hello-lead.hsk-cascade,.hsk-cb-hello-ask.hsk-cascade{opacity:1;animation:none;filter:none}.hsk-cascade__w{display:inline-block;white-space:nowrap;opacity:0;animation:hsk-cascade-rise .44s cubic-bezier(.16,1,.3,1) both}@keyframes hsk-cascade-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hsk-cb-hello,.hsk-cb-hello-lead,.hsk-cb-hello-ask,.hsk-cb-hello-skip,.hsk-cascade__w{animation:none;opacity:1;transform:none;filter:none}}.hsk-cb-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:4px}.hsk-cb-chip{padding:8px 16px;border-radius:var(--hsk-border-radius, 0px);border:1px solid var(--hsk-chat-divide, rgba(0,0,0,.1));background:var(--hsk-chat-source-bg, rgba(0,0,0,.03));color:var(--hsk-chat-text, #333);font-size:13px;cursor:pointer;transition:all .15s;font-family:inherit}.hsk-cb-chip:hover{border-color:var(--hsk-primary);color:var(--hsk-primary);background:#ff6a330f}.hsk-cb-msg-group{padding:16px 0;border-bottom:none;animation:hsk-msg-in .22s ease-out both}.hsk-cb-spoken-mark{position:absolute;top:50%;margin-top:-5px;inset-inline-start:-17px;opacity:.4;pointer-events:none}.hsk-cb-msg-group--run-mid{padding-bottom:0}.hsk-cb-msg-group--run-mid .hsk-cb-user-msg{margin-bottom:0}.hsk-cb-msg-group--run-cont{padding-top:2px}.hsk-cb-msg-group:last-child{border-bottom:none}@keyframes hsk-msg-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hsk-cb-user-msg{display:flex;flex-direction:column;align-items:flex-end;align-self:flex-end;max-width:min(75%,420px);margin-inline-start:auto;margin-inline-end:0;gap:6px;margin-bottom:20px}@media(max-width:640px){.hsk-cb-user-msg{max-width:84%}}.hsk-cb-user-msg.hsk-sent{transform-origin:bottom right;animation:hsk-send-in .42s cubic-bezier(.2,.9,.3,1.2) both}.hsk-cb-panel[dir=rtl] .hsk-cb-user-msg.hsk-sent{transform-origin:bottom left}@keyframes hsk-send-in{0%{opacity:0;transform:translateY(28px) scale(.55)}55%{opacity:1}75%{transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.hsk-cb-user-msg.hsk-sent{animation:none}}.hsk-cb-user-bubble{background:var(--hsk-user-bubble-bg, #007aff);color:#fff;padding:10px 18px;border-radius:20px;position:relative;font-size:var(--hsk-font-size, 15.5px);font-family:var(--hsk-font);line-height:1.45;max-width:100%;font-weight:500;word-break:break-word;overflow-wrap:anywhere;letter-spacing:-.01em}.hsk-cb-user-bubble--tail:before,.hsk-cb-user-bubble--tail:after{content:"";position:absolute;bottom:0;height:25px;pointer-events:none}.hsk-cb-user-bubble--tail:before{right:-7px;width:20px;background:var(--hsk-user-bubble-bg, #007aff);border-bottom-left-radius:16px 14px}.hsk-cb-user-bubble--tail:after{right:-26px;width:26px;background:var(--hsk-chat-bg, #ffffff);border-bottom-left-radius:10px}.hsk-cb-panel[dir=rtl] .hsk-cb-user-bubble--tail:before{right:auto;left:-7px;border-bottom-left-radius:0;border-bottom-right-radius:16px 14px}.hsk-cb-panel[dir=rtl] .hsk-cb-user-bubble--tail:after{right:auto;left:-26px;border-bottom-left-radius:0;border-bottom-right-radius:10px}.hsk-cb-ai-msg{display:block}.hsk-cb-ai-icon{width:32px;height:32px;border-radius:0;background:transparent!important;border:none!important;color:var(--hsk-primary, #ff6a33);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:-2px}.hsk-cb-ai-icon>svg{width:30px!important;height:30px!important}.hsk-cb-ai-icon>.hsk-cb-ai-mark{width:40px!important;height:40px!important}.hsk-cb-ai-body{flex:1;min-width:0}.hsk-cb-ai-content{display:flex;flex-direction:column;gap:10px;align-items:flex-start;width:100%}.hsk-cb-think+.hsk-cb-ai-content>.hsk-cb-ai-text:first-child{padding-top:20px}.hsk-cb-ai-text{font-size:var(--hsk-font-size, 14.5px);font-family:var(--hsk-font);line-height:1.48;color:var(--hsk-chat-text, #111827);background:var(--hsk-chat-ai-bg, #eeeef0);padding:11px 15px;border-radius:18px;position:relative;display:inline-block;width:fit-content;box-sizing:border-box;max-width:min(88%,560px);word-break:break-word;overflow-wrap:anywhere;margin-top:4px}.hsk-cb-ai-text:not(:has(~.hsk-cb-ai-text)):before,.hsk-cb-ai-text:not(:has(~.hsk-cb-ai-text)):after{content:"";position:absolute;bottom:0;height:25px;pointer-events:none}.hsk-cb-ai-text:not(:has(~.hsk-cb-ai-text)):before{left:-7px;width:20px;background:var(--hsk-chat-ai-bg, #eeeef0);border-bottom-right-radius:16px 14px}.hsk-cb-ai-text:not(:has(~.hsk-cb-ai-text)):after{left:-26px;width:26px;background:var(--hsk-chat-bg, #ffffff);border-bottom-right-radius:10px}.hsk-cb-panel[dir=rtl] .hsk-cb-ai-text:not(:has(~.hsk-cb-ai-text)):before{left:auto;right:-7px;border-bottom-right-radius:0;border-bottom-left-radius:16px 14px}.hsk-cb-panel[dir=rtl] .hsk-cb-ai-text:not(:has(~.hsk-cb-ai-text)):after{left:auto;right:-26px;border-bottom-right-radius:0;border-bottom-left-radius:10px}.hsk-cb-sent-status{font-size:11px;line-height:1;color:var(--hsk-chat-muted, #8a8f98);padding:4px 6px 0 0;animation:hsk-sent-in .2s ease-out both}@keyframes hsk-sent-in{0%{opacity:0}to{opacity:1}}.hsk-cb-user-bubble--queued{opacity:.55}.hsk-cb-queued-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:1;color:var(--hsk-chat-muted, #8a8f98);padding:4px 0 0;background:none;border:none;cursor:pointer;font-family:var(--hsk-font);animation:hsk-sent-in .2s ease-out both}.hsk-cb-queued-dot{width:5px;height:5px;border-radius:999px;background:currentColor;animation:hsk-queued-pulse 1.1s ease-in-out infinite}@keyframes hsk-queued-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.hsk-cb-queued-now{color:var(--hsk-primary, #ff6a33);font-weight:600;transition:opacity .15s ease}.hsk-cb-queued-status:hover .hsk-cb-queued-now{opacity:.7}@media(prefers-reduced-motion:reduce){.hsk-cb-queued-dot{animation:none;opacity:.8}}.hsk-cb-timeline{display:none}@media(min-width:900px){.hsk-cb-timeline.hsk-cb-timeline--left{display:block;position:absolute;left:auto!important;right:100%!important;margin-right:28px!important;top:50%;transform:translateY(-50%)!important;width:180px;max-height:60%;overflow:hidden;z-index:10;pointer-events:auto;direction:ltr!important;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent)}.hsk-cb-timeline.hsk-cb-timeline--right{display:block;position:absolute;left:100%!important;right:auto!important;margin-left:28px!important;top:50%;transform:translateY(-50%)!important;width:180px;max-height:60%;overflow:hidden;z-index:10;pointer-events:auto;direction:ltr!important;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent)}.hsk-cb-timeline-track{animation:hsk-tl-in .32s cubic-bezier(.22,1,.36,1) both}}@keyframes hsk-tl-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.hsk-cb-timeline-track{--hsk-tl-x: 9px;position:relative;padding-left:26px!important;padding-right:6px!important}.hsk-cb-timeline-track:before,.hsk-cb-timeline-track:after{content:"";position:absolute;left:calc(var(--hsk-tl-x) - 1px)!important;right:auto!important;top:8px;bottom:8px;width:2px;border-radius:2px}.hsk-cb-timeline-track:before{background:var(--hsk-chat-divide, rgba(0,0,0,.09))}.hsk-cb-timeline-track:after{background:var(--hsk-primary, #ff6a33);opacity:.5;transform-origin:top;transform:scaleY(var(--hsk-tl-progress, 0));transition:transform .18s linear}.hsk-cb-tl-item{--hsk-tl-d: 0;position:relative;display:block;width:100%;padding:7px 6px 7px 0!important;border:none;background:none;text-align:left!important;cursor:pointer;font-family:var(--hsk-font)}.hsk-cb-tl-dot{position:absolute;left:calc(var(--hsk-tl-x, 9px) - 3.5px)!important;right:auto!important;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:999px;background:var(--hsk-chat-divide, rgba(0,0,0,.18));opacity:max(.25,calc(1 - var(--hsk-tl-d) * .22));transition:transform .28s cubic-bezier(.34,1.4,.64,1),opacity .46s cubic-bezier(.22,1,.36,1),background .2s ease}.hsk-cb-tl-label{display:block;font-size:12px;line-height:1.4;color:var(--hsk-chat-muted, #8a8f98);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translate(calc(var(--hsk-tl-d) * 7px));opacity:max(.32,calc(.9 - var(--hsk-tl-d) * .15));transition:transform .46s cubic-bezier(.22,1,.36,1),opacity .46s cubic-bezier(.22,1,.36,1),color .2s ease}.hsk-cb-tl-item:hover .hsk-cb-tl-label{opacity:1;transform:translate(calc(var(--hsk-tl-d) * 7px - 2px))}.hsk-cb-tl-item:hover .hsk-cb-tl-dot{transform:scale(1.25)}.hsk-cb-tl-cursor{position:absolute;left:calc(var(--hsk-tl-x, 9px) - 4.5px)!important;right:auto!important;top:0;width:9px;height:9px;margin-top:-4.5px;border-radius:999px;background:var(--hsk-primary, #ff6a33);transform:translateY(0);transition:transform .44s cubic-bezier(.22,1,.36,1);will-change:transform;pointer-events:none}.hsk-cb-tl-item--on .hsk-cb-tl-dot{opacity:.35}.hsk-cb-tl-item--on .hsk-cb-tl-label{color:var(--hsk-chat-text, #1f1f1f);opacity:1;font-weight:500}@media(prefers-reduced-motion:reduce){.hsk-cb-timeline-track{animation:none}.hsk-cb-timeline-track:after,.hsk-cb-tl-label,.hsk-cb-tl-cursor,.hsk-cb-tl-dot{transition:none}}@media(prefers-color-scheme:dark){.hsk-cb-ai-text{--hsk-chat-ai-bg: #26262a;background:var(--hsk-chat-ai-bg);color:#f9fafb}}.hsk-cb-sources-wrap{position:relative;margin-top:20px}.hsk-cb-sources{display:flex;flex-direction:row;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.hsk-cb-sources::-webkit-scrollbar{display:none}.hsk-cb-sources-fade-left,.hsk-cb-sources-fade-right{position:absolute;top:0;bottom:4px;width:30px;pointer-events:none;z-index:2}.hsk-cb-sources-fade-left,.hsk-cb-sources-fade-right{background-color:var(--hsk-fade-bg, var(--hsk-chat-bg, #0e0e0f))}.hsk-cb-sources-fade-left,[dir=rtl] .hsk-cb-sources-fade-right{-webkit-mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%)}.hsk-cb-sources-fade-right,[dir=rtl] .hsk-cb-sources-fade-left{-webkit-mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%);mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%)}.hsk-cb-sources-fade-left{inset-inline-start:0}.hsk-cb-sources-fade-right{inset-inline-end:0}.hsk-cb-sources-next,.hsk-cb-sources-prev{position:absolute;top:42%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%!important;background:var(--hsk-chat-bg, #ffffff)!important;border:1px solid var(--hsk-chat-divide, rgba(0, 0, 0, .12))!important;color:var(--hsk-primary, #ff6a33)!important;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #00000024;z-index:10;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .18s ease,color .18s ease,box-shadow .18s ease}.hsk-cb-sources-next:hover,.hsk-cb-sources-prev:hover{background:var(--hsk-primary, #ff6a33)!important;color:#fff!important;border-color:var(--hsk-primary, #ff6a33)!important;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 18px #ff6a3359}.hsk-cb-sources-next{inset-inline-end:2px}.hsk-cb-sources-prev{inset-inline-start:2px}[dir=rtl] .hsk-cb-sources-next svg,[dir=rtl] .hsk-cb-sources-prev svg{transform:scaleX(-1)}.hsk-cb-carousel-dots{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px}.hsk-cb-dot-item{width:6px;height:6px;border-radius:50%;background:#96969659;transition:all .25s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.hsk-cb-dot-item--active{width:18px;border-radius:999px;background:var(--hsk-primary, #ff6a33)}.hsk-cb-source{flex:0 0 188px;scroll-snap-align:start;border-radius:var(--hsk-border-radius, 0px);border:none;background:transparent;cursor:pointer;transition:transform .14s,opacity .14s;animation:hsk-card-in .26s ease-out both;overflow:visible}@keyframes hsk-card-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.hsk-cb-source:hover{transform:translateY(-3px);opacity:.92}.hsk-cb-src-imgwrap{width:188px;height:188px;overflow:hidden;border-radius:var(--hsk-border-radius, 0px);display:block;background:var(--hsk-chat-source-bg, #f8f9fa)}.hsk-cb-src-imgwrap img{width:100%;height:100%;object-fit:cover;transition:transform .22s;display:block}.hsk-cb-source:hover .hsk-cb-src-imgwrap img{transform:scale(1.05)}.hsk-cb-src-imgwrap-empty{width:188px;height:188px;background:var(--hsk-chat-divide, rgba(0,0,0,.06));display:flex;align-items:center;justify-content:center;color:var(--hsk-chat-muted, #555);font-size:32px}.hsk-cb-src-info{padding:8px 2px 0}.hsk-cb-sources-wrap--compact{margin-top:10px}.hsk-cb-sources-wrap--compact .hsk-cb-sources{gap:10px}.hsk-cb-sources-wrap--compact .hsk-cb-source{flex:0 0 96px}.hsk-cb-sources-wrap--compact .hsk-cb-src-imgwrap,.hsk-cb-sources-wrap--compact .hsk-cb-src-imgwrap-empty{width:96px;height:96px}.hsk-cb-sources-wrap--compact .hsk-cb-src-imgwrap-empty{font-size:20px}.hsk-cb-sources-wrap--compact .hsk-cb-src-name{font-size:12px;-webkit-line-clamp:1}.hsk-cb-sources-wrap--compact .hsk-cb-src-price{font-size:11px;padding:1px 6px}.hsk-cb-sources-wrap--compact .hsk-cb-source-ref-badge{display:none}.hsk-cb-src-name{font-size:13px;font-weight:600;color:var(--hsk-chat-text, #333);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hsk-cb-src-price{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:2px 9px;border-radius:9999px;background:var(--hsk-chat-source-bg, rgba(0, 0, 0, .05));border:1px solid var(--hsk-chat-divide, rgba(0, 0, 0, .08));font-size:12px;font-weight:600;color:var(--hsk-primary, #ff6a33);margin-top:5px;line-height:1.2}.hsk-cb-typing-row{display:flex;align-items:flex-start;gap:14px;padding:20px 0}@keyframes hsk-shimmer{0%{background-position:130% 0}to{background-position:-110% 0}}.hsk-cb-input-wrap{position:relative;--hsk-composer-pad-top: 16px;--hsk-composer-pad-x: var(--hsk-gutter, 24px);padding:var(--hsk-composer-pad-top) var(--hsk-composer-pad-x) 24px;flex-shrink:0;background:transparent!important;z-index:10}.hsk-cb-input-wrap:after{display:none!important}.hsk-cb-input-card{border-radius:20px;background:var(--hsk-chat-input-bg, #ffffff);border:none!important;outline:none!important;box-shadow:0 3px 14px -1px #0000000d,0 1px 4px #00000008!important;overflow:hidden;position:relative;z-index:1;transition:height .22s cubic-bezier(.32,.72,0,1)}.hsk-cb-input-card:focus-within{border:none!important;outline:none!important;box-shadow:0 4px 18px -1px #00000012,0 2px 6px #0000000a!important}.hsk-cb-docked-header{display:flex;align-items:center;gap:8px;padding:10px 16px 6px;background:transparent;border-bottom:none!important;user-select:none}.hsk-cb-docked-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--hsk-primary, #ff6a33)}.hsk-cb-docked-title{font-size:13px;font-weight:700;color:var(--hsk-primary, #ff6a33);letter-spacing:-.01em}.hsk-cb-docked-sub{font-size:12px;font-weight:500;letter-spacing:-.01em;color:var(--hsk-chat-text, #1f1f1f);flex:1}.hsk-cb-docked-close{background:none;border:none;color:var(--hsk-chat-muted, rgba(0, 0, 0, .4));font-size:16px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:50%;transition:background .12s,color .12s}.hsk-cb-docked-close:hover{background:#00000014;color:var(--hsk-chat-text, #111111)}.hsk-cb-field{margin-inline:5px}.hsk-cb-input-box[data-expanded=true]>.hsk-cb-field{margin-inline:0}.hsk-cb-docked-options{display:flex;flex-direction:column;padding:4px 6px;background:transparent;border-bottom:none!important;max-height:220px;overflow-y:auto;scrollbar-width:thin}.hsk-cb-docked-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent!important;border-radius:10px;color:var(--hsk-chat-text, #1f1f1f);font-family:inherit;font-size:14px;text-align:start;cursor:pointer;transition:color .15s ease}.hsk-cb-docked-option:hover,.hsk-cb-docked-option:focus{background:transparent!important;color:var(--hsk-primary, #ff6a33)}.hsk-cb-docked-option-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--hsk-primary, #ff6a33) 12%,transparent);color:var(--hsk-primary, #ff6a33);flex-shrink:0;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .18s ease}.hsk-cb-docked-option:hover .hsk-cb-docked-option-icon,.hsk-cb-docked-option:focus .hsk-cb-docked-option-icon{background:color-mix(in srgb,var(--hsk-primary, #ff6a33) 22%,transparent);transform:scale(1.15) rotate(4deg)}.hsk-cb-docked-option-icon img{width:100%;height:100%;object-fit:cover}.hsk-cb-docked-option-title{font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease}.hsk-cb-docked-option-desc{font-size:12px;color:var(--hsk-chat-muted, #6b7280);font-weight:400}.hsk-cb-docked-option-price{font-size:12px;font-weight:600;color:var(--hsk-chat-muted, #6b7280)}.hsk-cb-input-box{position:relative;display:grid;grid-template-columns:auto auto 1fr auto auto;grid-template-rows:auto 0px;align-items:center;justify-items:start;column-gap:10px;row-gap:0px;transition:grid-template-rows .2s cubic-bezier(.32,.72,0,1),row-gap .2s cubic-bezier(.32,.72,0,1);background:transparent!important;border:none!important;outline:none!important;border-radius:0!important;padding-block:12px;padding-inline:18px 14px;box-shadow:none!important}.hsk-cb-tools-toggle{display:none}.hsk-cb-toolsheet-wrap{position:absolute;bottom:calc(100% - 6px);inset-inline-start:var(--hsk-composer-pad-x, 14px);inset-inline-end:auto;z-index:100;transform-origin:bottom left;animation:hsk-toolsheet-in .22s cubic-bezier(.16,1,.3,1) both;pointer-events:auto}[dir=rtl] .hsk-cb-toolsheet-wrap,.hsk-cb-panel[dir=rtl] .hsk-cb-toolsheet-wrap{transform-origin:bottom right}.hsk-cb-toolsheet{position:relative;z-index:1;min-width:200px;padding:6px;border-radius:16px;background:var(--hsk-chat-source-bg, rgba(255, 255, 255, .08));border:none!important;box-shadow:none!important}@keyframes hsk-toolsheet-in{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.hsk-cb-toolsheet-scrim{position:fixed;inset:0;z-index:90;background:transparent;cursor:default}.hsk-cb-toolsheet-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:none;border-radius:11px;background:transparent;color:var(--hsk-chat-text, #111827);font-family:var(--hsk-font);font-size:15px;text-align:start;cursor:pointer;transition:background-color .15s ease}.hsk-cb-toolsheet-item:hover:not(:disabled){background:var(--hsk-chat-subtle, rgba(0,0,0,.05))}.hsk-cb-toolsheet-item:disabled{opacity:.45;cursor:default}.hsk-cb-toolsheet-item>svg{flex-shrink:0;color:var(--hsk-chat-muted, #6b7280)}[data-hsk-theme] .hsk-cb-toolsheet{background:var(--hsk-sheet-bg, var(--hsk-chat-input-bg, #f3f4f6))!important;border:none!important}[data-hsk-theme] .hsk-cb-toolsheet-item{color:var(--hsk-chat-text, #111827)!important}[data-hsk-theme] .hsk-cb-toolsheet-item:hover:not(:disabled){background:var(--hsk-sheet-hover, var(--hsk-surface-2, rgba(0, 0, 0, .05)))!important}[data-hsk-theme] .hsk-cb-toolsheet-item>svg{color:var(--hsk-chat-muted, #6b7280)!important}@media(prefers-reduced-motion:reduce){.hsk-cb-toolsheet-wrap,.hsk-cb-toolsheet-stem{animation:none}.hsk-cb-toolsheet-stem{transform:scale(.62)}}.hsk-cb-input-box>.hsk-cb-attach-btn{grid-column:1;grid-row:1}.hsk-cb-input-box>.hsk-cb-voice-mode-btn{grid-column:2;grid-row:1}.hsk-cb-input-box>.hsk-cb-field{grid-column:3;grid-row:1}.hsk-cb-input-box>.hsk-cb-mic-btn{grid-column:4;grid-row:1}.hsk-cb-input-box>.hsk-cb-send,.hsk-cb-input-box>.hsk-chat-send{grid-column:5;grid-row:1}.hsk-cb-input-box[data-expanded=true]{grid-template-rows:auto 36px;row-gap:6px}.hsk-cb-input-box[data-expanded=true]>.hsk-cb-field{grid-column:1 / -1;grid-row:1}.hsk-cb-input-box[data-expanded=true]>.hsk-cb-attach-btn,.hsk-cb-input-box[data-expanded=true]>.hsk-cb-voice-mode-btn,.hsk-cb-input-box[data-expanded=true]>.hsk-cb-mic-btn,.hsk-cb-input-box[data-expanded=true]>.hsk-cb-send,.hsk-cb-input-box[data-expanded=true]>.hsk-chat-send{grid-row:2}.hsk-cb-textarea{width:100%;background:transparent;border:none;outline:none;resize:none;font-size:var(--hsk-input-font-size, 16px);font-family:var(--hsk-font);color:var(--hsk-chat-text, #111);min-height:28px;max-height:140px;field-sizing:content;line-height:var(--hsk-input-line-height, 1.55);word-break:break-word;overflow-wrap:break-word;padding:0;transition:height .18s cubic-bezier(.32,.72,0,1),color .42s cubic-bezier(.16,1,.3,1);scrollbar-width:none}.hsk-cb-textarea::-webkit-scrollbar{width:0;height:0}.hsk-cb-textarea::placeholder{color:var(--hsk-chat-muted, #9ca3af);font-family:var(--hsk-font);font-size:16px}.hsk-cb-attach-btn,.hsk-cb-mic-btn,.hsk-cb-send,.hsk-chat-send{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:none;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.34,1.56,.64,1),background-color .42s cubic-bezier(.16,1,.3,1),opacity .2s ease;font-family:inherit;margin:0;padding:0}.hsk-cb-send,.hsk-chat-send{background:linear-gradient(135deg,#007aff,#0056b3);color:#fff;border-radius:12px!important;box-shadow:0 4px 14px #007aff61,inset 0 1px #ffffff59;position:relative;overflow:hidden}.hsk-cb-send .hsk-telegram-icon,.hsk-chat-send .hsk-telegram-icon{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.hsk-cb-send:hover:not(:disabled),.hsk-chat-send:hover:not(:disabled){opacity:1;transform:translateY(-1px) scale(1.05);box-shadow:0 6px 18px #007aff7a,inset 0 1px #ffffff73}.hsk-cb-send:hover:not(:disabled) .hsk-telegram-icon,.hsk-chat-send:hover:not(:disabled) .hsk-telegram-icon{transform:translate(2px,-2px) rotate(-10deg) scale(1.1)}.hsk-cb-send:active:not(:disabled),.hsk-chat-send:active:not(:disabled){transform:translateY(0) scale(.94);box-shadow:0 1px 4px #007aff4d}.hsk-cb-send:disabled,.hsk-chat-send:disabled{opacity:.4;cursor:not-allowed;background:var(--hsk-chat-muted, #ccc);box-shadow:none}.hsk-cb-send--stop{background:#e5342a!important}.hsk-cb-send--stop:hover{background:#c92a21!important;opacity:1}.hsk-cb-hint{text-align:center;font-size:9px;line-height:14px;color:var(--hsk-chat-muted, #bbb);margin-top:10px}.hsk-cb-field{position:relative;grid-area:field;display:flex;align-items:center;width:100%;min-width:0;--hsk-input-font-size: 16px;--hsk-input-line-height: 1.55;--hsk-input-control: 36px;--hsk-input-line-box: calc(var(--hsk-input-font-size) * var(--hsk-input-line-height))}.hsk-cb-listening{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.hsk-cb-listening span{width:2px;height:2px;border-radius:999px;background:var(--hsk-primary, #ff6a33);opacity:.3;transform-origin:center;will-change:transform,opacity;transition:transform 90ms linear,opacity 90ms linear}.hsk-animated-placeholder{position:absolute;inset:0;display:flex;align-items:center;height:100%;pointer-events:none;overflow:hidden;user-select:none;padding:0;z-index:1}.hsk-cb-input-box>*{--hsk-cascade-ease: cubic-bezier(.45, 0, .55, 1);--hsk-cascade-dur: .44s;--hsk-cascade-step: 55ms}.hsk-cb-input-box[data-cascade]>*:not([type=file]):not(.hsk-cb-field){animation-duration:var(--hsk-cascade-dur);animation-timing-function:var(--hsk-cascade-ease);animation-fill-mode:none}.hsk-cb-input-box[data-cascade=a]>*:not([type=file]):not(.hsk-cb-field){animation-name:hsk-leaf-settle-a}.hsk-cb-input-box[data-cascade=b]>*:not([type=file]):not(.hsk-cb-field){animation-name:hsk-leaf-settle-b}.hsk-cb-input-box[data-cascade]>*:not([type=file]):not(.hsk-cb-field),.hsk-animated-placeholder__char{will-change:transform}.hsk-cb-input-box:hover>*,.hsk-cb-input-box:focus-within>*{will-change:auto}.hsk-cb-input-box>*{--hsk-cascade-field: .11s}.hsk-cb-input-box[data-cascade]>.hsk-cb-attach-btn{animation-delay:0ms}.hsk-cb-input-box[data-cascade]>.hsk-cb-voice-mode-btn{animation-delay:var(--hsk-cascade-step)}.hsk-cb-input-box[data-cascade]>.hsk-cb-mic-btn{animation-delay:calc(var(--hsk-cascade-field) + var(--hsk-text-sweep, 0ms))}.hsk-cb-input-box[data-cascade]>.hsk-cb-send,.hsk-cb-input-box[data-cascade]>.hsk-chat-send{animation-delay:calc(var(--hsk-cascade-field) + var(--hsk-text-sweep, 0ms) + var(--hsk-cascade-step))}@keyframes hsk-leaf-settle-a{0%{transform:translateY(0) scale(1)}42%{transform:translateY(-3px) scale(1.05)}to{transform:translateY(0) scale(1)}}@keyframes hsk-leaf-settle-b{0%{transform:translateY(0) scale(1)}42%{transform:translateY(-3px) scale(1.05)}to{transform:translateY(0) scale(1)}}.hsk-cb-input-box>.hsk-cb-field .hsk-animated-placeholder__char{animation-name:hsk-placeholder-animate-up}@media(prefers-reduced-motion:reduce){.hsk-cb-input-box[data-cascade=a]>*,.hsk-cb-input-box[data-cascade=b]>*{animation:none;transform:none;opacity:1}.hsk-cb-textarea,.hsk-cb-input-card{transition-property:background-color,box-shadow}}.hsk-animated-placeholder__char{display:inline-block;font-size:var(--hsk-input-font-size, 16px);line-height:var(--hsk-input-line-height, 1.55);color:var(--hsk-chat-muted, #9ca3af);font-family:var(--hsk-font);white-space:pre;animation:hsk-placeholder-animate-up .46s cubic-bezier(.16,1,.3,1) both}@keyframes hsk-placeholder-animate-up{0%{opacity:0;transform:translateY(9px);color:hsl(var(--hsk-ph-hue, 0) var(--hsk-ph-sat, 68%) var(--hsk-ph-light, 55%))}55%{opacity:1;color:hsl(var(--hsk-ph-hue, 0) var(--hsk-ph-sat, 68%) var(--hsk-ph-light, 55%))}to{opacity:1;transform:translateY(0);color:var(--hsk-chat-muted, #9ca3af)}}@media(prefers-reduced-motion:reduce){.hsk-animated-placeholder__char{animation:none;transform:none;opacity:1;color:var(--hsk-chat-muted, #9ca3af);animation-delay:0ms!important}}.hsk-cb-voice-error{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:1.4;max-width:90%;margin-inline:auto;text-wrap:balance;color:#ff6b6b;margin-top:8px;padding:4px 12px;border-radius:12px;background:#e5484d1f;border:none;cursor:pointer;animation:hsk-msg-in .2s ease-out both}.hsk-cb-voice-error-dismiss{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:none;background:#ffffff1f;color:inherit;font-size:14px;line-height:1;cursor:pointer;padding:0;flex-shrink:0;transition:background .15s ease,transform .15s ease}.hsk-cb-voice-error-dismiss:hover{background:#ffffff40;transform:scale(1.1)}.hsk-cb-img-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 18px 2px;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:hsk-msg-in .2s ease-out both}.hsk-cb-img-thumb-wrap{position:relative;width:60px;height:60px;flex-shrink:0;border-radius:12px;box-shadow:0 2px 8px #00000014,0 0 0 1px #ffffff1f;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);overflow:visible}.hsk-cb-img-thumb-wrap:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0000001f,0 0 0 1px #fff3}.hsk-cb-img-thumb{width:100%;height:100%;object-fit:cover;border-radius:12px;border:none;display:block}.hsk-cb-img-thumb-remove{position:absolute;top:-5px;inset-inline-end:-5px;width:18px;height:18px;border-radius:50%;background:#141418bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 2px 6px #00000040;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .15s cubic-bezier(.16,1,.3,1),background-color .15s ease;z-index:2}.hsk-cb-img-thumb-remove:hover{background:#ef4444eb;border-color:#fff6;transform:scale(1.15)}.hsk-cb-attach-btn,.hsk-cb-mic-btn,.hsk-cb-voice-mode-btn{position:relative;width:36px;height:36px;border-radius:12px;border:none!important;outline:none!important;background:transparent;color:var(--hsk-chat-muted, #71717a);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:none!important;opacity:.75;transition:transform .35s cubic-bezier(.34,1.8,.64,1),background-color .2s ease,color .2s ease,opacity .2s ease;font-family:inherit;overflow:visible}.hsk-cb-attach-btn:hover:not(:disabled),.hsk-cb-mic-btn:hover:not(:disabled),.hsk-cb-voice-mode-btn:hover:not(:disabled){opacity:1;color:var(--hsk-chat-text, #1f1f1f);background:transparent;transform:translateY(-1px)}.hsk-cb-attach-btn:active:not(:disabled),.hsk-cb-mic-btn:active:not(:disabled),.hsk-cb-voice-mode-btn:active:not(:disabled){transform:translateY(0) scale(.94);transition-duration:.1s}.hsk-cb-attach-btn svg,.hsk-cb-mic-btn svg,.hsk-cb-voice-mode-btn svg{overflow:visible}.hsk-cb-attach-btn svg{transition:transform .34s cubic-bezier(.22,1,.36,1)}.hsk-cb-attach-btn:hover:not(:disabled) svg{transform:rotate(-14deg) translateY(-1px)}.hsk-mic-cap{transform-box:fill-box;transform-origin:center;transition:transform .32s cubic-bezier(.34,1.56,.64,1)}.hsk-cb-mic-btn:hover:not(:disabled) .hsk-mic-cap{transform:translateY(-1.5px)}.hsk-wave-bar{transform-box:fill-box;transform-origin:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hsk-cb-voice-mode-btn:hover:not(:disabled) .hsk-wave-bar{animation:hsk-wave-wake .52s cubic-bezier(.34,1.8,.64,1) both,hsk-wave-live var(--hsk-period, 1.1s) ease-in-out .52s infinite;animation-delay:calc(var(--hsk-bar, 0) * 55ms),calc(.52s + var(--hsk-bar, 0) * 55ms)}.hsk-cb-voice-mode-btn:hover:not(:disabled) .hsk-wave-bar--tip{animation-name:hsk-wave-wake-tip,hsk-wave-live-tip}@keyframes hsk-wave-wake{0%{transform:scaleY(.12)}55%{transform:scaleY(calc(var(--hsk-amp, 1.6) * 1.12))}to{transform:scaleY(1)}}@keyframes hsk-wave-live{0%,to{transform:scaleY(1)}30%{transform:scaleY(var(--hsk-amp, 1.6))}55%{transform:scaleY(calc(1 + (var(--hsk-amp, 1.6) - 1) * .22))}78%{transform:scaleY(calc(1 + (var(--hsk-amp, 1.6) - 1) * .62))}}@keyframes hsk-wave-wake-tip{0%{transform:scaleX(.2);opacity:.4}55%{transform:scaleX(calc(var(--hsk-amp, 1.9) * 1.1));opacity:1}to{transform:scaleX(1);opacity:.8}}@keyframes hsk-wave-live-tip{0%,to{transform:scaleX(1);opacity:.7}30%{transform:scaleX(var(--hsk-amp, 1.9));opacity:1}70%{transform:scaleX(1.15);opacity:.8}}.hsk-copy-sheet,.hsk-copy-back{transform-box:fill-box;transform-origin:center;transition:transform .3s cubic-bezier(.22,1,.36,1)}.hsk-cb-kiku-id-pill:hover .hsk-copy-sheet{transform:translate(.9px,.9px)}.hsk-cb-kiku-id-pill:hover .hsk-copy-back{transform:translate(-.9px,-.9px)}@media(prefers-reduced-motion:reduce){.hsk-cb-attach-btn:hover:not(:disabled) svg,.hsk-cb-mic-btn:hover:not(:disabled) .hsk-mic-cap,.hsk-cb-kiku-id-pill:hover .hsk-copy-sheet,.hsk-cb-kiku-id-pill:hover .hsk-copy-back{transform:none}.hsk-cb-voice-mode-btn:hover:not(:disabled) .hsk-wave-bar{animation:none}}.hsk-cb-attach-btn:disabled,.hsk-cb-mic-btn:disabled,.hsk-cb-voice-mode-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.hsk-cb-mic-btn--listening{color:#ef4444!important;background:#ef444429!important;transform:scale(1.1)!important}.hsk-cb-mic-btn--processing{color:var(--hsk-primary, #ff6a33)!important;opacity:.85}.hsk-cb-user-imgs{display:grid;gap:2px;width:fit-content;max-width:min(78%,320px);margin-bottom:4px;margin-left:auto;border-radius:18px 18px 4px;overflow:hidden;box-shadow:0 4px 16px #00000029}.hsk-cb-user-imgs[data-count="1"]{grid-template-columns:1fr}.hsk-cb-user-imgs[data-count="2"]{grid-template-columns:1fr 1fr}.hsk-cb-user-imgs[data-count="3"]{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.hsk-cb-user-imgs[data-count="3"]>:first-child{grid-row:span 2}.hsk-cb-user-imgs[data-count="4"]{grid-template-columns:1fr 1fr}.hsk-cb-user-img-cell{position:relative;display:block;padding:0;border:none;background:none;cursor:pointer;overflow:hidden;min-width:0;line-height:0}.hsk-cb-user-imgs[data-count="1"] .hsk-cb-user-img-cell{aspect-ratio:auto}.hsk-cb-user-imgs:not([data-count="1"]) .hsk-cb-user-img-cell{aspect-ratio:1}.hsk-cb-user-img-more{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;font-size:20px;font-weight:600;line-height:1}.hsk-cb-user-img-thumb{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.hsk-cb-user-imgs[data-count="1"] .hsk-cb-user-img-thumb{height:auto;max-height:300px;object-fit:contain}.hsk-cb-user-img-cell:hover .hsk-cb-user-img-thumb{filter:brightness(.93)}.hsk-cb-error{display:block;width:fit-content;max-width:min(560px,100%);margin:10px auto 8px;padding:10px 14px;border-radius:10px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444;font-size:13px;line-height:1.5;font-family:var(--hsk-font);text-align:center}.hsk-kiku-badge{display:inline-block;font-size:var(--hsk-font-size, 16px);font-family:var(--hsk-font);font-weight:600;background:#ffffff38;border:1px solid rgba(255,255,255,.35);color:#fff;padding:1px 7px;border-radius:6px;margin-inline-end:6px}.hsk-cb-memory-pill{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin:12px 0 6px;padding:12px 22px;font-size:15px;font-weight:600;text-decoration:none;color:#fff;background:linear-gradient(135deg,#007aff,#0056b3);border:none;border-radius:18px 18px 18px 4px!important;box-shadow:0 4px 16px -2px #007aff61,inset 0 1px #ffffff47;transition:transform .18s cubic-bezier(.34,1.56,.64,1),opacity .15s,box-shadow .18s ease;cursor:pointer}.hsk-cb-memory-pill:hover{opacity:.96;transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px #007aff7a}.hsk-cb-think{position:relative;z-index:2;margin-bottom:-11px;margin-inline-start:12px;font-size:14px;font-family:var(--hsk-font)}.hsk-cb-think-head{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 11px;border:none;border-radius:999px;background:var(--hsk-chat-ai-bg, #eeeef0);box-shadow:0 0 0 3px var(--hsk-chat-bg, #ffffff),0 1px 3px #00000021;font-family:var(--hsk-font);font-size:12px;font-weight:600;color:var(--hsk-chat-muted, #6b7280);cursor:pointer;user-select:none;line-height:28px}.hsk-cb-think-head:hover{color:var(--hsk-chat-text, #111827)}.hsk-cb-think-head--static{cursor:default}.hsk-cb-think-head--static:hover{color:var(--hsk-chat-muted, #6b7280)}.hsk-cb-think-spin{animation:hsk-think-spin 3s linear infinite}@keyframes hsk-think-spin{to{transform:rotate(360deg)}}.hsk-cb-think-chevron{font-size:9px;transition:transform .12s}.hsk-cb-think-chevron--open{transform:rotate(90deg)}.hsk-cb-think-body{margin-top:6px;padding:8px 12px;border-left:2px solid var(--hsk-chat-border, rgba(128,128,128,.25));color:var(--hsk-chat-muted, #4b5563);white-space:pre-wrap;line-height:1.5;font-family:var(--hsk-font);font-size:14px}.hsk-cb-stopped{display:flex;flex-direction:column;align-items:start;gap:8px;margin:10px 0 14px}.hsk-cb-stopped--empty{align-items:center;text-align:center;margin:22px auto 18px}.hsk-cb-stopped--empty .hsk-cb-stopped-label{text-align:center}.hsk-cb-stopped-dots{display:flex;gap:5px;margin-bottom:2px}.hsk-cb-stopped-dots i{width:5px;height:5px;border-radius:50%;background:var(--hsk-chat-muted, #888);opacity:.4}.hsk-cb-stopped-label{font-size:13px;line-height:1.5;color:var(--hsk-chat-muted, #888);font-family:var(--hsk-font);text-align:start}.hsk-cb-continue{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;font-family:var(--hsk-font);color:var(--hsk-chat-text, #111);background:var(--hsk-chat-source-bg, rgba(0,0,0,.04));border:1px solid transparent;border-radius:999px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.hsk-cb-continue:hover{border-color:var(--hsk-primary);color:var(--hsk-primary);background:transparent}.hsk-cb-continue svg{flex:none}[dir=rtl] .hsk-cb-continue svg{transform:scaleX(-1)}@media(prefers-color-scheme:dark){.hsk-cb-continue{background:#ffffff0f;color:#f0efed}.hsk-cb-continue:hover{background:transparent}}.hsk-sb-wrap{--hsk-bg: #ffffff;--hsk-border: #f1f3f4;--hsk-text: #1f1f1f;--hsk-muted: #5f6368;--hsk-hover: #f8f9fa;--hsk-drop-shadow: 0 8px 30px rgba(0,0,0,.06);--hsk-primary: var(--chat-primary-color, #ff6a33);position:relative;width:100%;font-family:inherit}@media(prefers-color-scheme:dark){.hsk-sb-wrap{--hsk-bg: #0a0a0a;--hsk-border: #202124;--hsk-text: #e8eaed;--hsk-muted: #888;--hsk-hover: #1a1a1b;--hsk-drop-shadow: 0 12px 40px rgba(0,0,0,.4)}}.hsk-sb-input{width:100%;padding:10px 16px 10px 40px;font-size:14px;border-radius:var(--hsk-border-radius, 0px);border:1.5px solid var(--hsk-border);outline:none;box-sizing:border-box;background:var(--hsk-bg);color:var(--hsk-text);transition:border-color .15s,box-shadow .15s;font-family:inherit}.hsk-sb-input::placeholder{color:var(--hsk-muted)}.hsk-sb-input:focus{border-color:var(--hsk-primary);box-shadow:0 0 0 3px #ff6a331f}.hsk-sb-icon{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--hsk-muted);pointer-events:none;display:flex;align-items:center}.hsk-sb-drop{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--hsk-bg);border:1px solid var(--hsk-border);border-radius:var(--hsk-border-radius, 0px);box-shadow:var(--hsk-drop-shadow);z-index:9999;overflow:hidden;padding:6px 0}.hsk-sb-row{display:flex;align-items:center;gap:12px;padding:9px 16px;cursor:pointer;transition:background .1s}.hsk-sb-row:hover{background:var(--hsk-hover)}.hsk-sb-row-icon{color:var(--hsk-muted);flex-shrink:0;display:flex;align-items:center}.hsk-sb-row-thumb{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--hsk-muted);background:var(--hsk-hover);border-radius:var(--hsk-border-radius, 0px);overflow:hidden}.hsk-sb-row-thumb img{width:100%;height:100%;object-fit:cover;display:block}.hsk-sb-row-body{flex:1;min-width:0}.hsk-sb-row-title{font-size:13px;font-weight:500;color:var(--hsk-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.hsk-sb-row-sub{font-size:11px;color:var(--hsk-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hsk-sb-empty{padding:14px 16px;font-size:13px;color:var(--hsk-muted)}.hsk-sb-loading-bar{height:2px;background:linear-gradient(90deg,transparent,var(--hsk-primary),transparent);background-size:200% 100%;animation:hsk-sweep .9s linear infinite;position:absolute;top:0;left:0;right:0}@keyframes hsk-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.hsk-sb-fade{animation:hsk-fin .1s ease-out both}@keyframes hsk-fin{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.hsk-sb-skeleton-row{display:flex;align-items:center;gap:12px;padding:9px 16px}.hsk-sb-skeleton-icon{width:38px;height:38px;background:var(--hsk-hover, rgba(0, 0, 0, .05));border-radius:var(--hsk-border-radius, 0px);flex-shrink:0;animation:hsk-pulse 1.5s ease-in-out infinite}.hsk-sb-skeleton-text1{height:12px;background:var(--hsk-hover, rgba(0, 0, 0, .05));border-radius:3px;width:60%;animation:hsk-pulse 1.5s ease-in-out infinite}.hsk-sb-skeleton-text2{height:8px;background:var(--hsk-hover, rgba(0, 0, 0, .05));border-radius:2px;width:35%;margin-top:5px;animation:hsk-pulse 1.5s ease-in-out infinite}@keyframes hsk-pulse{0%,to{opacity:.6}50%{opacity:1}}.hsk-sp-btn{--hsk-primary: var(--chat-primary-color, #ff6a33);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--hsk-border-radius, 0px);border:1px solid var(--hsk-sp-border, rgba(255,106,51,.35));background:var(--hsk-sp-bg, rgba(255,106,51,.08));color:var(--hsk-primary);cursor:pointer;font-size:15px;line-height:1;transition:background .15s,border-color .15s,transform .12s;flex-shrink:0;padding:0}.hsk-sp-btn:hover{background:#ff6a332e;border-color:#ff6a33b3;transform:scale(1.1)}.hsk-sp-btn:active{transform:scale(.92)}.hsk-sp-backdrop{position:fixed;inset:0;width:100vw;height:100vh;min-height:100dvh;z-index:2147483647!important;display:flex;align-items:center;justify-content:center;padding:24px;animation:hsk-bd-in .2s ease-out both;background:var(--hsk-chat-bg, #ffffff)!important;box-sizing:border-box}@keyframes hsk-bd-in{0%{opacity:0}to{opacity:1}}.hsk-sp-card{--hsk-primary: var(--chat-primary-color, #ff6a33);width:100%;max-width:600px;border-radius:var(--hsk-border-radius, 0px);overflow:hidden;animation:hsk-card-in .24s cubic-bezier(.34,1.36,.64,1) both;flex-shrink:0;background:var(--hsk-modal-card-bg, #ffffff);border:1px solid var(--hsk-modal-card-border, #f1f3f4);box-shadow:0 32px 80px #00000014,0 2px 8px #0000000a;display:flex;flex-direction:column}.hsk-sp-card.hsk-sp-fullscreen{max-width:1000px;width:90vw;height:85vh;max-height:800px}@media(max-width:768px){.hsk-sp-backdrop{padding:0}.hsk-sp-card.hsk-sp-fullscreen{width:100vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border:none;border-radius:0}}@keyframes hsk-card-in{0%{opacity:0;transform:scale(.96) translateY(-12px)}to{opacity:1;transform:scale(1) translateY(0)}}.hsk-sp-header{display:flex;align-items:center;gap:10px;padding:18px 20px 14px;border-bottom:1px solid var(--hsk-modal-divide, #f1f3f4);flex-shrink:0}.hsk-sp-header-icon{font-size:18px;color:var(--hsk-primary);flex-shrink:0;display:flex;align-items:center}.hsk-sp-header-body{flex:1;min-width:0}.hsk-sp-header-title{font-size:14px;font-weight:600;color:var(--hsk-modal-text, #1f1f1f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hsk-sp-header-sub{font-size:11px;color:var(--hsk-modal-muted, #5f6368);margin-top:2px}.hsk-sp-close{width:30px;height:30px;border-radius:var(--hsk-border-radius, 0px);border:1px solid var(--hsk-modal-divide, #f1f3f4);background:none;color:var(--hsk-modal-muted, #5f6368);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.hsk-sp-close:hover{border-color:var(--hsk-primary);color:var(--hsk-primary)}.hsk-sp-bar{height:2px;background:linear-gradient(90deg,transparent 0%,var(--hsk-primary) 40%,#ffaa80 60%,transparent 100%);background-size:200% 100%;animation:hsk-bar .9s linear infinite;flex-shrink:0}@keyframes hsk-bar{0%{background-position:200% 0}to{background-position:-200% 0}}.hsk-sp-body{display:flex;flex:1;overflow:hidden}.hsk-sp-details-pane{flex:1;overflow-y:auto;padding:24px;border-right:1px solid var(--hsk-modal-divide, #f1f3f4);display:flex;flex-direction:column;gap:20px}.hsk-sp-chat-pane{flex:1.2;display:flex;flex-direction:column;background:var(--hsk-chat-bg, #ffffff)}.hsk-sp-product-profile{display:flex;gap:20px}@media(max-width:480px){.hsk-sp-product-profile{flex-direction:column}}.hsk-sp-details-imgwrap{width:140px;height:140px;flex-shrink:0;border:1px solid var(--hsk-modal-divide, #f1f3f4);background:#fff;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:var(--hsk-border-radius, 0px)}.hsk-sp-details-imgwrap img{max-width:100%;max-height:100%;object-fit:contain}.hsk-sp-details-meta{flex:1;display:flex;flex-direction:column;gap:6px}.hsk-sp-details-name{font-size:20px;font-weight:700;color:var(--hsk-modal-text, #1f1f1f);margin:0;line-height:1.3}.hsk-sp-details-desc{margin-top:12px}.hsk-sp-details-desc h4{font-size:13px;font-weight:600;color:var(--hsk-modal-text, #1f1f1f);margin:0 0 4px}.hsk-sp-details-desc p{font-size:13px;line-height:1.5;color:var(--hsk-modal-muted, #5f6368);margin:0}.hsk-sp-similar-section{border-top:1px solid var(--hsk-modal-divide, #f1f3f4);padding-top:20px}.hsk-sp-similar-section h3{font-size:14px;font-weight:600;color:var(--hsk-modal-text, #1f1f1f);margin:0 0 12px}.hsk-sp-results{padding:10px 0 8px;display:flex;flex-direction:row;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory}.hsk-sp-empty{padding:40px;text-align:center;font-size:13px;color:var(--hsk-modal-muted, #999)}.hsk-sp-item{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--hsk-border-radius, 0px);border:1px solid var(--hsk-modal-item-border, #f1f3f4);background:var(--hsk-modal-item-bg, #f8f9fa);animation:hsk-toast-up .28s cubic-bezier(.22,.68,0,1.2) both;overflow:hidden;flex:0 0 170px;scroll-snap-align:start}@keyframes hsk-toast-up{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.hsk-sp-img-wrap{width:100%;height:120px;border-radius:var(--hsk-border-radius, 0px);background:#fff;border:1px solid var(--hsk-modal-divide, #f1f3f4);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:6px}.hsk-sp-img-wrap img{max-width:100%;max-height:100%;object-fit:contain}.hsk-sp-img-placeholder{font-size:26px}.hsk-sp-item-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:6px}.hsk-sp-item-name{font-size:13px;font-weight:600;color:var(--hsk-modal-text, #1f1f1f);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hsk-sp-item-cat{font-size:11px;font-weight:600;color:var(--hsk-primary);text-transform:uppercase;letter-spacing:.05em}.hsk-sp-item-price-row{display:flex;align-items:baseline;gap:4px;margin-top:2px;flex-wrap:wrap}.hsk-sp-item-price{font-size:15px;font-weight:700;color:var(--hsk-modal-text, #1f1f1f)}.hsk-sp-item-currency{font-size:11px;color:var(--hsk-modal-muted, #5f6368)}.hsk-sp-actions{display:flex;gap:6px;margin-top:auto}.hsk-sp-action{flex:1;padding:6px 8px;border-radius:var(--hsk-border-radius, 0px);font-size:11px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s;text-align:center;font-family:inherit}.hsk-sp-action-primary{background:var(--hsk-primary);color:#fff;border-color:var(--hsk-primary)}.hsk-sp-action-primary:hover{opacity:.88}.hsk-sp-action-secondary{background:var(--hsk-action-sec-bg, #f1f3f4);color:var(--hsk-modal-muted, #5f6368);border-color:var(--hsk-modal-divide, #f1f3f4)}.hsk-sp-action-secondary:hover{background:var(--hsk-action-sec-bg-hover, #e8eaed);color:var(--hsk-modal-text, #1f1f1f)}.hsk-sp-footer{padding:12px 20px;border-top:1px solid var(--hsk-modal-divide, #f1f3f4);display:flex;align-items:center;gap:8px;flex-shrink:0}.hsk-sp-badge{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--hsk-primary);background:#ff6a331a;border:1px solid rgba(255,106,51,.25);padding:2px 8px;border-radius:var(--hsk-border-radius, 0px)}.hsk-sp-esc{font-size:11px;color:var(--hsk-modal-muted, #5f6368);margin-inline-start:auto}@media(max-width:768px){.hsk-cb-overlay{--hsk-font-size: var(--hsk-mobile-font-size, 14px) !important;position:fixed!important;inset:0!important;width:100vw!important;height:100%!important;height:var(--hsk-vvh, 100dvh)!important;min-height:0!important;z-index:2147483647!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;overscroll-behavior:contain!important;background:var(--hsk-chat-bg, #0a0a0a)!important;box-sizing:border-box!important}.hsk-cb-panel{position:relative!important;height:100%!important;width:100%!important;max-width:100%!important;margin:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:0!important;background:var(--hsk-chat-bg, #0a0a0a)!important;box-sizing:border-box!important}.hsk-cb-main{flex:1 1 auto!important;height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;overflow:hidden!important;background:var(--hsk-chat-bg, #0a0a0a)!important;box-sizing:border-box!important}.hsk-cb-topbar{padding:14px 14px 8px!important}.hsk-cb-msgs{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:10px 14px 0!important}.hsk-cb-empty{flex:1 1 auto!important;min-height:0!important;justify-content:center!important;padding:16px 4px!important}.hsk-cb-input-box{grid-template-columns:auto 1fr auto auto}.hsk-cb-input-box>.hsk-cb-attach-btn,.hsk-cb-input-box>.hsk-cb-voice-mode-btn{display:none}.hsk-cb-input-box>.hsk-cb-field{grid-column:2}.hsk-cb-input-box>.hsk-cb-mic-btn{grid-column:3}.hsk-cb-input-box>.hsk-cb-send,.hsk-cb-input-box>.hsk-chat-send{grid-column:4}.hsk-cb-tools-toggle{display:flex;grid-column:1;grid-row:1;width:36px;height:36px;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:none;border-radius:12px;background:var(--hsk-chat-subtle, rgba(0,0,0,.045));color:var(--hsk-chat-muted, #6b7280);cursor:pointer;transition:transform .26s cubic-bezier(.34,1.56,.64,1),background-color .2s ease}.hsk-cb-tools-toggle--open{transform:rotate(45deg);background:var(--hsk-chat-divide, rgba(0,0,0,.09))}.hsk-cb-toolsheet-wrap,.hsk-cb-toolsheet-scrim{display:block}.hsk-cb-toolsheet-item{display:flex}.hsk-cb-input-box[data-expanded=true]>.hsk-cb-tools-toggle{grid-row:2}.hsk-cb-ai-msg--inline{display:block!important;padding-inline-end:34px}.hsk-cb-hello-avatar{display:none!important}.hsk-cb-hello-wrap{align-items:center!important;text-align:center!important;gap:3px!important;max-width:30ch;margin-inline:auto}.hsk-cb-hello{font-size:21px!important;font-weight:600!important;letter-spacing:-.015em;color:var(--hsk-chat-muted, #8b8b8f)!important;text-align:center!important}.hsk-cb-hello-lead,.hsk-cb-hello-ask{font-size:14px!important;font-weight:400!important;text-align:center!important;color:color-mix(in srgb,var(--hsk-chat-muted, #8b8b8f) 78%,transparent)!important}.hsk-cb-onboarding-head{justify-content:flex-end!important;margin-bottom:12px!important}.hsk-cb-hello{font-size:clamp(26px,6.8vw,36px)!important;font-weight:600!important;line-height:1.22!important;letter-spacing:-.025em!important}.hsk-cb-hello-lead{font-size:15px!important;line-height:1.45!important;color:var(--hsk-chat-muted, #71717a)!important;margin-top:4px!important}.hsk-cb-doodles{opacity:.92!important}.hsk-cb-input-wrap{margin-top:auto!important;flex-shrink:0!important;--hsk-composer-pad-top: 8px;--hsk-composer-pad-x: 14px;padding:8px 14px!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important;background:var(--hsk-chat-bg, #0a0a0a)!important;position:relative!important;z-index:10!important}.hsk-cb-attach-btn,.hsk-cb-mic-btn,.hsk-cb-send,.hsk-chat-send{width:32px!important;height:32px!important;border-radius:8px!important}.hsk-cb-attach-btn svg,.hsk-cb-mic-btn svg,.hsk-cb-send svg,.hsk-chat-send svg{width:15px!important;height:15px!important}.hsk-sp-backdrop.hsk-sp-mobile-view{position:fixed!important;inset:0 0 auto!important;width:100vw!important;height:var(--hsk-vvh, 100dvh)!important;min-height:0!important;z-index:2147483647!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;overscroll-behavior:contain!important;background:var(--hsk-chat-bg, #0a0a0a)!important;padding:0!important;box-sizing:border-box!important}.hsk-sp-card.hsk-sp-mobile-card{position:relative!important;width:100%!important;height:100%!important;max-width:100%!important;margin:0!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;overflow:hidden!important;border-radius:0!important;background:var(--hsk-chat-bg, #0a0a0a)!important;box-sizing:border-box!important}.hsk-sp-body{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;background:var(--hsk-chat-bg, #0a0a0a)!important}.hsk-cb-input-box{padding:10px 10px 10px 14px}.hsk-cb-user-bubble{max-width:85%}.hsk-sp-footer{padding:8px 12px}}@media(prefers-color-scheme:dark){.hsk-sp-backdrop{background:#000!important}.hsk-sp-card{--hsk-modal-card-bg: #0a0a0a;--hsk-modal-card-border: #202124;--hsk-modal-text: #e8eaed;--hsk-modal-muted: #888;--hsk-action-sec-bg: #202124;--hsk-action-sec-bg-hover: #2d2f34}.hsk-sp-details-imgwrap,.hsk-sp-img-wrap{background:#202124;border-color:#202124}.hsk-sp-chat-pane{background:var(--hsk-chat-bg, #0a0a0a)}}@media(prefers-color-scheme:light){.hsk-sp-backdrop{background:#fff!important}}.hsk-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0 8px;width:100%;max-width:100%;min-width:0;border-radius:0;padding:0 0 6px;background:transparent;box-shadow:none;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--hsk-chat-divide, rgba(0, 0, 0, .2)) transparent;cursor:grab;user-select:auto;transition:mask-image .15s ease,-webkit-mask-image .15s ease}.hsk-table-wrapper.is-dragging{cursor:grabbing;user-select:none}.hsk-table-wrapper::-webkit-scrollbar{height:5px}.hsk-table-wrapper::-webkit-scrollbar-track{background:transparent}.hsk-table-wrapper::-webkit-scrollbar-thumb{background:var(--hsk-chat-divide, rgba(0, 0, 0, .25));border-radius:4px}.hsk-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--hsk-chat-muted, rgba(0, 0, 0, .5))}.hsk-cb-ai-text .hsk-markdown-p{margin:0 0 10px}.hsk-cb-ai-text .hsk-markdown-p:last-child{margin-bottom:0}.hsk-cb-ai-text .hsk-markdown-list{margin:0 0 10px;padding-inline-start:1.2em}.hsk-cb-ai-text .hsk-markdown-list:last-child{margin-bottom:0}.hsk-cb-ai-text .hsk-markdown-ul{list-style:disc outside}.hsk-cb-ai-text .hsk-markdown-ol{list-style:decimal outside}.hsk-cb-ai-text .hsk-markdown-list li{margin:0 0 7px;padding-left:3px;line-height:1.5}.hsk-cb-ai-text .hsk-markdown-list li:last-child{margin-bottom:0}.hsk-cb-ai-text .hsk-markdown-list li::marker{color:var(--hsk-primary, #ff6a33)}.hsk-cb-ai-text .hsk-markdown-h1,.hsk-cb-ai-text .hsk-markdown-h2,.hsk-cb-ai-text .hsk-markdown-h3{margin:14px 0 7px;font-weight:650;line-height:1.3;letter-spacing:-.01em}.hsk-cb-ai-text .hsk-markdown-h1{font-size:1.09em}.hsk-cb-ai-text .hsk-markdown-h2{font-size:1.03em}.hsk-cb-ai-text .hsk-markdown-h3{font-size:1em}.hsk-cb-ai-text>:first-child{margin-top:0}.hsk-markdown-table{width:max-content;min-width:100%;border-collapse:collapse;border-spacing:0;text-align:start;font-size:13px;background:transparent;margin:0;border:none;font-variant-numeric:tabular-nums}.hsk-markdown-table th{padding:8px 16px 6px;vertical-align:bottom;line-height:1.35;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;color:var(--hsk-chat-muted, rgba(0, 0, 0, .55));border-bottom:1px solid var(--hsk-chat-divide, rgba(0, 0, 0, .1));background:transparent!important}.hsk-markdown-table td{padding:8px 16px;vertical-align:middle;line-height:1.45;font-size:13px;white-space:nowrap;color:var(--hsk-chat-text, inherit);border-bottom:.5px solid var(--hsk-chat-divide, rgba(0, 0, 0, .06));background:transparent!important}.hsk-markdown-table th:first-child,.hsk-markdown-table td:first-child{padding-inline-start:0;font-weight:590;white-space:normal;max-width:280px;min-width:150px;line-height:1.35}.hsk-markdown-table th:last-child,.hsk-markdown-table td:last-child{padding-inline-end:0}.hsk-markdown-table tbody tr:last-child td{border-bottom:none}.hsk-markdown-table td *{color:inherit}.hsk-markdown-table .hsk-markdown-link{display:inline-flex;align-items:center;padding:2px 8px;background-color:var(--hsk-chat-source-bg, rgba(0, 0, 0, .04));border:1px solid var(--hsk-chat-divide, rgba(0, 0, 0, .08));color:var(--hsk-primary, #ff6a33);font-size:12px;font-weight:500;border-radius:6px;text-decoration:none!important;margin:2px 0;transition:opacity .15s ease}.hsk-markdown-table .hsk-markdown-link:hover{opacity:.8}@media(prefers-color-scheme:dark){.hsk-markdown-table th{color:var(--hsk-chat-muted, rgba(255, 255, 255, .5));border-bottom-color:var(--hsk-chat-divide, rgba(255, 255, 255, .1))}.hsk-markdown-table td{color:var(--hsk-chat-text, #f0efed);border-bottom-color:var(--hsk-chat-divide, rgba(255, 255, 255, .06))}}.hsk-markdown-link{color:var(--hsk-primary, #ff6a33);text-decoration:underline;text-underline-offset:2px}.hsk-markdown-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace,var(--hsk-font);font-size:.85em;background-color:#80808026;padding:.2em .4em;border-radius:var(--hsk-border-radius, 0px);color:inherit;word-break:break-word}.hsk-markdown-img-block{margin:8px 0;line-height:0}.hsk-markdown-img{display:block;max-width:100%;width:auto;max-height:220px;border-radius:10px;box-shadow:0 2px 12px #0000002e;object-fit:cover;background:#80808014}.hsk-sp-item-original-price{font-size:12px;text-decoration:line-through;color:var(--hsk-modal-muted, #888);margin-left:6px}.hsk-sp-item-discount{font-size:11px;font-weight:600;color:#10b981;margin-left:6px}.hsk-sp-item-meta-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.hsk-sp-meta-badge{font-size:11px;font-weight:500;padding:3px 8px;border-radius:var(--hsk-border-radius, 0px);background:var(--hsk-modal-item-bg, #f8f9fa);border:1px solid var(--hsk-modal-divide, #f1f3f4);color:var(--hsk-modal-muted, #5f6368)}.hsk-sp-meta-badge-rating{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b33}.hsk-sp-meta-badge-avail.in-stock{color:#10b981;background:#10b98114;border-color:#10b98133}.hsk-sp-meta-badge-avail.out-stock{color:#ef4444;background:#ef444414;border-color:#ef444433}.hsk-sp-item-brand{font-size:11px;font-weight:700;color:var(--hsk-modal-muted, #888);text-transform:uppercase;letter-spacing:.05em;margin-bottom:-2px}.hsk-chat-widget ::-webkit-scrollbar,.hsk-sp-card ::-webkit-scrollbar,.hsk-cb-msgs ::-webkit-scrollbar,.hsk-sp-details-pane ::-webkit-scrollbar,.hsk-sp-results ::-webkit-scrollbar,.hsk-chat-messages ::-webkit-scrollbar{width:3px;height:3px}.hsk-chat-widget ::-webkit-scrollbar-track,.hsk-sp-card ::-webkit-scrollbar-track,.hsk-cb-msgs ::-webkit-scrollbar-track,.hsk-sp-details-pane ::-webkit-scrollbar-track,.hsk-sp-results ::-webkit-scrollbar-track,.hsk-chat-messages ::-webkit-scrollbar-track{background:transparent}.hsk-chat-widget ::-webkit-scrollbar-thumb,.hsk-sp-card ::-webkit-scrollbar-thumb,.hsk-cb-msgs ::-webkit-scrollbar-thumb,.hsk-sp-details-pane ::-webkit-scrollbar-thumb,.hsk-sp-results ::-webkit-scrollbar-thumb,.hsk-chat-messages ::-webkit-scrollbar-thumb{background:#0000000f;border-radius:99px;transition:background .2s ease}.hsk-chat-widget ::-webkit-scrollbar-thumb:hover,.hsk-cb-msgs ::-webkit-scrollbar-thumb:hover{background:#00000026}@media(prefers-color-scheme:dark){.hsk-chat-widget ::-webkit-scrollbar-thumb,.hsk-sp-card ::-webkit-scrollbar-thumb,.hsk-cb-msgs ::-webkit-scrollbar-thumb,.hsk-sp-details-pane ::-webkit-scrollbar-thumb,.hsk-sp-results ::-webkit-scrollbar-thumb,.hsk-chat-messages ::-webkit-scrollbar-thumb{background:#ffffff14}.hsk-chat-widget ::-webkit-scrollbar-thumb:hover,.hsk-cb-msgs ::-webkit-scrollbar-thumb:hover{background:#fff3}}.hsk-sp-details-pane,.hsk-sp-results,.hsk-chat-messages{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.06) transparent}@media(prefers-color-scheme:dark){.hsk-sp-details-pane,.hsk-sp-results,.hsk-chat-messages{scrollbar-color:rgba(255,255,255,.08) transparent}}.hsk-sp-specs-horizontal{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hsk-sp-spec-item-horizontal{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--hsk-modal-item-bg, #f8f9fa);border:1px solid var(--hsk-modal-divide, #f1f3f4);border-radius:var(--hsk-border-radius, 0px);font-size:11px}.hsk-sp-spec-label-horizontal{font-weight:500;color:var(--hsk-modal-muted, #888)}.hsk-sp-spec-value-horizontal{font-weight:600;color:var(--hsk-modal-text, #1f1f1f)}@media(prefers-color-scheme:dark){.hsk-sp-spec-item-horizontal{background:#1a1a1b;border-color:#202124}}.hsk-cb-phone-form{display:flex;flex-direction:column;gap:8px;margin-top:8px}.hsk-cb-phone-label{font-size:.875rem;color:var(--hsk-chat-text, #111);margin:0}.hsk-cb-phone-input{width:100%;box-sizing:border-box;padding:8px 12px;border:1px solid var(--hsk-chat-divide, rgba(0,0,0,.12));border-radius:var(--hsk-border-radius, 0px);background:var(--hsk-chat-input-bg, rgba(0,0,0,.04));color:var(--hsk-chat-text, #111);font-size:.9rem;outline:none;transition:border-color .15s}.hsk-cb-phone-input::placeholder{color:var(--hsk-chat-muted, #888)}.hsk-cb-phone-input:focus{border-color:var(--hsk-primary, #ff6a33)}.hsk-cb-phone-submit{align-self:flex-start;padding:8px 16px;border:1px solid var(--hsk-chat-divide, rgba(0,0,0,.12));border-radius:var(--hsk-border-radius, 0px);background:transparent;color:var(--hsk-chat-text, #111);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.hsk-cb-phone-submit:hover{border-color:var(--hsk-primary, #ff6a33);color:var(--hsk-primary, #ff6a33)}.hsk-cb-main{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;overflow:hidden}@keyframes hsk-fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hsk-action-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;animation:hsk-fade-in-up .35s ease .1s both}.hsk-action-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;border:1px solid var(--hsk-chat-divide, rgba(0,0,0,.12));background:var(--hsk-pill-bg, rgba(255,255,255,.8));color:var(--hsk-chat-text, #1f1f1f);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;backdrop-filter:blur(4px)}.hsk-action-pill:hover:not(:disabled){border-color:var(--hsk-primary, #ff6a33);background:color-mix(in srgb,var(--hsk-primary, #ff6a33) 8%,transparent);color:var(--hsk-primary, #ff6a33);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.hsk-action-pill:disabled{opacity:.4;cursor:not-allowed}.hsk-pill-emoji{font-size:13px;line-height:1}@media(prefers-color-scheme:dark){.hsk-action-pill{--hsk-pill-bg: rgba(40,40,42,.85);border-color:#ffffff1a;color:var(--hsk-chat-text, #e8eaed)}}[data-hsk-theme=dark] .hsk-action-pill{--hsk-pill-bg: rgba(40,40,42,.85);border-color:#ffffff1a;color:var(--hsk-chat-text, #e8eaed)}.hsk-sp-tabs-mobile{display:none}@media(max-width:768px){.hsk-sp-tabs-mobile{display:flex;border-bottom:1px solid var(--hsk-modal-divide, #f1f3f4);background:var(--hsk-modal-card-bg, #ffffff);flex-shrink:0}.hsk-sp-tab-btn{flex:1;padding:12px 8px;background:none;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:600;color:var(--hsk-modal-muted, #5f6368);cursor:pointer;text-align:center;transition:all .15s;font-family:inherit}.hsk-sp-tab-btn.active{color:var(--hsk-primary);border-bottom-color:var(--hsk-primary)}.hsk-sp-pane-hidden-mobile{display:none!important}.hsk-sp-details-pane,.hsk-sp-chat-pane{flex:1!important;height:100%!important;max-height:none!important}}@media(max-width:768px){.hsk-sp-header-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.hsk-sp-header-specs-btn{flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:600;color:var(--hsk-modal-muted, #5f6368);background:var(--hsk-action-sec-bg, #f1f3f4);border:1px solid var(--hsk-modal-divide, #f1f3f4);border-radius:20px;cursor:pointer;font-family:inherit;transition:all .2s ease}.hsk-sp-header-specs-btn:hover{background:var(--hsk-action-sec-bg-hover, #e8eaed);color:var(--hsk-primary)}.hsk-sp-mobile-attachment-deck{margin-top:10px;display:flex;flex-direction:column;gap:10px;width:100%}.hsk-sp-mobile-main-card{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--hsk-modal-item-bg, #f8f9fa);border:1px solid var(--hsk-modal-divide, #f1f3f4);border-radius:8px;width:100%;box-sizing:border-box}.hsk-sp-mobile-main-card-img{width:44px;height:44px;flex-shrink:0;border:1px solid var(--hsk-modal-divide, #f1f3f4);border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;padding:3px;overflow:hidden}.hsk-sp-mobile-main-card-img img{max-width:100%;max-height:100%;object-fit:contain}.hsk-sp-mobile-main-card-info{flex:1;min-width:0}.hsk-sp-mobile-main-card-brand{font-size:9px;font-weight:700;color:var(--hsk-modal-muted, #888);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hsk-sp-mobile-main-card-name{font-size:13px;font-weight:600;color:var(--hsk-modal-text, #1f1f1f);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.hsk-sp-mobile-main-card-price{font-size:12px;font-weight:700;color:var(--hsk-primary);margin-top:1px}.hsk-sp-mobile-main-card-specs-btn{padding:5px 10px;font-size:11px;font-weight:600;color:var(--hsk-primary);background:transparent;border:1px solid var(--hsk-primary);border-radius:4px;cursor:pointer;font-family:inherit;transition:all .2s ease}.hsk-sp-mobile-main-card-specs-btn:hover{background:var(--hsk-primary);color:#fff}.hsk-sp-mobile-similar-carousel-inline{display:flex;flex-direction:column;gap:6px;width:100%}.hsk-sp-mobile-similar-carousel-title{font-size:10px;font-weight:700;color:var(--hsk-modal-muted, #888);text-transform:uppercase;letter-spacing:.05em;padding-left:2px}.hsk-sp-mobile-similar-carousel-list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.hsk-sp-mobile-similar-carousel-list::-webkit-scrollbar{display:none}.hsk-sp-mobile-similar-carousel-item{flex:0 0 160px;display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--hsk-modal-item-bg, #f8f9fa);border:1px solid var(--hsk-modal-divide, #f1f3f4);border-radius:6px;cursor:pointer;box-sizing:border-box;transition:transform .15s ease,border-color .15s ease}.hsk-sp-mobile-similar-carousel-item:hover{border-color:var(--hsk-primary)}.hsk-sp-mobile-similar-carousel-img{width:32px;height:32px;flex-shrink:0;border-radius:4px;background:#fff;border:1px solid var(--hsk-modal-divide, #f1f3f4);display:flex;align-items:center;justify-content:center;padding:2px;overflow:hidden}.hsk-sp-mobile-similar-carousel-img img{max-width:100%;max-height:100%;object-fit:contain}.hsk-sp-mobile-similar-carousel-meta{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.hsk-sp-mobile-similar-carousel-name{font-size:11px;font-weight:600;color:var(--hsk-modal-text, #1f1f1f);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hsk-sp-mobile-similar-carousel-price{font-size:10px;font-weight:700;color:var(--hsk-primary);margin-top:1px}.hsk-sp-mobile-chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--hsk-chat-bg, #ffffff)}.hsk-sp-mobile-specs-overlay{position:fixed;inset:0;z-index:100000;background:#0006;display:flex;align-items:flex-end;animation:hsk-bd-in .2s ease-out}.hsk-sp-mobile-specs-drawer{width:100%;background:var(--hsk-modal-card-bg, #ffffff);border-top-left-radius:12px;border-top-right-radius:12px;max-height:70vh;display:flex;flex-direction:column;animation:hsk-drawer-in .25s cubic-bezier(0,0,.2,1);box-shadow:0 -8px 24px #00000026}@keyframes hsk-drawer-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.hsk-sp-mobile-specs-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--hsk-modal-divide, #f1f3f4)}.hsk-sp-mobile-specs-header h3{margin:0;font-size:14px;font-weight:700;color:var(--hsk-modal-text, #1f1f1f)}.hsk-sp-mobile-specs-header button{background:none;border:none;font-size:12px;font-weight:600;color:var(--hsk-primary);cursor:pointer;font-family:inherit}.hsk-sp-mobile-specs-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.hsk-sp-mobile-specs-title{font-size:15px;font-weight:700;color:var(--hsk-modal-text, #1f1f1f);margin:0}.hsk-sp-mobile-specs-desc h5,.hsk-sp-mobile-specs-list h5{margin:0 0 6px;font-size:11px;font-weight:700;color:var(--hsk-modal-muted, #888);text-transform:uppercase;letter-spacing:.05em}.hsk-sp-mobile-specs-desc p{margin:0;font-size:13px;line-height:1.5;color:var(--hsk-modal-text, #333)}.hsk-sp-mobile-specs-list{display:flex;flex-direction:column;gap:8px}.hsk-sp-mobile-spec-row{display:flex;justify-content:space-between;padding:8px 10px;background:var(--hsk-modal-item-bg, #f8f9fa);border:1px solid var(--hsk-modal-divide, #f1f3f4);border-radius:var(--hsk-border-radius, 4px);font-size:12px;gap:12px}.hsk-sp-mobile-spec-label{color:var(--hsk-modal-muted, #5f6368);font-weight:500}.hsk-sp-mobile-spec-value{color:var(--hsk-modal-text, #1f1f1f);font-weight:600;text-align:right}}@media(prefers-color-scheme:dark){.hsk-sp-mobile-main-card{background:#0a0a0a!important}.hsk-sp-mobile-main-card-img{background:#1a1a1b!important}.hsk-sp-mobile-similar-carousel-item{background:#0a0a0a!important}.hsk-sp-mobile-similar-carousel-img{background:#1a1a1b!important}.hsk-sp-mobile-specs-drawer{background:#0a0a0a!important}.hsk-sp-mobile-spec-row{background:#1a1a1b!important}}.kiku-voice-btn:hover{background:var(--hsk-hover-bg, rgba(0,0,0,.06));color:var(--hsk-primary, #6c47ff)}@keyframes kiku-voice-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}.kiku-vs-btn:hover{background:var(--hsk-hover-bg, rgba(0,0,0,.06));color:var(--hsk-primary, #6c47ff)}.kiku-style-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:99px;background:var(--hsk-primary-alpha, rgba(108,71,255,.1));color:var(--hsk-primary, #6c47ff);font-size:11px;font-weight:500;white-space:nowrap}.kiku-vs-preview-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--hsk-surface, #f9f9f9);border-radius:10px;margin-bottom:12px;border:1px solid var(--hsk-border, #e5e5e5)}.kiku-voice-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--hsk-text-muted, #888);cursor:pointer;transition:color .2s,background .2s;flex-shrink:0}.kiku-voice-btn:hover{background:var(--hsk-hover-bg, rgba(0,0,0,.06));color:var(--hsk-primary, #ff6a33)}.kiku-voice-btn--active{color:#ef4444;background:#ef44441a}.kiku-voice-btn:disabled{opacity:.4;cursor:not-allowed}.kiku-voice-ripple{position:absolute;inset:-4px;border-radius:50%;border:2px solid #ef4444;animation:kiku-voice-pulse 1.2s ease-out infinite;pointer-events:none}@keyframes kiku-voice-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.7);opacity:0}}.kiku-vs-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--hsk-text-muted, #888);cursor:pointer;transition:color .2s,background .2s;flex-shrink:0}.kiku-vs-btn:hover{background:var(--hsk-hover-bg, rgba(0,0,0,.06));color:var(--hsk-primary, #ff6a33)}.kiku-vs-btn--loading{opacity:.6;pointer-events:none}@keyframes kiku-vs-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kiku-vs-spin{animation:kiku-vs-rotate .8s linear infinite}.kiku-style-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.kiku-style-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:99px;background:#ff6a331a;color:var(--hsk-primary, #ff6a33);font-size:11px;font-weight:500;white-space:nowrap}.kiku-vs-preview-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--hsk-surface, #f9f9f9);border-radius:10px;margin-bottom:12px;border:1px solid var(--hsk-border, #e5e5e5);animation:hsk-msg-in .22s ease-out both}.kiku-vs-preview-img{width:44px;height:44px;object-fit:cover;border-radius:8px;flex-shrink:0}.kiku-vs-preview-info{flex:1;min-width:0}.kiku-vs-preview-label{font-size:11px;color:var(--hsk-text-muted, #888);margin-bottom:2px}.kiku-vs-preview-palette{font-size:13px;font-weight:600;color:var(--hsk-text, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hsk-cb-source-ref-badge{position:absolute;top:6px;right:6px;background:#fbbf24;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000026;z-index:10;animation:hsk-badge-pop .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes hsk-badge-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.hsk-sources-group-title{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#888;margin:14px 0 8px;display:flex;align-items:center;gap:4px}.hsk-kiku-badge{display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:700;letter-spacing:-.01em;color:#fff;background:#ffffff47;border:1px solid rgba(255,255,255,.45);padding:2px 8px;border-radius:8px;margin-inline-end:8px;vertical-align:middle;position:relative;top:-1px;box-shadow:0 1px 3px #0000001f}.hsk-markdown-img,.hsk-cb-user-img-thumb,.hsk-cb-source .hsk-cb-src-imgwrap img{cursor:zoom-in}.hsk-lightbox{position:fixed;inset:0;z-index:999999;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:24px;animation:hsk-lightbox-in .15s ease-out both;cursor:zoom-out}@keyframes hsk-lightbox-in{0%{opacity:0}to{opacity:1}}.hsk-lightbox-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;cursor:default}.hsk-lightbox-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.hsk-lightbox-close:hover{background:#ffffff47}.hsk-cb-viz{margin-top:10px;animation:hsk-msg-in .2s ease-out both}.hsk-cb-viz img,.hsk-cb-viz video{width:100%;max-width:420px;border-radius:8px;display:block}.hsk-cb-viz-disclaimer{max-width:420px;margin-top:4px;font-size:11px;line-height:1.4;color:var(--hsk-chat-muted, #9aa0a6)}.hsk-cb-calc-disclaimer{max-width:440px;margin-top:8px;padding:8px 12px;font-size:11.5px;line-height:1.45;color:var(--hsk-chat-muted, rgba(255, 255, 255, .65));background:var(--hsk-chat-callout-bg, rgba(255, 255, 255, .04));border:1px solid var(--hsk-border-subtle, rgba(255, 255, 255, .08));border-radius:8px}[data-hsk-theme=light] .hsk-cb-calc-disclaimer{color:#0009;background:#00000008;border-color:#00000014}.hsk-cb-stale{max-width:420px;margin-top:8px;padding:8px 10px;border:1px solid rgba(220,38,38,.35);border-left-width:3px;border-radius:6px;background:#dc26260f}.hsk-cb-stale-title{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#dc2626}.hsk-cb-stale-item{margin-top:3px;font-size:12px;line-height:1.45;color:var(--hsk-chat-text, #202124)}.hsk-cb-stale-reason{color:var(--hsk-chat-muted, #9aa0a6)}.hsk-cb-viz-imgwrap{position:relative;display:inline-block;max-width:100%}.hsk-cb-viz-mark{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;color:#fff;background:#0000009e;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.35);border-radius:999px;cursor:pointer;transition:background .15s}.hsk-cb-viz-mark:hover{background:var(--hsk-primary, #ff6a33);border-color:transparent}.hsk-markup-overlay{position:fixed;inset:0;z-index:999999;background:#000000e0;display:flex;align-items:center;justify-content:center;padding:16px;animation:hsk-lightbox-in .15s ease-out both}.hsk-markup{display:flex;flex-direction:column;gap:12px;width:min(720px,100%);max-height:100%;overflow-y:auto}.hsk-markup-head{display:flex;align-items:center;justify-content:space-between}.hsk-markup-title{font-size:14px;font-weight:600;color:#fff}.hsk-markup-cancel{padding:6px 12px;font-size:12px;font-weight:600;color:#fff;background:#ffffff1f;border:none;border-radius:var(--hsk-border-radius, 0px);cursor:pointer}.hsk-markup-cancel:hover{background:#ffffff38}.hsk-markup-stage{display:flex;justify-content:center}.hsk-markup-canvas-wrap{position:relative;max-width:100%}.hsk-markup-canvas{display:block;max-width:100%;max-height:60vh;border-radius:var(--hsk-border-radius, 0px);touch-action:none}.hsk-markup-canvas--pen,.hsk-markup-canvas--eraser{cursor:crosshair}.hsk-markup-canvas--text{cursor:text}.hsk-markup-textinput{position:absolute;transform:translateY(-100%);min-width:140px;padding:4px 6px;font-size:14px;font-weight:600;background:#0000008c;border:1px dashed rgba(255,255,255,.6);border-radius:4px;outline:none}.hsk-markup-loading,.hsk-markup-error{padding:40px 16px;font-size:13px;color:#ffffffbf;text-align:center}.hsk-markup-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hsk-markup-colors{display:flex;gap:8px}.hsk-markup-color{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.hsk-markup-color--on{border-color:#fff;transform:scale(1.15)}.hsk-markup-actions{display:flex;gap:6px}.hsk-markup-tool{padding:6px 11px;font-size:12px;font-weight:600;color:#fff;background:#ffffff1f;border:none;border-radius:var(--hsk-border-radius, 0px);cursor:pointer}.hsk-markup-tool:hover:not(:disabled){background:#ffffff38}.hsk-markup-tool--on{background:var(--hsk-primary, #ff6a33)}.hsk-markup-tool--on:hover:not(:disabled){background:var(--hsk-primary, #ff6a33)}.hsk-markup-tool:disabled{opacity:.4;cursor:default}.hsk-markup-send{display:flex;gap:8px}.hsk-markup-instruction{flex:1;min-width:0;padding:10px 12px;font-size:14px;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:var(--hsk-border-radius, 0px);outline:none}.hsk-markup-instruction::placeholder{color:#ffffff80}.hsk-markup-instruction:focus{border-color:var(--hsk-primary, #ff6a33)}.hsk-markup-go{padding:10px 20px;font-size:13px;font-weight:600;color:#fff;background:var(--hsk-primary, #ff6a33);border:none;border-radius:var(--hsk-border-radius, 0px);cursor:pointer}.hsk-markup-go:hover:not(:disabled){opacity:.9}.hsk-markup-go:disabled{opacity:.45;cursor:default}.hsk-cb-kimgs{margin-top:10px;display:flex;flex-direction:column;gap:10px;animation:hsk-msg-in .2s ease-out both}.hsk-cb-kimg-grid{display:flex;flex-wrap:wrap;gap:6px}.hsk-cb-kimg{width:132px;height:132px;object-fit:cover;border-radius:8px;cursor:zoom-in;border:1px solid var(--hsk-chat-border, rgba(0, 0, 0, .08))}.hsk-cb-kimg:only-child{width:100%;max-width:320px;height:auto}.hsk-cb-kimg-caption{margin-top:4px;font-size:11px;line-height:1.4;color:var(--hsk-chat-muted, #9aa0a6)}.hsk-cb-viz--loading{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--hsk-chat-muted, #888);padding:10px 0}.hsk-cb-viz-spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--hsk-chat-divide, rgba(0,0,0,.15));border-top-color:var(--hsk-primary, #ff6a33);animation:hsk-viz-spin .7s linear infinite}@keyframes hsk-viz-spin{to{transform:rotate(360deg)}}.hsk-cb-panel[data-script=nonlatin][data-host-font=gap]{--hsk-font: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif}.hsk-cb-panel[data-script=nonlatin],.hsk-cb-panel[data-script=nonlatin] *{letter-spacing:normal;font-family:var(--hsk-font)}.hsk-cb-panel[data-script=nonlatin] .hsk-cb-hello,.hsk-cb-panel[data-script=nonlatin] .hsk-cb-hello-lead,.hsk-cb-panel[data-script=nonlatin] .hsk-cb-hello-ask,.hsk-cb-panel[data-script=nonlatin] .hsk-cb-ai-text,.hsk-cb-panel[data-script=nonlatin] .hsk-cb-user-bubble,.hsk-cb-panel[data-script=nonlatin] .hsk-cb-hint,.hsk-cb-panel[data-script=nonlatin] .hsk-cb-chip,.hsk-cb-panel[data-script=nonlatin] .hsk-cb-topbar-btn,.hsk-cb-panel[data-script=nonlatin] .hsk-cb-textarea,.hsk-cb-panel[data-script=nonlatin] .hsk-cb-entlang-opt-title,.hsk-cb-panel[data-script=nonlatin] .hsk-cb-entlang-opt-note,.hsk-cb-panel[data-script=nonlatin] .hsk-cb-ai-text .hsk-markdown-list li,.hsk-cb-panel[data-script=nonlatin] .hsk-cb-ai-text .hsk-markdown-h1,.hsk-cb-panel[data-script=nonlatin] .hsk-cb-ai-text .hsk-markdown-h2,.hsk-cb-panel[data-script=nonlatin] .hsk-cb-ai-text .hsk-markdown-h3,.hsk-cb-panel[data-script=nonlatin] .hsk-markdown-table th,.hsk-cb-panel[data-script=nonlatin] .hsk-markdown-table td{line-height:1.9}.hsk-cb-panel[data-script=nonlatin] .hsk-cb-hint{font-size:11px;line-height:16px;bottom:4px}.hsk-cb-panel[data-script=nonlatin] .hsk-cb-voice-error{font-size:12px;line-height:22px;max-width:30ch}.hsk-cb-panel[data-script=nonlatin] .hsk-cb-hello{font-size:clamp(20px,3.4vw,26px);line-height:1.5;text-wrap:balance;overflow-wrap:break-word}.hsk-cb-panel[data-script=nonlatin] .hsk-cb-hello-ask{font-size:15px;line-height:1.75}.hsk-cb-panel[data-script=nonlatin] .hsk-cb-hello-wrap{max-width:100%;min-width:0}.hsk-cb-panel[data-nastaliq=true] .hsk-cb-hello,.hsk-cb-panel[data-nastaliq=true] .hsk-cb-hello-lead,.hsk-cb-panel[data-nastaliq=true] .hsk-cb-hello-ask,.hsk-cb-panel[data-nastaliq=true] .hsk-cb-ai-text,.hsk-cb-panel[data-nastaliq=true] .hsk-cb-user-bubble,.hsk-cb-panel[data-nastaliq=true] .hsk-cb-hint,.hsk-cb-panel[data-nastaliq=true] .hsk-cb-chip,.hsk-cb-panel[data-nastaliq=true] .hsk-cb-topbar-btn,.hsk-cb-panel[data-nastaliq=true] .hsk-cb-textarea,.hsk-cb-panel[data-nastaliq=true] .hsk-cb-entlang-opt-title,.hsk-cb-panel[data-nastaliq=true] .hsk-cb-entlang-opt-note,.hsk-cb-panel[data-nastaliq=true] .hsk-cb-ai-text .hsk-markdown-list li,.hsk-cb-panel[data-nastaliq=true] .hsk-cb-ai-text .hsk-markdown-h1,.hsk-cb-panel[data-nastaliq=true] .hsk-cb-ai-text .hsk-markdown-h2,.hsk-cb-panel[data-nastaliq=true] .hsk-cb-ai-text .hsk-markdown-h3,.hsk-cb-panel[data-nastaliq=true] .hsk-markdown-table th,.hsk-cb-panel[data-nastaliq=true] .hsk-markdown-table td{line-height:2.2}.hsk-cb-panel[data-script=nonlatin] .hsk-cb-chip{font-size:14px}.hsk-cb-panel[data-script=nonlatin] .hsk-cb-topbar-btn{height:auto;min-height:34px;padding:5px 14px}.hsk-cb-panel[data-script=nonlatin] .hsk-cb-field{--hsk-input-line-height: 1.9}.hsk-cb-panel[data-script=nonlatin] .hsk-cb-textarea{min-height:34px}.hsk-cb-panel[data-nastaliq=true] .hsk-cb-field{--hsk-input-line-height: 2.2}.hsk-cb-panel[data-script=nonlatin] .hsk-cb-user-bubble,.hsk-cb-panel[data-script=nonlatin] .hsk-cb-ai-text{overflow-wrap:break-word;word-break:normal}.hsk-cb-viz-broken{font-size:13px;color:var(--hsk-chat-muted, #71717a);padding:14px 16px;border:1px dashed var(--hsk-chat-divide, rgba(0, 0, 0, .12));border-radius:12px}.hsk-msg-audio-btn{background:transparent;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px;display:inline-flex;align-items:center}.hsk-cb-voice-mode-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--hsk-chat-muted, #71717a);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);font-family:inherit}.hsk-cb-voice-mode-btn:hover:not(:disabled),.hsk-cb-mic-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--hsk-primary, #ff6a33) 25%,transparent);color:var(--hsk-primary, #ff6a33);background:color-mix(in srgb,var(--hsk-primary, #ff6a33) 8%,transparent);transform:translateY(-1px)}.hsk-cb-voice-mode-btn:disabled{opacity:.35;cursor:not-allowed}.hsk-cb-voice-mode-btn--active,.hsk-cb-mic-btn--listening{color:var(--hsk-primary, #ff6a33);background:color-mix(in srgb,var(--hsk-primary, #ff6a33) 12%,transparent)}.hsk-cb-mic-btn--processing{color:var(--hsk-primary, #ff6a33);opacity:.7}.hsk-voice-overlay{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2.2vh,26px);padding:clamp(14px,2.5vh,24px);overflow-y:auto;overscroll-behavior:contain;background:var(--hsk-chat-bg, #ffffff);animation:hsk-voice-in .32s cubic-bezier(.2,.8,.2,1);will-change:opacity;contain:paint}.hsk-voice-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(42% 26% at 50% 40%,color-mix(in srgb,var(--hsk-primary, #ff6a33) 8%,transparent) 0%,transparent 68%);pointer-events:none}.hsk-voice-overlay>*{position:relative}@keyframes hsk-voice-in{0%{opacity:0}to{opacity:1}}.hsk-voice-allowance{position:absolute;top:14px;left:14px;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;border:1px solid color-mix(in srgb,var(--hsk-chat-text, #1f1f1f) 14%,transparent);border-radius:999px;color:var(--hsk-chat-muted, #71717a);transition:color .18s ease,border-color .18s ease}.hsk-voice-allowance--low{color:#dc2626;border-color:color-mix(in srgb,#dc2626 40%,transparent)}.hsk-voice-exit{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid color-mix(in srgb,var(--hsk-chat-text, #1f1f1f) 14%,transparent);border-radius:999px;color:var(--hsk-chat-muted, #71717a);cursor:pointer;transition:color .18s ease,border-color .18s ease}.hsk-voice-exit:hover{color:var(--hsk-chat-text, #1f1f1f);border-color:color-mix(in srgb,var(--hsk-chat-text, #1f1f1f) 32%,transparent)}.hsk-voice-stage{width:min(560px,100%);height:clamp(110px,24vh,240px);flex:none}.hsk-voice-canvas{display:block;width:100%;height:100%}.hsk-voice-controls{display:flex;align-items:center;gap:12px}.hsk-voice-control{display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;background:var(--hsk-surface-2, rgba(255, 255, 255, .95));border:1px solid color-mix(in srgb,var(--hsk-chat-text, #000000) 10%,transparent);border-radius:999px;color:var(--hsk-chat-text, #1f1f1f);cursor:pointer;box-shadow:0 2px 12px #00000014,0 1px 3px #0000000a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}.hsk-voice-control:hover{transform:scale(1.06);box-shadow:0 4px 18px #0000001f}.hsk-voice-control:active{transform:scale(.92);transition-duration:.08s}.hsk-voice-control--muted{color:var(--hsk-chat-muted, #888888);border-color:color-mix(in srgb,var(--hsk-chat-text, #000000) 12%,transparent);background:color-mix(in srgb,var(--hsk-chat-bg, #ffffff) 85%,transparent);box-shadow:0 1px 4px #0000000a}.hsk-voice-control-icon{display:inline-flex;align-items:center;justify-content:center;z-index:2;transition:transform .2s ease}@keyframes hsk-voice-icon-in{0%{opacity:0;transform:scale(.6) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes hsk-voice-control-pulse{0%{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--hsk-primary, #ff6a33) 45%,transparent)}40%{transform:scale(1.08);box-shadow:0 0 0 8px color-mix(in srgb,var(--hsk-primary, #ff6a33) 0%,transparent)}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.hsk-voice-control-icon,.hsk-voice-control--muted{animation:none}}.hsk-voice-caption{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:min(520px,100%);text-align:center}.hsk-voice-phase{font-family:var(--hsk-font);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--hsk-chat-muted, #71717a);transition:color .25s ease}.hsk-voice-phase--listening,.hsk-voice-phase--speaking{color:var(--hsk-primary, #ff6a33)}.hsk-voice-phase--thinking{animation:hsk-voice-breathe 1.6s ease-in-out infinite}@keyframes hsk-voice-breathe{0%,to{opacity:.45}50%{opacity:1}}.hsk-voice-stage--connecting{opacity:.4;transition:opacity .25s ease}.hsk-voice-connecting{display:flex;align-items:center;gap:7px;font-family:var(--hsk-font);font-size:13px;color:var(--hsk-chat-muted, #8a8f98);animation:hsk-sent-in .2s ease-out both}.hsk-voice-connecting-dot{width:6px;height:6px;border-radius:999px;background:currentColor;animation:hsk-queued-pulse 1s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.hsk-voice-connecting-dot{animation:none;opacity:.7}}.hsk-voice-heard{font-family:var(--hsk-font);font-size:1.05rem;line-height:1.5;color:var(--hsk-chat-text, #1f1f1f)}.hsk-voice-hint-sub{font-family:var(--hsk-font);font-size:14px;color:var(--hsk-chat-muted, #a1a1aa);line-height:1.4;opacity:.85}.hsk-voice-items{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:10px;width:min(620px,100%)}.hsk-voice-item{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:clamp(108px,30vw,132px);padding:8px;text-align:start;background:transparent;border:1px solid color-mix(in srgb,var(--hsk-chat-text, #1f1f1f) 10%,transparent);border-radius:12px;cursor:pointer;font-family:var(--hsk-font);animation:hsk-voice-item-in .34s cubic-bezier(.2,.8,.2,1) both;transition:border-color .18s ease,transform .18s ease}.hsk-voice-item:hover{border-color:color-mix(in srgb,var(--hsk-primary, #ff6a33) 45%,transparent);transform:translateY(-2px)}@keyframes hsk-voice-item-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hsk-voice-item-img{width:100%;height:clamp(52px,8.5vh,78px);object-fit:cover;border-radius:8px;background:color-mix(in srgb,var(--hsk-chat-text, #1f1f1f) 5%,transparent)}.hsk-voice-item-img--empty{display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--hsk-chat-text, #1f1f1f) 30%,transparent)}.hsk-voice-item-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.78rem;line-height:1.35;color:var(--hsk-chat-text, #1f1f1f)}.hsk-voice-item-price{font-size:.78rem;font-weight:600;color:var(--hsk-primary, #ff6a33)}@media(prefers-reduced-motion:reduce){.hsk-voice-item{animation:none}}.hsk-voice-error{font-family:var(--hsk-font);font-size:.85rem;color:#e5484d;text-align:center}@media(prefers-reduced-motion:reduce){.hsk-voice-overlay,.hsk-voice-phase--thinking{animation:none}}.hsk-cb-listen{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-top:6px;padding:0;background:transparent;border:none;border-radius:999px;color:var(--hsk-chat-muted, #71717a);cursor:pointer;opacity:0;transition:opacity .18s ease,color .18s ease}.hsk-cb-msg-group:hover .hsk-cb-listen,.hsk-cb-listen:focus-visible,.hsk-cb-listen--active{opacity:1}.hsk-cb-listen:hover,.hsk-cb-listen--active{color:var(--hsk-primary, #ff6a33)}.hsk-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hsk-voice-picker{position:absolute;top:clamp(14px,3vh,28px);left:50%;transform:translate(-50%);display:flex;gap:8px;flex-wrap:nowrap;justify-content:center;max-width:min(100%,420px);padding:0 56px;z-index:2}.hsk-voice-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;border:1px solid rgba(0,0,0,.09);background:#ffffffb8;backdrop-filter:blur(8px);font:inherit;font-size:11px;letter-spacing:.01em;color:#5b5b5b;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;opacity:0;animation:hsk-voice-pill-in .42s cubic-bezier(.16,1,.3,1) forwards}.hsk-voice-pill--on{animation:hsk-voice-pill-in .42s cubic-bezier(.16,1,.3,1) forwards,hsk-voice-pill-pop .26s ease}@keyframes hsk-voice-pill-in{0%{opacity:0;transform:translateY(-6px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hsk-voice-pill-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.hsk-voice-pill{opacity:1;animation:none}}@media(max-width:520px){.hsk-voice-picker{gap:5px;padding:0 44px}.hsk-voice-pill{padding:5px 8px;gap:4px}}.hsk-voice-pill:hover{background:#fffffff2;border-color:#00000029}.hsk-voice-pill--on:hover{background:#1c1c1c;border-color:#1c1c1c;color:#fff}.hsk-voice-pill--on{background:#1a1a1a;border-color:#1a1a1a;color:#fff}@media(prefers-color-scheme:dark){.hsk-voice-pill{border-color:#ffffff24;background:#1e1e1eb3;color:#cfcfcf}.hsk-voice-pill:hover{background:#2d2d2de6}.hsk-voice-pill--on:hover,.hsk-voice-pill--on{background:#f2f2f2;border-color:#f2f2f2;color:#141414}}@media(max-width:520px){.hsk-cb-input-box{gap:6px;padding:10px 10px 10px 12px}.hsk-cb-attach-btn,.hsk-cb-mic-btn,.hsk-cb-send,.hsk-cb-voice-mode-btn,.hsk-chat-send{width:32px;height:32px;border-radius:10px}.hsk-cb-textarea{flex:1 1 auto;min-width:0;font-size:16px}.hsk-cb-input-box .hsk-cb-listening{display:none}}.hsk-cb-main{position:relative}.hsk-cb-main,.hsk-voice-overlay{--hsk-doodle-ink: 31, 31, 31;--hsk-doodle-tint: 255, 106, 51}@keyframes hsk-doodles-shimmer-in{0%{opacity:0}to{opacity:.9}}.hsk-cb-doodles{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9;animation:hsk-doodles-shimmer-in .28s cubic-bezier(.16,1,.3,1) both}.hsk-cb-main>*:not(.hsk-cb-doodles){position:relative}@media(prefers-color-scheme:dark){.hsk-cb-main,.hsk-voice-overlay{--hsk-doodle-ink: 240, 239, 237;--hsk-doodle-tint: 255, 150, 110}}[data-hsk-theme=light] .hsk-cb-main,[data-hsk-theme=light] .hsk-voice-overlay{--hsk-doodle-ink: 31, 31, 31;--hsk-doodle-tint: 255, 106, 51}[data-hsk-theme=dark] .hsk-cb-main,[data-hsk-theme=dark] .hsk-voice-overlay{--hsk-doodle-ink: 240, 239, 237;--hsk-doodle-tint: 255, 150, 110}.hsk-cb-docked-option-price,.hsk-cb-entlang-price,.hsk-cb-src-price,.hsk-kiku-picker-item-price,.hsk-source-price,.hsk-sp-item-discount,.hsk-sp-item-original-price,.hsk-sp-item-price,.hsk-sp-mobile-main-card-price,.hsk-sp-mobile-similar-carousel-price,.hsk-voice-item-price,.hsk-live-cell{font-variant-numeric:tabular-nums}.hsk-live-wrap{margin:8px 0 2px;max-width:min(88%,560px);box-sizing:border-box}.hsk-live-carousel{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.hsk-live-card{flex:0 1 auto;min-width:0;max-width:100%;background:var(--hsk-chat-source-bg, rgba(0, 0, 0, .035));border:1px solid var(--hsk-chat-divide, rgba(0, 0, 0, .08));border-radius:14px;padding:10px 12px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;transition:opacity .2s ease}.hsk-live-card.is-stale{opacity:.75}.hsk-live-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.hsk-live-card__status{display:flex;align-items:center;gap:6px;min-width:0}.hsk-live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;flex-shrink:0}@media(prefers-reduced-motion:no-preference){.hsk-live-dot:not(.is-stale){animation:hsk-live-pulse 2s ease-in-out infinite}}.hsk-live-dot.is-stale{background:var(--hsk-chat-muted, #9ca3af)}.hsk-live-card__title{font-size:12px;font-weight:600;color:var(--hsk-chat-text, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.hsk-live-card__meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.hsk-live-card__close{font-size:11px;font-weight:500;color:var(--hsk-chat-muted, #6b7280);opacity:.85;white-space:nowrap}.hsk-live-card__age{font-size:11px;font-weight:400;color:var(--hsk-chat-muted, #6b7280);white-space:nowrap;flex-shrink:0}.hsk-live-card__pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.hsk-live-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:var(--hsk-chat-bg, #ffffff);border:1px solid var(--hsk-chat-divide, rgba(0, 0, 0, .08));border-radius:8px;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.3;color:var(--hsk-chat-text, #111827);box-shadow:0 1px 2px #00000008}.hsk-live-pill__label{font-weight:500;color:var(--hsk-chat-muted, #6b7280);font-size:11px;text-transform:capitalize}.hsk-live-pill__value{font-weight:650;color:var(--hsk-chat-text, #111827)}@media(prefers-reduced-motion:no-preference){.hsk-live-pill.is-changed{animation:hsk-live-pill-flash 1.2s ease-out}@keyframes hsk-live-pill-flash{0%{background:#10b98140;border-color:#10b981}to{background:var(--hsk-chat-bg, #ffffff);border-color:var(--hsk-chat-divide, rgba(0, 0, 0, .08))}}}@media(max-width:640px){.hsk-cb-source{flex:0 0 128px}.hsk-cb-src-imgwrap,.hsk-cb-src-imgwrap-empty{width:128px;height:128px;font-size:24px}.hsk-cb-sources{gap:10px}.hsk-cb-src-name{font-size:12px;line-height:1.35}.hsk-cb-src-price{font-size:11px;padding:1px 7px;margin-top:4px}.hsk-cb-ai-text,.hsk-live{max-width:100%;width:100%}}@media(max-width:480px){.hsk-cb-source{flex:0 0 114px}.hsk-cb-src-imgwrap,.hsk-cb-src-imgwrap-empty{width:114px;height:114px;font-size:20px}.hsk-cb-sources{gap:8px}.hsk-live{border-radius:12px;padding:2px 0 8px;margin:8px 0 2px}.hsk-live-card{flex:1 1 100%}}.hsk-cb-overlay[data-hsk-theme],[data-hsk-theme] .hsk-cb-overlay{background:var(--hsk-chat-bg)!important;color:var(--hsk-chat-text)!important}[data-hsk-theme] .hsk-cb-panel{background:transparent!important;color:var(--hsk-chat-text)!important}[data-hsk-theme] .hsk-cb-topbar-name{background:var(--hsk-surface-2)!important;color:var(--hsk-name-text, var(--hsk-chat-text))!important;box-shadow:0 0 0 3px var(--hsk-chat-bg),0 1px 3px rgba(var(--hsk-primary-rgb),.2)!important}[data-hsk-theme] .hsk-cb-think-head{background:var(--hsk-surface-2)!important;color:var(--hsk-think-text)!important;box-shadow:0 0 0 3px var(--hsk-chat-bg),0 1px 3px rgba(var(--hsk-primary-rgb),.2)!important}[data-hsk-theme] .hsk-cb-chip,[data-hsk-theme] .hsk-cb-lang-chip,[data-hsk-theme] .hsk-action-pill{border:var(--hsk-chip-border, none)!important;background:var(--hsk-surface-1)!important;color:var(--hsk-chat-text)!important}[data-hsk-theme] .hsk-cb-chip:hover,[data-hsk-theme] .hsk-cb-lang-chip:hover,[data-hsk-theme] .hsk-action-pill:hover{background:rgba(var(--hsk-primary-rgb),.12)!important;color:var(--hsk-primary)!important}[data-hsk-theme] .hsk-cb-ai-text{background:var(--hsk-bubble-bg)!important;color:var(--hsk-chat-text)!important}[data-hsk-theme] .hsk-cb-ai-text:not(:has(~.hsk-cb-ai-text)):before{background:var(--hsk-bubble-bg)!important}[data-hsk-theme] .hsk-cb-ai-text:not(:has(~.hsk-cb-ai-text)):after{background:var(--hsk-chat-bg)!important}[data-hsk-theme] .hsk-cb-user-bubble--tail:before{background:#007aff!important}[data-hsk-theme] .hsk-cb-user-bubble--tail:after{background:var(--hsk-chat-bg)!important}[data-hsk-theme] .hsk-cb-topbar-title{color:var(--hsk-chat-text)!important}[data-hsk-theme] .hsk-cb-topbar-btn,[data-hsk-theme] .hsk-cb-back{background:var(--hsk-surface-1)!important;color:var(--hsk-chat-muted)!important}[data-hsk-theme] .hsk-cb-input-box{background:transparent!important;border:none!important;border-radius:inherit!important}[data-hsk-theme] .hsk-cb-textarea{color:var(--hsk-chat-text)!important}[data-hsk-theme] .hsk-cb-textarea::placeholder{color:var(--hsk-placeholder)!important}[data-hsk-theme] .hsk-markdown-table th{color:var(--hsk-chat-muted)!important;border-bottom:1px solid var(--hsk-chat-divide)!important}[data-hsk-theme] .hsk-markdown-table td{color:var(--hsk-chat-text)!important;border-bottom:1px solid var(--hsk-chat-divide)!important}[data-hsk-theme] .hsk-cb-kiku-id-pill{background:var(--hsk-surface-1)!important;border:none!important;box-shadow:none!important;color:var(--hsk-chat-muted)!important}[data-hsk-theme] .hsk-cb-kiku-id-pill:hover{color:var(--hsk-primary)!important}[data-hsk-theme] .hsk-cb-theme-squircle-wrap.is-open,[data-hsk-theme] .hsk-cb-topbar-ooze-menu{background:var(--hsk-surface-2)!important;box-shadow:none!important}[data-hsk-theme] .hsk-cb-theme-squircle-trigger{background:var(--hsk-surface-1)!important;color:var(--hsk-chat-text)!important;border:none!important;box-shadow:none!important}[data-hsk-theme] .hsk-cb-theme-grid-item{background:var(--hsk-grid-bg)!important;color:var(--hsk-chat-muted)!important;border:none!important;box-shadow:none!important}[data-hsk-theme] .hsk-cb-theme-grid-item.is-active{background:var(--hsk-active-bg)!important;color:var(--hsk-on-active)!important;box-shadow:none!important}[data-hsk-theme] .hsk-cb-src-name,[data-hsk-theme] .hsk-source-card__title{color:var(--hsk-src-title)!important;font-weight:650!important}[data-hsk-theme] .hsk-cb-src-desc,[data-hsk-theme] .hsk-cb-src-detail,[data-hsk-theme] .hsk-source-card__desc{color:var(--hsk-src-desc)!important}[data-hsk-theme] .hsk-cb-src-price{background:var(--hsk-price-bg)!important;color:var(--hsk-price-text)!important;font-weight:700!important}[data-hsk-theme] .hsk-cb-main,[data-hsk-theme] .hsk-voice-overlay{--hsk-doodle-ink: var(--hsk-ink) !important;--hsk-doodle-tint: var(--hsk-tint) !important}[data-hsk-theme] .hsk-voice-pill{background:var(--hsk-chat-input-bg)!important;border-color:var(--hsk-chat-divide)!important;color:var(--hsk-chat-muted)!important}[data-hsk-theme] .hsk-voice-pill:hover{background:var(--hsk-surface-2)!important;color:var(--hsk-chat-text)!important}[data-hsk-theme] .hsk-voice-pill--on,[data-hsk-theme] .hsk-voice-pill--on:hover{background:var(--hsk-active-bg)!important;border-color:var(--hsk-active-bg)!important;color:var(--hsk-on-active)!important}.hsk-cb-overlay[data-hsk-theme=light],[data-hsk-theme=light] .hsk-cb-overlay{--hsk-primary: #ff6a33 !important;--hsk-primary-rgb: 255, 106, 51 !important;--hsk-chat-bg: #ffffff !important;--hsk-chat-text: #1f1f1f !important;--hsk-chat-muted: #5f6368 !important;--hsk-chat-divide: #e5e7eb !important;--hsk-chat-input-bg: #f3f4f6 !important;--hsk-chat-source-bg: #f9fafb !important;--hsk-fade-bg: #ffffff !important;--hsk-goo-fill: #ffffff !important;--hsk-surface-1: rgba(0, 0, 0, .05) !important;--hsk-surface-2: #f1f3f4 !important;--hsk-bubble-bg: #f3f4f6 !important;--hsk-think-text: #4b5563 !important;--hsk-placeholder: #757575 !important;--hsk-grid-bg: #ffffff !important;--hsk-active-bg: #1f1f1f !important;--hsk-on-active: #ffffff !important;--hsk-src-title: #111827 !important;--hsk-src-desc: #4b5563 !important;--hsk-price-bg: #f3f4f6 !important;--hsk-price-text: #ea580c !important;--hsk-sheet-bg: #f3f4f6 !important;--hsk-chip-border: 1px solid rgba(0, 0, 0, .08) !important;--hsk-ink: 55, 65, 81 !important;--hsk-tint: 145, 77, 47 !important}.hsk-cb-overlay[data-hsk-theme=dark],[data-hsk-theme=dark] .hsk-cb-overlay{--hsk-primary: #ff6a33 !important;--hsk-primary-rgb: 255, 106, 51 !important;--hsk-chat-bg: #0a0a0a !important;--hsk-chat-text: #f0efed !important;--hsk-chat-muted: #888888 !important;--hsk-chat-divide: rgba(255, 255, 255, .08) !important;--hsk-chat-input-bg: #191919 !important;--hsk-chat-source-bg: rgba(255, 255, 255, .04) !important;--hsk-fade-bg: #0a0a0a !important;--hsk-goo-fill: #1a1a1c !important;--hsk-surface-1: rgba(255, 255, 255, .06) !important;--hsk-surface-2: #1f1f22 !important;--hsk-bubble-bg: #1f1f22 !important;--hsk-think-text: #a6a6a6 !important;--hsk-placeholder: #555555 !important;--hsk-grid-bg: #1a1a1c !important;--hsk-active-bg: #f0efed !important;--hsk-on-active: #0a0a0a !important;--hsk-src-title: #f9fafb !important;--hsk-src-desc: #9ca3af !important;--hsk-price-bg: rgba(255, 255, 255, .08) !important;--hsk-price-text: #ff7a45 !important;--hsk-sheet-bg: #1f1f22 !important;--hsk-ink: 240, 239, 237 !important;--hsk-tint: 248, 195, 174 !important}.hsk-cb-overlay[data-hsk-theme=mahogany],[data-hsk-theme=mahogany] .hsk-cb-overlay{--hsk-primary: #e07a38 !important;--hsk-primary-rgb: 224, 122, 56 !important;--hsk-chat-bg: #140d09 !important;--hsk-chat-text: #f6eee3 !important;--hsk-chat-muted: #a89485 !important;--hsk-chat-divide: rgba(217, 140, 85, .18) !important;--hsk-chat-input-bg: #211610 !important;--hsk-chat-source-bg: #1c130d !important;--hsk-fade-bg: #140d09 !important;--hsk-goo-fill: #211610 !important;--hsk-surface-1: #211610 !important;--hsk-surface-2: #2b1c14 !important;--hsk-bubble-bg: #261912 !important;--hsk-think-text: #c4b1a1 !important;--hsk-placeholder: #7a6557 !important;--hsk-grid-bg: #2b1c14 !important;--hsk-active-bg: #e07a38 !important;--hsk-on-active: #ffffff !important;--hsk-src-title: #fdf8f4 !important;--hsk-src-desc: #c4b1a1 !important;--hsk-price-bg: #2b1c14 !important;--hsk-price-text: #f59e0b !important;--hsk-sheet-bg: #211610 !important;--hsk-ink: 246, 238, 227 !important;--hsk-tint: 235, 180, 142 !important}.hsk-cb-overlay[data-hsk-theme=blush],[data-hsk-theme=blush] .hsk-cb-overlay{--hsk-primary: #ec4899 !important;--hsk-primary-rgb: 236, 72, 153 !important;--hsk-chat-bg: #fff5f7 !important;--hsk-chat-text: #3d1424 !important;--hsk-chat-muted: #94536d !important;--hsk-chat-divide: rgba(236, 72, 153, .18) !important;--hsk-chat-input-bg: #ffe4ec !important;--hsk-chat-source-bg: #fff0f4 !important;--hsk-fade-bg: #fff5f7 !important;--hsk-goo-fill: #ffe4ec !important;--hsk-surface-1: #ffe4ec !important;--hsk-surface-2: #fbcfe8 !important;--hsk-bubble-bg: #ffebf1 !important;--hsk-think-text: #831843 !important;--hsk-name-text: #831843 !important;--hsk-placeholder: #b57a91 !important;--hsk-grid-bg: #fff0f4 !important;--hsk-active-bg: #ec4899 !important;--hsk-on-active: #ffffff !important;--hsk-src-title: #2b0c19 !important;--hsk-src-desc: #702648 !important;--hsk-price-bg: #fce7f3 !important;--hsk-price-text: #db2777 !important;--hsk-sheet-bg: #ffe4ec !important;--hsk-sheet-hover: #ffd2e0 !important;--hsk-ink: 130, 36, 75 !important;--hsk-tint: 175, 38, 97 !important}.hsk-cb-overlay[data-hsk-theme=coffee],[data-hsk-theme=coffee] .hsk-cb-overlay{--hsk-primary: #a9714b !important;--hsk-primary-rgb: 169, 113, 75 !important;--hsk-chat-bg: #f7f1e8 !important;--hsk-chat-text: #3b2a1d !important;--hsk-chat-muted: #8a7561 !important;--hsk-chat-divide: rgba(169, 113, 75, .18) !important;--hsk-chat-input-bg: #efe4d6 !important;--hsk-chat-source-bg: #f2eade !important;--hsk-fade-bg: #f7f1e8 !important;--hsk-goo-fill: #efe4d6 !important;--hsk-surface-1: #efe4d6 !important;--hsk-surface-2: #e6d7c4 !important;--hsk-bubble-bg: #f0e7da !important;--hsk-think-text: #6b543f !important;--hsk-placeholder: #a89680 !important;--hsk-grid-bg: #f2eade !important;--hsk-active-bg: #a9714b !important;--hsk-on-active: #ffffff !important;--hsk-src-title: #2a1c11 !important;--hsk-src-desc: #6b543f !important;--hsk-price-bg: #ece0cf !important;--hsk-price-text: #9a5f32 !important;--hsk-sheet-bg: #efe4d6 !important;--hsk-sheet-hover: #e6d7c4 !important;--hsk-ink: 59, 42, 29 !important;--hsk-tint: 120, 88, 62 !important}.hsk-cb-overlay[data-hsk-theme=midnight],[data-hsk-theme=midnight] .hsk-cb-overlay{--hsk-primary: #6366f1 !important;--hsk-primary-rgb: 99, 102, 241 !important;--hsk-chat-bg: #0f1420 !important;--hsk-chat-text: #dfe6f5 !important;--hsk-chat-muted: #8792ad !important;--hsk-chat-divide: rgba(99, 102, 241, .18) !important;--hsk-chat-input-bg: #1a2133 !important;--hsk-chat-source-bg: #161d2c !important;--hsk-fade-bg: #0f1420 !important;--hsk-goo-fill: #1a2133 !important;--hsk-surface-1: #1a2133 !important;--hsk-surface-2: #222b40 !important;--hsk-bubble-bg: #1e2637 !important;--hsk-think-text: #a8b3cc !important;--hsk-placeholder: #5c6780 !important;--hsk-grid-bg: #222b40 !important;--hsk-active-bg: #6366f1 !important;--hsk-on-active: #ffffff !important;--hsk-src-title: #f2f5fc !important;--hsk-src-desc: #a8b3cc !important;--hsk-price-bg: #222b40 !important;--hsk-price-text: #818cf8 !important;--hsk-sheet-bg: #1a2133 !important;--hsk-sheet-hover: #222b40 !important;--hsk-ink: 223, 230, 245 !important;--hsk-tint: 150, 160, 200 !important}.hsk-cb-back-icon{display:inline-flex;transition:transform .22s cubic-bezier(.22,1,.36,1)}.hsk-cb-back:hover:not(:disabled) .hsk-cb-back-icon{transform:translate(-2px)}.hsk-cb-panel[dir=rtl] .hsk-cb-back:hover:not(:disabled) .hsk-cb-back-icon{transform:scaleX(-1) translate(-2px)}.hsk-cb-tools-toggle{transition:transform .26s cubic-bezier(.34,1.56,.64,1),background-color .42s cubic-bezier(.16,1,.3,1),color .42s cubic-bezier(.16,1,.3,1)}.hsk-cb-tools-toggle:hover:not(:disabled){color:var(--hsk-primary, #ff6a33);transform:rotate(90deg)}.hsk-cb-tools-toggle--open:hover:not(:disabled){transform:rotate(135deg)}.hsk-cb-tools-toggle:active:not(:disabled){transform:scale(.9);transition-duration:.1s}.hsk-cb-theme-trigger-icon{display:inline-flex;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hsk-cb-theme-squircle-trigger:hover .hsk-cb-theme-trigger-icon{transform:translateY(-1.5px) rotate(-8deg)}.hsk-cb-dot-item:hover:not(.hsk-cb-dot-item--active){background:var(--hsk-chat-muted, rgba(120, 120, 120, .6));transform:scale(1.35)}.hsk-msg-audio-btn{transition:color .18s ease,transform .22s cubic-bezier(.34,1.56,.64,1)}.hsk-msg-audio-btn:hover:not(:disabled){color:var(--hsk-primary, #ff6a33);transform:scale(1.12)}.hsk-msg-audio-btn:active:not(:disabled){transform:scale(.94);transition-duration:.1s}.hsk-markup-color{transition:transform .22s cubic-bezier(.34,1.56,.64,1),border-color .18s ease}.hsk-markup-color:hover:not(.hsk-markup-color--on){transform:scale(1.22)}.hsk-markup-color--on:hover{transform:scale(1.15)}@media(prefers-reduced-motion:reduce){.hsk-cb-back:hover:not(:disabled) .hsk-cb-back-icon,.hsk-cb-panel[dir=rtl] .hsk-cb-back:hover:not(:disabled) .hsk-cb-back-icon,.hsk-cb-theme-squircle-trigger:hover .hsk-cb-theme-trigger-icon,.hsk-cb-dot-item:hover:not(.hsk-cb-dot-item--active),.hsk-msg-audio-btn:hover:not(:disabled),.hsk-markup-color:hover:not(.hsk-markup-color--on){transform:none}.hsk-cb-tools-toggle:hover:not(:disabled),.hsk-cb-tools-toggle--open:hover:not(:disabled){transform:none}}.hsk-voice-control{position:relative;isolation:isolate;border-radius:999px}.hsk-voice-control:not(.hsk-voice-control--muted):before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;background:conic-gradient(from 0deg,#ff3b30,#ff9500,#ffd60a,#34c759,#00c7be,#30b0c7,#007aff,#5856d6,#af52de,#ff2d55,#ff3b30);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));animation:hsk-apple-siri-spin 3s linear infinite;pointer-events:none;z-index:1}.hsk-voice-control:after{display:none!important}.hsk-voice-control-icon{will-change:transform}.hsk-voice-control:not(.hsk-voice-control--muted) .hsk-voice-control-icon{animation:hsk-apple-siri-mic-pulse 2.2s ease-in-out infinite}@keyframes hsk-apple-siri-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hsk-apple-siri-breathe{0%,to{transform:scale(.95);opacity:.55}50%{transform:scale(1.15);opacity:.95}}@keyframes hsk-apple-siri-mic-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.hsk-voice-control--muted:before,.hsk-voice-control--muted:after{display:none}@media(prefers-reduced-motion:reduce){.hsk-voice-control:not(:hover):not(.hsk-voice-control--muted) .hsk-voice-control-icon,.hsk-voice-control:hover:before,.hsk-voice-control--muted:before,.hsk-voice-control--muted:after{animation:none}.hsk-voice-control:hover,.hsk-voice-control:hover .hsk-mic-cap{transform:none}}.hsk-cb-voice-error{animation:hsk-error-shake .26s cubic-bezier(.36,.07,.19,.97) both}@keyframes hsk-error-shake{0%,to{transform:translate(0)}22%{transform:translate(-3px)}55%{transform:translate(2px)}80%{transform:translate(-1px)}}@media(prefers-reduced-motion:reduce){.hsk-cb-voice-error{animation:none}}.hsk-sun-rays,.hsk-sun-core,.hsk-moon-body,.hsk-wood-layer,.hsk-heart-body,.hsk-steam,.hsk-star-spark,.hsk-check-mark,.hsk-send-tail,.hsk-send-body{transform-box:fill-box;transform-origin:center}.hsk-sun-rays{transform-origin:12px 12px;transition:transform .5s cubic-bezier(.22,1,.36,1)}.hsk-cb-theme-grid-item:hover .hsk-sun-rays,.hsk-cb-theme-squircle-trigger:hover .hsk-sun-rays{transform:rotate(45deg)}.hsk-sun-core{transition:transform .32s cubic-bezier(.34,1.56,.64,1)}.hsk-cb-theme-grid-item:hover .hsk-sun-core,.hsk-cb-theme-squircle-trigger:hover .hsk-sun-core{transform:scale(1.14)}.hsk-moon-body{transition:transform .34s cubic-bezier(.34,1.56,.64,1)}.hsk-cb-theme-grid-item:hover .hsk-moon-body,.hsk-cb-theme-squircle-trigger:hover .hsk-moon-body{transform:rotate(-16deg)}.hsk-wood-layer{transition:transform .34s cubic-bezier(.34,1.56,.64,1)}.hsk-wood-layer{transition-delay:calc(var(--hsk-layer, 0) * 45ms)}.hsk-cb-theme-grid-item:hover .hsk-wood-layer,.hsk-cb-theme-squircle-trigger:hover .hsk-wood-layer{transform:translateY(-1.2px)}.hsk-cb-theme-grid-item:hover .hsk-heart-body,.hsk-cb-theme-squircle-trigger:hover .hsk-heart-body{animation:hsk-heartbeat 1.1s ease-in-out infinite}@keyframes hsk-heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.18)}28%{transform:scale(1)}42%{transform:scale(1.12)}56%{transform:scale(1)}}.hsk-steam{opacity:.9}.hsk-cb-theme-grid-item:hover .hsk-steam,.hsk-cb-theme-squircle-trigger:hover .hsk-steam{animation:hsk-steam-rise 1.6s ease-out infinite;animation-delay:calc(var(--hsk-steam, 0) * .22s)}@keyframes hsk-steam-rise{0%{transform:translateY(2px) scaleY(.5);opacity:0}35%{opacity:.95}to{transform:translateY(-3px) scaleY(1.15);opacity:0}}.hsk-cb-theme-grid-item:hover .hsk-star-spark,.hsk-cb-theme-squircle-trigger:hover .hsk-star-spark{animation:hsk-twinkle 1.4s ease-in-out infinite}@keyframes hsk-twinkle{0%,to{transform:scale(1) rotate(0);opacity:.85}50%{transform:scale(1.45) rotate(20deg);opacity:1}}.hsk-check-mark{stroke-dasharray:30;stroke-dashoffset:30;animation:hsk-check-draw .42s cubic-bezier(.65,0,.35,1) forwards}@keyframes hsk-check-draw{to{stroke-dashoffset:0}}.hsk-send-body,.hsk-send-tail{transition:transform .28s cubic-bezier(.22,1,.36,1)}.hsk-send-tail{transition-delay:40ms}.hsk-chat-send:hover:not(:disabled) .hsk-send-body,.hsk-cb-send:hover:not(:disabled) .hsk-send-body{transform:translate(1.5px,-1.5px)}.hsk-chat-send:hover:not(:disabled) .hsk-send-tail,.hsk-cb-send:hover:not(:disabled) .hsk-send-tail{transform:translate(2.5px,-2.5px)}@media(prefers-reduced-motion:reduce){.hsk-sun-rays,.hsk-sun-core,.hsk-moon-body,.hsk-wood-layer,.hsk-send-body,.hsk-send-tail{transition:none;transform:none!important}.hsk-cb-theme-grid-item:hover .hsk-heart-body,.hsk-cb-theme-squircle-trigger:hover .hsk-heart-body,.hsk-cb-theme-grid-item:hover .hsk-steam,.hsk-cb-theme-squircle-trigger:hover .hsk-steam,.hsk-cb-theme-grid-item:hover .hsk-star-spark,.hsk-cb-theme-squircle-trigger:hover .hsk-star-spark{animation:none}.hsk-check-mark{animation:none;stroke-dashoffset:0}}.hsk-cb-send-stage{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:visible}.hsk-cb-send-seam{position:absolute;top:50%;left:50%;width:2px;height:15px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%) rotate(38deg) scaleY(0);transform-origin:center;opacity:0;pointer-events:none}.hsk-cb-send-kite{display:inline-flex;transform-origin:center;will-change:transform}.hsk-cb-send:hover:not(:disabled) .hsk-cb-send-kite{transform:translate(1.5px,-1.5px);transition:transform .26s cubic-bezier(.22,1,.36,1)}.hsk-cb-send.is-launching .hsk-cb-send-kite{animation:hsk-kite-tear .55s cubic-bezier(.22,1,.36,1) both}.hsk-cb-send.is-launching .hsk-cb-send-seam{animation:hsk-seam-heal .55s cubic-bezier(.4,0,.3,1) both}@keyframes hsk-kite-tear{0%{transform:translate(0) scale(1) rotate(0);opacity:1}18%{transform:translate(-1px,2.5px) scale(.92,1.08) rotate(-4deg);opacity:1}45%{transform:translate(3px,-16px) scale(1.2,.8) rotate(6deg);opacity:.95}75%{transform:translate(6px,-38px) scale(1.05,.7) rotate(10deg);opacity:.6}to{transform:translate(8px,-56px) scale(.6,.4) rotate(12deg);opacity:0}}@keyframes hsk-seam-heal{0%{transform:translate(-50%,-50%) rotate(38deg) scaleY(0);opacity:0}22%{transform:translate(-50%,-50%) rotate(38deg) scaleY(1);opacity:.9}45%{transform:translate(-50%,-50%) rotate(38deg) scaleY(1.3);opacity:.8}72%{transform:translate(-50%,-50%) rotate(38deg) scaleY(.3);opacity:.35}to{transform:translate(-50%,-50%) rotate(38deg) scaleY(0);opacity:0}}.hsk-kite-wing{transform-box:fill-box;transform-origin:100% 0}.hsk-cb-send:not(:disabled):not(.is-launching) .hsk-kite-wing--far{animation:hsk-wing-beat-far .62s ease-in-out infinite}.hsk-cb-send:not(:disabled):not(.is-launching) .hsk-kite-wing--near{animation:hsk-wing-beat-near .62s ease-in-out .07s infinite}.hsk-cb-send:not(:disabled):not(.is-launching) .hsk-cb-send-kite{animation:hsk-kite-strain 2.4s cubic-bezier(.45,0,.35,1) infinite}.hsk-cb-send:not(:disabled):not(.is-launching) .hsk-cb-send-seam{animation:hsk-seam-strain 2.4s cubic-bezier(.45,0,.35,1) infinite}@keyframes hsk-kite-strain{0%,10%{transform:translate(0) scale(1) rotate(0)}20%{transform:translate(-1.2px,2px) scale(.94,1.05) rotate(-4deg)}34%{transform:translate(3.5px,-5px) scale(1.16,.86) rotate(8deg)}42%{transform:translate(4.2px,-6px) scale(1.2,.82) rotate(9deg)}50%{transform:translate(2.4px,-3.4px) scale(1.06,.94) rotate(5deg)}64%{transform:translate(-.6px,1.2px) scale(.97,1.03) rotate(-2deg)}78%,to{transform:translate(0) scale(1) rotate(0)}}@keyframes hsk-seam-strain{0%,22%{transform:translate(-50%,-50%) rotate(38deg) scaleY(0);opacity:0}34%{transform:translate(-50%,-50%) rotate(38deg) scaleY(.6);opacity:.34}42%{transform:translate(-50%,-50%) rotate(38deg) scaleY(.95);opacity:.5}52%{transform:translate(-50%,-50%) rotate(38deg) scaleY(.55);opacity:.3}66%,to{transform:translate(-50%,-50%) rotate(38deg) scaleY(0);opacity:0}}@keyframes hsk-wing-beat-far{0%,to{transform:scaleX(1) skewY(0)}50%{transform:scaleX(.86) skewY(-4deg)}}@keyframes hsk-wing-beat-near{0%,to{transform:scaleX(1) skewY(0)}50%{transform:scaleX(1.1) skewY(3deg)}}.hsk-stop-ring{transform-box:fill-box;transform-origin:center;stroke-dasharray:22 38;opacity:.85;animation:hsk-stop-orbit 1.4s linear infinite}.hsk-stop-core{transform-box:fill-box;transform-origin:center;animation:hsk-stop-pulse 1.4s ease-in-out infinite;transition:rx .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.hsk-cb-send--stop:hover .hsk-stop-core{transform:scale(1.16);animation-play-state:paused}.hsk-cb-send--stop:hover .hsk-stop-ring{animation-duration:.7s}@keyframes hsk-stop-orbit{to{transform:rotate(1turn)}}@keyframes hsk-stop-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.86);opacity:.75}}@media(prefers-reduced-motion:reduce){.hsk-cb-send.is-launching .hsk-cb-send-kite,.hsk-cb-send.is-launching .hsk-cb-send-seam,.hsk-cb-send:hover:not(:disabled) .hsk-cb-send-kite{animation:none;transform:none}}.hsk-cb-send.is-launching{overflow:visible!important}.hsk-cb-send-sheath{position:absolute;inset:-1px;background:radial-gradient(120% 90% at 32% 22%,#ffffff70,#fff0 58%),linear-gradient(150deg,color-mix(in srgb,var(--hsk-primary, #1273e6) 72%,#ffffff) 0%,var(--hsk-primary, #1273e6) 46%,color-mix(in srgb,var(--hsk-primary, #1273e6) 74%,#000000) 100%);border-radius:46% 54% 52% 48%/50% 47% 53% 50%;box-shadow:inset 0 2px 3px #ffffff80,inset 0 -3px 5px color-mix(in srgb,var(--hsk-primary, #1273e6) 30%,rgba(0,0,0,.55)),0 2px 5px #0003,0 7px 16px color-mix(in srgb,var(--hsk-primary, #1273e6) 16%,transparent);transform-origin:58% 62%;pointer-events:none;z-index:1;will-change:transform,border-radius;transition:border-radius .5s cubic-bezier(.34,1.6,.5,1),box-shadow .3s ease}.hsk-cb-send-stage{z-index:2;position:relative}.hsk-cb-send:not(:disabled):not(.is-launching) .hsk-cb-send-sheath{animation:hsk-sheath-press 2.4s cubic-bezier(.35,.8,.3,1) infinite}@keyframes hsk-sheath-press{0%,12%{transform:scale(1);border-radius:46% 54% 52% 48%/50% 47% 53% 50%}22%{transform:scale(.94,1.08) translate(-1.4px,2.2px);border-radius:52% 48% 44% 56%/58% 40% 60% 42%}36%{transform:scale(1.14,.87) translate(2.6px,-3.4px) rotate(2deg);border-radius:38% 66% 54% 46%/40% 62% 38% 60%}46%{transform:scale(1.19,.83) translate(3.6px,-4.6px) rotate(2.8deg);border-radius:34% 72% 56% 44%/36% 68% 32% 64%}58%{transform:scale(.93,1.09) translate(-1.2px,1.8px) rotate(-1.4deg);border-radius:56% 44% 42% 58%/60% 38% 62% 40%}70%{transform:scale(1.05,.96) translate(.8px,-1px) rotate(.6deg);border-radius:44% 56% 50% 50%/46% 54%}80%{transform:scale(.98,1.03);border-radius:50% 50% 48% 52%/52% 48%}88%,to{transform:scale(1);border-radius:46% 54% 52% 48%/50% 47% 53% 50%}}.hsk-cb-send.is-launching .hsk-cb-send-sheath{animation:hsk-sheath-yield .55s cubic-bezier(.3,.7,.25,1) both}@keyframes hsk-sheath-yield{0%{transform:scale(1);border-radius:46% 54% 52% 48%/50% 47% 53% 50%}20%{transform:scale(.88,1.14) translate(-2px,3.4px);border-radius:56% 44% 40% 60%/64% 34% 66% 36%}45%{transform:scale(1.34,.68) translate(6px,-10px) rotate(4.6deg);border-radius:24% 86% 62% 38%/26% 80% 20% 74%}65%{transform:scale(.86,1.16) translate(-2.2px,3.6px) rotate(-2.2deg);border-radius:60% 40% 38% 62%/68% 30% 70% 32%}82%{transform:scale(1.06,.95) translate(1px,-1px) rotate(.8deg);border-radius:44% 56% 52% 48%/46% 54%}to{transform:scale(1);border-radius:46% 54% 52% 48%/50% 47% 53% 50%}}.hsk-cb-send:disabled .hsk-cb-send-sheath{opacity:0}.hsk-cb-send--stop .hsk-cb-send-sheath{display:none}.hsk-cb-send:active:not(:disabled) .hsk-cb-send-sheath{box-shadow:inset 0 1px 2px #ffffff4d,inset 0 -1px 3px color-mix(in srgb,var(--hsk-primary, #1273e6) 24%,rgba(0,0,0,.6)),0 1px 3px #0000003d}@media(prefers-reduced-motion:reduce){.hsk-cb-send:not(:disabled):not(.is-launching) .hsk-cb-send-sheath,.hsk-cb-send.is-launching .hsk-cb-send-sheath{animation:none}}.hsk-cb-send:not(.hsk-cb-send--stop):not(:disabled){background:transparent!important;box-shadow:none!important;overflow:visible!important}.hsk-cb-send:not(.hsk-cb-send--stop):not(:disabled):hover{box-shadow:none!important}.hsk-cb-send:not(:disabled):hover .hsk-cb-send-sheath{box-shadow:inset 0 2px 4px #ffffff94,inset 0 -3px 6px color-mix(in srgb,var(--hsk-primary, #1273e6) 28%,rgba(0,0,0,.5)),0 3px 7px #00000038,0 10px 22px color-mix(in srgb,var(--hsk-primary, #1273e6) 20%,transparent)}.hsk-cb-terms-sanctuary{display:flex;flex-direction:column;margin:18px 0 22px;width:100%;max-width:520px;text-align:start;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;padding:0;box-shadow:none;opacity:0;animation:hsk-terms-delicate-in .5s cubic-bezier(.16,1,.3,1) .05s forwards}@keyframes hsk-terms-delicate-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hsk-cb-terms-item{display:flex;flex-direction:column;gap:4px;opacity:0;animation:hsk-terms-item-in .45s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--hsk-row-idx, 0) * 60ms + 80ms)}@keyframes hsk-terms-item-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hsk-cb-terms-head{display:flex;align-items:baseline;gap:10px}.hsk-cb-terms-numeral{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-style:italic;font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--hsk-primary, #ff6a33);opacity:.85;flex-shrink:0;user-select:none}.hsk-cb-terms-title{margin:0;font-size:14.5px;font-weight:700;letter-spacing:-.015em;color:var(--hsk-chat-text, #ffffff)}.hsk-cb-terms-desc{margin:0;padding-inline-start:22px;font-size:13px;line-height:1.55;color:var(--hsk-chat-muted, #9ca3af);font-weight:400}.hsk-cb-terms-divider{height:1px;margin:14px 0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--hsk-chat-text, #000000) 8%,transparent) 20%,color-mix(in srgb,var(--hsk-chat-text, #000000) 8%,transparent) 80%,transparent 100%)}.hsk-cb-terms-action-wrap{display:flex;justify-content:center;width:100%;margin-top:14px}.hsk-cb-terms-agree-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 34px;font-size:14px;font-weight:600;border-radius:9999px;border:1px solid var(--hsk-chat-divide, rgba(255, 255, 255, .08));background:var(--hsk-chat-divide, rgba(255, 255, 255, .06));color:var(--hsk-chat-muted, rgba(255, 255, 255, .4));cursor:not-allowed;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:-.01em}.hsk-cb-terms-agree-btn.is-active{background:#ff6a33;color:#fff;border-color:#ff6a33;cursor:pointer;box-shadow:0 4px 14px #ff6a334d}.hsk-cb-terms-agree-btn.is-active:hover{background:#e55620;border-color:#e55620;transform:translateY(-1px);box-shadow:0 6px 18px #ff6a3361}.hsk-cb-terms-agree-btn.is-active:active{transform:translateY(0);box-shadow:0 2px 6px #ff6a3333}
4048
2
  /*# sourceMappingURL=styles.css.map */