@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700;900&family=Fredoka:wght@600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}.kittiai-container{font-family:Fredoka,M PLUS Rounded\ 1c,sans-serif;background:#ffe8f5;background-image:linear-gradient(135deg,rgba(255,230,244,.6),rgba(255,230,244,.6) 20%,rgba(0,206,209,.3) 0,rgba(0,206,209,.3) 50%,rgba(255,105,180,.35) 0,rgba(255,105,180,.35) 75%,rgba(255,107,107,.25) 0),repeating-linear-gradient(135deg,transparent,transparent 4px,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 8px);color:#1a1a1a;overflow-x:hidden;position:relative;min-height:100vh}.kittiai-container:after{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 4px);z-index:1;mix-blend-mode:overlay}.kittiai-container:after,.kittiai-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none}.kittiai-container:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300"><filter id="noise"><feTurbulence baseFrequency="0.9" numOctaves="4" /><feColorMatrix values="0 0 0 0 0, 0 0 0 0 0, 0 0 0 0 0, 0 0 0 0.15 0"/></filter><rect width="300" height="300" filter="url(%23noise)"/></svg>');z-index:9999;mix-blend-mode:multiply;opacity:.4}svg.filters{position:absolute;width:0;height:0}.hand-drawn{filter:url(#hand-drawn-filter)}.halftone-bg{background-image:radial-gradient(circle,#ff69b4 1.5px,transparent 0),radial-gradient(circle,#ff69b4 1.5px,transparent 0);background-size:8px 8px;background-position:0 0,4px 4px}.video-section{position:fixed;top:0;left:0;right:0;height:22vh;background:#ff69b4;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 4px);border-bottom:4px solid #1a1a1a;z-index:100;overflow:hidden;filter:url(#hand-drawn-filter)}.video-container{width:calc(100% - 12px);height:calc(100% - 12px);margin:6px;background:#ff6b6b;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 4px);display:flex;align-items:center;justify-content:center;position:relative;border:3px solid #1a1a1a;border-radius:3px 7px 5px 4px/6px 3px 8px 5px;box-shadow:3px 3px 0 rgba(0,0,0,.3),2px 4px 0 rgba(0,0,0,.2),4px 3px 0 rgba(0,0,0,.1),inset 2px 2px 0 rgba(255,255,255,.3);filter:url(#hand-drawn-filter)}.video-placeholder{font-size:1.3rem;color:#1a1a1a;font-weight:900;letter-spacing:.5px;text-align:center;line-height:1.2;font-family:M PLUS Rounded\ 1c,sans-serif;z-index:1;position:relative;text-shadow:2px 2px 0 #ff69b4,-1px -1px 0 #1a1a1a,1px -1px 0 #1a1a1a,-1px 1px 0 #1a1a1a,1px 1px 0 #1a1a1a}.japanese-title{font-size:1rem;letter-spacing:.1em;margin-top:2px;display:block}.video-controls{position:absolute;top:6px;left:6px;right:6px;display:flex;justify-content:space-between;align-items:flex-start;z-index:4}.live-badge{background:#00ced1;color:#1a1a1a;padding:4px 10px;font-weight:900;border:3px solid #1a1a1a;border-radius:12px 16px 14px 13px/15px 13px 14px 12px;text-transform:uppercase;font-size:.6rem;letter-spacing:1px;box-shadow:2px 2px 0 rgba(0,0,0,.3),2px 3px 0 rgba(0,0,0,.2),inset 1px 1px 0 rgba(255,255,255,.5);animation:badge-pulse 4s ease-in-out infinite;filter:url(#hand-drawn-filter);transform:rotate(-1.5deg)}@keyframes badge-pulse{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.05) rotate(2deg)}}.video-timer{background:#ff69b4;color:#fff;padding:4px 10px;font-weight:900;border:3px solid #1a1a1a;border-radius:15px 12px 16px 14px/13px 14px 12px 15px;font-size:.6rem;letter-spacing:1px;box-shadow:2px 2px 0 rgba(0,0,0,.3),3px 2px 0 rgba(0,0,0,.2);filter:url(#hand-drawn-filter);transform:rotate(1.8deg)}.video-bottom-info{position:absolute;bottom:6px;left:6px;right:6px;display:flex;justify-content:space-between;z-index:4}.video-quality{background:#ffe8f5;color:#1a1a1a;padding:3px 8px;border:2px solid #1a1a1a;border-radius:10px 12px 11px 10px/12px 10px 11px 10px;font-size:.5rem;font-weight:700;letter-spacing:.5px;box-shadow:2px 2px 0 rgba(0,0,0,.3);filter:url(#hand-drawn-filter)}.video-quality:first-child{transform:rotate(-.8deg)}.video-quality:last-child{transform:rotate(1.2deg)}.chat-tabs-container{position:fixed;top:22vh;left:0;right:0;background:#00ced1;background-image:repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 4px);border-bottom:3px solid #1a1a1a;overflow-x:auto;white-space:nowrap;z-index:99;padding:0;box-shadow:0 3px 0 rgba(0,0,0,.2),1px 3px 0 rgba(0,0,0,.15),-1px 4px 0 rgba(0,0,0,.1),1px 3px 0 rgba(0,0,0,.08);filter:url(#hand-drawn-filter)}.kittiai-container .chat-tabs{display:inline-flex;gap:4px;padding:4px 6px}.kittiai-container .chat-tab{padding:4px 12px;background:#ffe8f5;border:3px solid #1a1a1a;border-radius:12px 16px 14px 13px/15px 13px 14px 12px;cursor:pointer;font-weight:900;color:#1a1a1a;text-transform:uppercase;font-size:.65rem;transition:all .1s;position:relative;letter-spacing:.5px;box-shadow:2px 2px 0 rgba(0,0,0,.3),1px 3px 0 rgba(0,0,0,.2),inset 1px 1px 0 rgba(255,255,255,.5)!important;filter:url(#hand-drawn-filter);clip-path:none!important;animation:none!important;margin-right:0!important;opacity:1!important}.kittiai-container .chat-tab:first-child{border-radius:13px 15px 12px 14px/14px 12px 15px 13px;transform:rotate(-1.2deg)}.kittiai-container .chat-tab:nth-child(2){border-radius:14px 12px 15px 13px/13px 14px 12px 15px;transform:rotate(.8deg)}.kittiai-container .chat-tab:nth-child(3){border-radius:12px 14px 13px 15px/15px 13px 14px 12px;transform:rotate(-.5deg)}.kittiai-container .chat-tab:nth-child(4){border-radius:15px 13px 14px 12px/12px 15px 13px 14px;transform:rotate(1.5deg);animation:slight-shift 17s ease-in-out infinite!important}.kittiai-container .chat-tab:nth-child(5){border-radius:13px 14px 15px 12px/14px 12px 13px 15px;transform:rotate(-.7deg)}@keyframes slight-shift{0%,to{transform:translate(0) rotate(1.5deg)}47%{transform:translate(1px,.5px) rotate(1.8deg)}}.kittiai-container .chat-tab:hover{background:#ff6b6b!important;transform:translateY(-1px) rotate(.3deg)!important;box-shadow:2px 3px 0 rgba(0,0,0,.3),2px 4px 0 rgba(0,0,0,.2),inset 1px 1px 0 rgba(255,255,255,.5)!important;opacity:1!important}.kittiai-container .chat-tab.active{background:#ff69b4!important;color:#fff!important;transform:translateY(-2px) rotate(-.4deg)!important;box-shadow:3px 4px 0 rgba(0,0,0,.3),2px 5px 0 rgba(0,0,0,.2),inset 1px 1px 0 rgba(255,255,255,.3)!important}.kittiai-container .chat-tab:before{display:none!important}.chat-header{position:fixed;top:calc(22vh + 36px);left:0;right:0;background:#ff6b6b;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 3px);border-bottom:3px solid #1a1a1a;padding:6px 8px;justify-content:space-between;z-index:98;box-shadow:0 3px 0 rgba(0,0,0,.2),-1px 3px 0 rgba(0,0,0,.15),1px 4px 0 rgba(0,0,0,.1);filter:url(#hand-drawn-filter)}.chat-brand,.chat-header{display:flex;align-items:center}.chat-brand{gap:8px;font-size:.7rem}.brand-icon{width:36px;height:36px;background:#ff69b4;border:2px solid #1a1a1a;display:flex;align-items:center;justify-content:center;font-size:1.2rem;position:relative;box-shadow:2px 2px 0 rgba(0,0,0,.3),2px 3px 0 rgba(0,0,0,.2),inset 1px 1px 0 rgba(255,255,255,.3);transform:rotate(-5deg);filter:url(#hand-drawn-filter)}.brand-icon,.brand-icon:before{border-radius:48% 52% 49% 51%/51% 49% 51% 49%}.brand-icon:before{content:"";position:absolute;width:48px;height:48px;top:-6px;left:-6px;background-image:radial-gradient(circle,rgba(255,20,147,.3) 2px,transparent 0),radial-gradient(circle,rgba(255,20,147,.3) 2px,transparent 0);background-size:10px 10px;background-position:0 0,5px 5px;z-index:-1;filter:blur(2px);transform:rotate(3deg)}.brand-info{display:flex;flex-direction:column;gap:2px}.brand-info h2{font-size:1.4rem;color:#1a1a1a;text-transform:uppercase;letter-spacing:1px;font-weight:900;line-height:1;text-shadow:2px 2px 0 #ff69b4,-1px -1px 0 #1a1a1a,1px -1px 0 #1a1a1a,-1px 1px 0 #1a1a1a,1px 1px 0 #1a1a1a;transform:rotate(-.3deg)}.brand-info .japanese{font-family:M PLUS Rounded\ 1c,sans-serif;font-size:.85rem;color:#1a1a1a;letter-spacing:.08em;font-weight:700;transform:rotate(.2deg);display:inline-block}.brand-info p{font-size:.5rem;color:#1a1a1a;letter-spacing:.3px;line-height:1;font-weight:700;transform:rotate(-.1deg)}.chat-actions{display:flex;gap:4px}.action-btn{padding:4px 10px;background:#00ced1;color:#1a1a1a;border:3px solid #1a1a1a;border-radius:12px 14px 13px 12px/13px 12px 13px 12px;font-weight:900;cursor:pointer;text-transform:uppercase;font-size:.5rem;letter-spacing:.5px;transition:all .1s;box-shadow:2px 2px 0 rgba(0,0,0,.3),1px 3px 0 rgba(0,0,0,.2),inset 1px 1px 0 rgba(255,255,255,.5);font-family:Fredoka,sans-serif;filter:url(#hand-drawn-filter);transform:rotate(-.5deg)}.action-btn:active{transform:translate(2px,2px) rotate(.2deg);box-shadow:1px 1px 0 rgba(0,0,0,.3),inset 1px 1px 0 rgba(255,255,255,.5)}.action-btn.secondary{background:#ff69b4;color:#fff;border-radius:19px 17px 20px 18px/18px 20px 17px 19px;transform:rotate(.7deg)}.chat-window{position:fixed;top:calc(22vh + 36px + 48px);bottom:60px;left:0;right:0;padding:8px 6px;background:#ffe8f5;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.chat-window:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--angle-1,125deg),rgba(0,206,209,.4) 0,rgba(0,206,209,.4) var(--width-1,8%),rgba(255,182,223,.35) var(--width-1,8%),rgba(255,182,223,.35) var(--width-2,20%),transparent var(--width-2,20%)),linear-gradient(var(--angle-2,140deg),transparent 0,transparent 12%,rgba(255,107,107,.3) 12%,rgba(255,107,107,.3) var(--width-3,26%),transparent var(--width-3,26%)),linear-gradient(var(--angle-3,130deg),transparent 0,transparent 28%,rgba(0,206,209,.4) 28%,rgba(0,206,209,.4) var(--width-4,38%),rgba(255,182,223,.35) var(--width-4,38%),rgba(255,182,223,.35) var(--width-5,52%),transparent var(--width-5,52%)),linear-gradient(var(--angle-4,145deg),transparent 0,transparent 48%,rgba(255,107,107,.3) 48%,rgba(255,107,107,.3) var(--width-6,62%),transparent var(--width-6,62%)),linear-gradient(var(--angle-5,135deg),transparent 0,transparent 60%,rgba(0,206,209,.4) 60%,rgba(0,206,209,.4) var(--width-7,72%),rgba(255,182,223,.35) var(--width-7,72%),rgba(255,182,223,.35) var(--width-8,86%),transparent var(--width-8,86%)),linear-gradient(var(--angle-6,128deg),transparent 0,transparent 82%,rgba(255,107,107,.3) 82%,rgba(255,107,107,.3) 96%,transparent 96%),repeating-linear-gradient(135deg,transparent,transparent 3px,rgba(255,255,255,.2) 3px,rgba(255,255,255,.2) 6px),repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 6px);background-size:100% 200%;animation:barber-pole-scroll 60s linear infinite,band-pulse 24s ease-in-out infinite,angle-rotate 36s ease-in-out infinite}@keyframes barber-pole-scroll{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:0 100%,0 100%,0 100%,0 100%,0 100%,0 100%,0 100%,0 100%}}@keyframes band-pulse{0%,to{--width-1:8%;--width-2:20%;--width-3:26%;--width-4:38%;--width-5:52%;--width-6:62%;--width-7:72%;--width-8:86%}50%{--width-1:12%;--width-2:26%;--width-3:32%;--width-4:44%;--width-5:58%;--width-6:68%;--width-7:78%;--width-8:92%}}@keyframes angle-rotate{0%,to{--angle-1:125deg;--angle-2:140deg;--angle-3:130deg;--angle-4:145deg;--angle-5:135deg;--angle-6:128deg}33%{--angle-1:135deg;--angle-2:128deg;--angle-3:145deg;--angle-4:130deg;--angle-5:125deg;--angle-6:140deg}66%{--angle-1:130deg;--angle-2:135deg;--angle-3:125deg;--angle-4:140deg;--angle-5:145deg;--angle-6:128deg}}.message{position:relative;z-index:1;margin-bottom:10px;display:flex;gap:6px;align-items:flex-start}.message.user{flex-direction:row-reverse}.message-avatar{width:28px;height:28px;border-radius:48% 52% 49% 51%/51% 49% 51% 49%;background:#ff69b4;border:3px solid #1a1a1a;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;position:relative;box-shadow:2px 2px 0 rgba(0,0,0,.3),1px 3px 0 rgba(0,0,0,.2),inset 1px 1px 0 rgba(255,255,255,.3);transform:rotate(-8deg);filter:url(#hand-drawn-filter)}.message.user .message-avatar{background:#00ced1;transform:rotate(8deg);border-radius:51% 49% 52% 48%/49% 51% 49% 51%}.message-bubble{max-width:75%;padding:8px 12px;background:#fff;color:#1a1a1a;border:3px solid #1a1a1a;border-radius:14px 18px 16px 15px/17px 15px 16px 14px;position:relative;box-shadow:3px 3px 0 rgba(0,0,0,.25),2px 4px 0 rgba(0,0,0,.15),inset 1px 1px 0 rgba(255,255,255,.5);line-height:1.4;font-size:.85rem;font-weight:600;filter:url(#hand-drawn-filter)}.message:first-child .message-bubble{border-radius:15px 17px 14px 16px/16px 14px 17px 15px;transform:rotate(-.5deg)}.message:nth-child(2) .message-bubble{border-radius:16px 14px 17px 15px/15px 17px 14px 16px;transform:rotate(.3deg)}.message:nth-child(3) .message-bubble{border-radius:14px 16px 15px 17px/17px 15px 16px 14px;transform:rotate(-.7deg)}.message:nth-child(4) .message-bubble{border-radius:17px 15px 16px 14px/14px 16px 15px 17px;transform:rotate(.6deg)}.message:nth-child(5) .message-bubble{border-radius:15px 16px 17px 14px/16px 14px 15px 17px;transform:rotate(-.4deg)}.message:nth-child(odd) .message-bubble:before{background-image:radial-gradient(circle,rgba(255,20,147,.15) 2px,transparent 0),radial-gradient(circle,rgba(255,20,147,.15) 2px,transparent 0);border-radius:18px 22px 20px 19px/21px 19px 20px 18px;transform:rotate(.5deg)}.message:nth-child(2n) .message-bubble:before,.message:nth-child(odd) .message-bubble:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;background-size:10px 10px;background-position:0 0,5px 5px;z-index:-1}.message:nth-child(2n) .message-bubble:before{background-image:radial-gradient(circle,rgba(0,212,255,.15) 2px,transparent 0),radial-gradient(circle,rgba(0,212,255,.15) 2px,transparent 0);border-radius:20px 18px 22px 19px/19px 21px 18px 20px;transform:rotate(-.3deg)}.message:nth-child(13) .message-bubble{animation:registration-shift 18s ease-in-out infinite}@keyframes registration-shift{0%,to{transform:translate(0) rotate(-.4deg)}47%{transform:translate(1px,.5px) rotate(.2deg);border-color:rgba(255,20,147,.8);box-shadow:4px 4px 0 rgba(0,212,255,.3),6px 6px 0 rgba(0,0,0,.25)}}.message.user .message-bubble{background:#ff6b6b}.message-time{font-size:.45rem;color:rgba(26,26,26,.6);margin-top:2px;text-align:right;letter-spacing:.3px;font-weight:700}.message:nth-child(5n):after{content:"⭐";position:absolute;right:-15px;top:-5px;font-size:1.2rem;transform:rotate(15deg);filter:drop-shadow(2px 2px 0 rgba(0,0,0,.2));animation:star-float 8s ease-in-out infinite}@keyframes star-float{0%,to{transform:rotate(15deg) translateY(0)}50%{transform:rotate(18deg) translateY(-3px)}}.message:nth-child(7n):after{content:"💖";position:absolute;left:-15px;bottom:-5px;font-size:1.2rem;transform:rotate(-15deg);filter:drop-shadow(2px 2px 0 rgba(0,0,0,.2));animation:heart-beat 6s ease-in-out infinite}@keyframes heart-beat{0%,to{transform:rotate(-15deg) scale(1)}50%{transform:rotate(-12deg) scale(1.1)}}.chat-footer{background:#ff69b4;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 4px);border-top:4px solid #1a1a1a;padding:6px 8px;z-index:100;box-shadow:0 -3px 0 rgba(0,0,0,.2),1px -3px 0 rgba(0,0,0,.15),-1px -4px 0 rgba(0,0,0,.1)}.chat-footer,.emoji-btn{filter:url(#hand-drawn-filter)}.emoji-btn{width:32px;height:32px;background:#ff6b6b;border:3px solid #1a1a1a;border-radius:48% 52% 49% 51%/51% 49% 51% 49%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .1s;flex-shrink:0;box-shadow:2px 2px 0 rgba(0,0,0,.3),1px 3px 0 rgba(0,0,0,.2),inset 1px 1px 0 rgba(255,255,255,.5);transform:rotate(-2deg)}.emoji-btn:active{transform:translate(2px,2px) rotate(1deg);box-shadow:1px 1px 0 rgba(0,0,0,.3),inset 2px 2px 0 rgba(255,255,255,.5)}.text-input-container{flex:1;position:relative;min-width:0}.text-input{width:100%;padding:8px 12px;background:#fff;border:3px solid #1a1a1a;border-radius:14px 18px 16px 15px/17px 15px 16px 14px;color:#1a1a1a;font-family:Fredoka,sans-serif;font-size:14px;font-weight:600;outline:none;box-shadow:inset 2px 2px 0 rgba(0,0,0,.1),inset -1px -1px 0 rgba(255,255,255,.5);filter:url(#hand-drawn-filter);transform:rotate(.2deg)}.text-input::placeholder{color:rgba(26,26,26,.5)}.text-input:focus{background:#ffe8f5;border-color:#00ced1;transform:rotate(-.1deg)}.send-btn{width:44px;height:44px;background:#00ced1;border:4px solid #1a1a1a;border-radius:51% 49% 52% 48%/49% 51% 49% 51%;cursor:pointer;font-size:1.2rem;transition:all .1s;color:#1a1a1a;font-weight:900;box-shadow:3px 3px 0 rgba(0,0,0,.3),4px 2px 0 rgba(0,0,0,.2),inset 2px 2px 0 rgba(255,255,255,.5);filter:url(#hand-drawn-filter);transform:rotate(3deg)}.send-btn:active{transform:translate(2px,2px) rotate(-1deg);box-shadow:1px 1px 0 rgba(0,0,0,.3),inset 2px 2px 0 rgba(255,255,255,.5)}.qr-btn{width:44px;height:44px;background:#ff6b6b;border:4px solid #1a1a1a;border-radius:49% 51% 48% 52%/52% 48% 51% 49%;cursor:pointer;font-size:1.2rem;transition:all .1s;color:#1a1a1a;font-weight:900;box-shadow:3px 3px 0 rgba(0,0,0,.3),2px 4px 0 rgba(0,0,0,.2),inset 2px 2px 0 rgba(255,255,255,.5);filter:url(#hand-drawn-filter);transform:rotate(-4deg)}.qr-btn:active{transform:translate(2px,2px) rotate(2deg);box-shadow:1px 1px 0 rgba(0,0,0,.3),inset 2px 2px 0 rgba(255,255,255,.5)}.chat-window::-webkit-scrollbar{width:8px}.chat-window::-webkit-scrollbar-track{background:#ffe8f5;border-left:2px solid #1a1a1a}.chat-window::-webkit-scrollbar-thumb{background:#ff69b4;border:2px solid #1a1a1a;border-radius:6px 8px 7px 9px/9px 7px 8px 6px}.chat-tabs-container::-webkit-scrollbar{height:4px}.chat-tabs-container::-webkit-scrollbar-track{background:#00ced1}.chat-tabs-container::-webkit-scrollbar-thumb{background:#ff69b4;border:2px solid #1a1a1a;border-radius:2px 3px 2px 4px/4px 2px 3px 2px}