@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.border{border-style:var(--tw-border-style);border-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0a0a0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.animate-pulse{animation:1.5s ease-in-out infinite pulse}.animate-bounce{animation:2s ease-in-out infinite bounce}.animate-spin{animation:1s linear infinite spin}.screen-layout{background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0a0a0f);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.menu-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:28px;width:100%;max-width:400px;padding:40px 30px}.gradient-title{-webkit-text-fill-color:transparent;letter-spacing:-1px;background:linear-gradient(135deg,#f1c40f,#e74c3c);-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:3rem;font-weight:900}.input-field{color:#fff;text-align:center;background:#0006;border:2px solid #ffffff1a;border-radius:14px;outline:none;width:100%;margin:8px 0;padding:16px 20px;font-size:1rem;transition:all .3s}.input-field:focus{background:#0009;border-color:#f1c40f}.input-field::placeholder{color:#ffffff4d}.btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;margin:10px 0;padding:18px 24px;font-size:1.05rem;font-weight:700;transition:all .2s;display:flex}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 4px 20px #27ae604d}.btn-secondary{color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 20px #3498db4d}.btn-ghost{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff1a}.btn-danger{color:#fff;background:linear-gradient(135deg,#e74c3c,#c0392b)}.btn:disabled{opacity:.5;cursor:not-allowed}.game-wrapper{background:linear-gradient(#0d0d15,#1a1a2e,#0d0d15);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.game-board{flex-direction:column;flex:1;width:100%;max-width:480px;margin:0 auto;padding:15px;display:flex;position:relative}.player-section{flex-direction:column;align-items:center;padding:12px 0;display:flex}.player-label{text-transform:uppercase;letter-spacing:3px;color:#ffffff80;margin-bottom:12px;font-size:11px;font-weight:700}.hand-row{-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;width:100%;min-height:75px;padding:5px 10px;display:flex;overflow-x:auto}.hand-row::-webkit-scrollbar{display:none}.card-count-badge{color:#ffffff4d;margin-top:8px;font-size:10px;font-weight:600}.center-section{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 0;display:flex}.piles-row{justify-content:center;align-items:center;gap:35px;display:flex}.deck-card{cursor:pointer;background:linear-gradient(145deg,#1a1a2e,#2d2d44);border:2px solid #f1c40f66;border-radius:12px;justify-content:center;align-items:center;width:72px;height:100px;transition:all .2s;display:flex;box-shadow:0 8px 25px #0006}.deck-card:active{transform:scale(.95)}.deck-card.disabled{opacity:.4;cursor:not-allowed}.deck-card span{color:#f1c40f;letter-spacing:2px;font-size:9px;font-weight:900}.status-display{text-transform:uppercase;letter-spacing:1px;text-align:center;border-radius:50px;margin-top:25px;padding:14px 28px;font-size:14px;font-weight:800}.status-display.your-turn{color:#f1c40f;background:#f1c40f26;border:1px solid #f1c40f4d}.status-display.waiting{color:#fff6;background:#ffffff0d}.status-display.verify{color:#2ecc71;background:#27ae6026;border:1px solid #27ae604d}.status-display.proof{color:#e74c3c;background:#e74c3c26;border:1px solid #e74c3c4d}.status-display.color-pick{color:#9b59b6;background:#9b59b626;border:1px solid #9b59b64d}.game-card{cursor:pointer;border:2px solid #ffffffe6;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.game-card:not(.disabled):hover{z-index:100;transform:translateY(-8px)}.game-card:not(.disabled):active{transform:scale(.95)}.game-card.disabled{cursor:default}.game-card.size-sm{width:50px;height:70px}.game-card.size-md{width:72px;height:100px}.game-card.size-lg{width:200px;height:280px}.game-card.color-joy{color:#1a1a2e;background:linear-gradient(145deg,#f1c40f,#f39c12)}.game-card.color-passion{color:#fff;background:linear-gradient(145deg,#e74c3c,#c0392b)}.game-card.color-care{color:#fff;background:linear-gradient(145deg,#3498db,#2980b9)}.game-card.color-growth{color:#fff;background:linear-gradient(145deg,#27ae60,#1e8449)}.game-card.color-wild{color:#fff;background:linear-gradient(145deg,#2c3e50,#1a252f);border-color:#9b59b6}.card-value{background:#00000026;border-radius:50%;justify-content:center;align-items:center;margin-top:4px;font-weight:900;display:flex}.size-sm .card-value{width:16px;height:16px;font-size:8px}.size-md .card-value{width:22px;height:22px;font-size:10px}.size-lg .card-value{width:45px;height:45px;font-size:18px}.card-title{text-transform:uppercase;text-align:center;font-weight:800;line-height:1.1}.size-sm .card-title{margin:2px;font-size:5px}.size-md .card-title{margin:3px;font-size:7px}.size-lg .card-title{margin:8px;font-size:16px}.card-text{text-align:center;flex:1;align-items:center;padding:0 3px;line-height:1.2;display:flex}.size-sm .card-text{font-size:4px}.size-md .card-text{font-size:5px}.size-lg .card-text{padding:0 15px;font-size:11px}.card-back{background:linear-gradient(145deg,#1a1a2e,#2d2d44);border:1px solid #ffffff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-back.size-sm{width:45px;height:63px}.card-back.size-md{width:60px;height:84px}.card-back span{color:#f1c40f99;letter-spacing:1px;font-size:6px;font-weight:800}.chat-toggle-btn{cursor:pointer;z-index:500;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:26px;transition:transform .2s;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 6px 25px #3498db66}.chat-toggle-btn:active{transform:scale(.92)}.exit-btn{color:#fff9;cursor:pointer;z-index:100;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.exit-btn:hover{color:#e74c3c;background:#e74c3c33;border-color:#e74c3c66}.waiting-dots{justify-content:center;gap:8px;margin:25px 0;display:flex}.waiting-dot{background:#f1c40f;border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite pulse}.waiting-dot:nth-child(2){animation-delay:.2s}.waiting-dot:nth-child(3){animation-delay:.4s}.code-display{color:#f1c40f;letter-spacing:8px;text-shadow:0 0 30px #f1c40f4d;margin:20px 0;font-family:SF Mono,Fira Code,monospace;font-size:3.5rem;font-weight:900}.error-text{color:#e74c3c;margin:8px 0;font-size:13px}.color-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.color-btn{cursor:pointer;color:#fff;border:none;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;font-size:16px;font-weight:800;transition:transform .2s;display:flex}.color-btn:active{transform:scale(.95)}.color-btn.passion{background:linear-gradient(145deg,#e74c3c,#c0392b)}.color-btn.care{background:linear-gradient(145deg,#3498db,#2980b9)}.color-btn.growth{background:linear-gradient(145deg,#27ae60,#1e8449)}.color-btn.joy{color:#1a1a2e;background:linear-gradient(145deg,#f1c40f,#f39c12)}.color-btn-emoji{font-size:28px}@media(max-width:380px){.game-card.size-md{width:62px;height:86px}.card-back.size-sm{width:38px;height:53px}}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:linear-gradient(165deg,#1e1e32,#252542,#1a1a2e);border:2px solid #ffffff1a;border-radius:28px;width:100%;max-width:340px;padding:32px 28px;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalPop;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 20px 50px #0009,0 0 100px #f1c40f1a}.modal-box:before{content:"";background:linear-gradient(90deg,#0000,#f1c40f80,#0000);height:1px;position:absolute;top:0;left:0;right:0}@keyframes modalPop{0%{opacity:0;transform:scale(.8)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close-x{color:#fff9;cursor:pointer;z-index:10;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close-x:hover{color:#e74c3c;background:#e74c3c33;border-color:#e74c3c66}.modal-card-container{justify-content:center;padding:20px 0 30px;display:flex;position:relative}.modal-card-glow{filter:blur(60px);opacity:.4;z-index:0;border-radius:50%;width:150px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-card-glow.joy{background:#f1c40f}.modal-card-glow.passion{background:#e74c3c}.modal-card-glow.care{background:#3498db}.modal-card-glow.growth{background:#27ae60}.modal-card-glow.wild{background:#9b59b6}.modal-actions{flex-direction:column;gap:12px;margin-top:10px;display:flex}.modal-play-btn{cursor:pointer;color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:18px 24px;font-size:1.1rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 20px #27ae6066,inset 0 1px #fff3}.modal-play-btn:active{transform:scale(.97)}.modal-play-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-play-btn.loading{background:linear-gradient(135deg,#7f8c8d,#95a5a6);box-shadow:0 4px 20px #7f8c8d4d}.modal-close-btn{cursor:pointer;color:#ffffffb3;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.modal-close-btn:active{background:#ffffff14;transform:scale(.97)}.modal-discard-label{text-align:center;color:#f1c40f;text-transform:uppercase;letter-spacing:2px;background:#f1c40f1a;border:1px solid #f1c40f33;border-radius:12px;margin-bottom:10px;padding:12px 20px;font-size:13px;font-weight:600}.modal-turn-info{text-align:center;color:#fff6;margin-bottom:10px;padding:10px;font-size:12px}.color-picker-modal{text-align:center}.color-picker-title{margin-bottom:8px;font-size:28px}.color-picker-subtitle{color:#ffffff80;margin-bottom:28px;font-size:14px}.color-picker-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.color-pick-btn{cursor:pointer;color:#fff;border:3px solid #0000;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 15px #0000004d}.color-pick-btn:active{transform:scale(.95)}.color-pick-btn:hover{border-color:#ffffff80;transform:translateY(-2px)}.color-pick-btn.passion{background:linear-gradient(145deg,#e74c3c,#c0392b);box-shadow:0 4px 20px #e74c3c66}.color-pick-btn.care{background:linear-gradient(145deg,#3498db,#2980b9);box-shadow:0 4px 20px #3498db66}.color-pick-btn.growth{background:linear-gradient(145deg,#27ae60,#1e8449);box-shadow:0 4px 20px #27ae6066}.color-pick-btn.joy{color:#1a1a2e;background:linear-gradient(145deg,#f1c40f,#f39c12);box-shadow:0 4px 20px #f1c40f66}.color-pick-emoji{font-size:32px}.color-picker-loading{flex-direction:column;align-items:center;gap:15px;padding:50px;display:flex}.color-picker-loading-icon{font-size:48px;animation:1s linear infinite spin}.color-picker-loading-text{color:#ffffff80;font-size:14px}.chat-overlay{z-index:800;background:#0009;animation:.2s fadeIn;position:fixed;inset:0}.chat-window{z-index:900;background:linear-gradient(#1a1a2e,#0d0d15);border-top-left-radius:28px;border-top-right-radius:28px;flex-direction:column;height:70vh;max-height:500px;animation:.3s slideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #00000080}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.chat-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.chat-header h3{color:#fff;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.chat-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.chat-close-btn:active{color:#e74c3c;background:#e74c3c4d}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.chat-empty{text-align:center;color:#ffffff4d;margin-top:60px;font-size:14px}.chat-bubble{word-wrap:break-word;border-radius:18px;max-width:80%;padding:12px 16px;font-size:14px;line-height:1.4}.chat-bubble.sent{color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);border-bottom-right-radius:6px;align-self:flex-end}.chat-bubble.received{color:#fff;background:#ffffff1a;border-bottom-left-radius:6px;align-self:flex-start}.chat-input-row{background:#0000004d;border-top:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:10px;padding:16px 20px;display:flex}.chat-attach-btn{cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .2s;display:flex}.chat-attach-btn:active{background:#fff3;transform:scale(.95)}.chat-attach-btn:disabled{opacity:.5}.chat-input{color:#fff;background:#0006;border:2px solid #ffffff1a;border-radius:24px;outline:none;flex:1;padding:14px 18px;font-size:15px;transition:all .2s}.chat-input:focus{background:#0009;border-color:#3498db}.chat-input::placeholder{color:#ffffff4d}.chat-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .2s;display:flex;box-shadow:0 4px 15px #3498db66}.chat-send-btn:active{transform:scale(.95)}.color-pick-btn.selected{border-color:#fff;transform:scale(.95)}.color-pick-btn:disabled{opacity:.6;cursor:not-allowed}.color-pick-btn:disabled:not(.selected){opacity:.4}.chat-bubble.media{max-width:85%;padding:8px}.chat-media-container{border-radius:12px;position:relative;overflow:hidden}.chat-video{background:#000;border-radius:10px;width:100%;max-width:280px;display:block}.chat-image{cursor:pointer;border-radius:10px;width:100%;max-width:280px;transition:transform .2s;display:block}.chat-image:active{transform:scale(.98)}.chat-media-label{color:#fff9;align-items:center;gap:6px;margin-top:6px;padding:0 4px;font-size:11px;display:flex}.chat-audio-container{align-items:center;gap:12px;min-width:220px;padding:8px 4px;display:flex}.chat-audio-icon{background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.chat-audio-content{flex:1;min-width:0}.chat-audio-label{color:#ffffffe6;margin-bottom:6px;font-size:12px;font-weight:600}.chat-audio{border-radius:18px;width:100%;height:36px}.chat-audio::-webkit-media-controls-panel{background:#ffffff1a;border-radius:18px}.chat-audio::-webkit-media-controls-play-button{background-color:#fffc;border-radius:50%}.chat-audio::-webkit-media-controls-current-time-display{color:#fff;font-size:11px}.chat-audio::-webkit-media-controls-time-remaining-display{color:#fff;font-size:11px}.chat-bubble.uploading{border:1px dashed #ffffff4d;background:#ffffff1a!important}.chat-upload-progress{color:#ffffffb3;align-items:center;gap:10px;padding:8px 4px;font-size:13px;display:flex}.chat-upload-icon{font-size:20px}.chat-upload-spinner{border:2px solid #fff3;border-top-color:#3498db;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.chat-bubble.received.media{background:#ffffff14}.chat-bubble.received .chat-audio-icon{background:#ffffff1a}.chat-bubble.sent.media{background:linear-gradient(135deg,#2980b9,#1a5276)}.chat-bubble.sent .chat-audio-icon{background:#fff3}.image-preview-overlay{z-index:10000;cursor:zoom-out;background:#000000f2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-preview-overlay img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.rules-screen{z-index:1000;background:#0a0a0f;flex-direction:column;display:flex;position:fixed;inset:0}.rules-header{padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(10px);z-index:10;background:#0a0a0ff2;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:sticky;top:0;left:0;right:0}.rules-header h1{color:#fff;margin:0;font-size:18px;font-weight:700}.rules-back-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .2s;display:flex;position:absolute;left:20px}.rules-back-btn:active{background:#fff3}.rules-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;padding:20px 20px 120px;overflow:hidden auto}.rules-container{width:100%;max-width:500px;margin:0 auto}.rules-section{background:#ffffff08;border-left:4px solid;border-radius:20px;margin-bottom:16px;padding:20px}.rules-section h3{margin:0 0 12px;font-size:18px;font-weight:700}.rules-section p{color:#ffffffb3;white-space:pre-line;margin:0;font-size:14px;line-height:1.7}.rules-image-wrapper{background:#0000004d;border-radius:12px;margin-bottom:16px;overflow:hidden}.rules-image{object-fit:cover;width:100%;height:auto;display:block}.rules-footer{padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:10;background:linear-gradient(#0000,#0a0a0ff2 30%,#0a0a0f);position:fixed;bottom:0;left:0;right:0}.rules-footer .rules-container{padding:0}.rules-content::-webkit-scrollbar{width:6px}.rules-content::-webkit-scrollbar-track{background:0 0}.rules-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.rules-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}html{padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left)}html,body{overscroll-behavior:none}*{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:auto;user-select:auto}.install-btn.installed{color:#27ae60;cursor:default;background:#27ae601a;border-color:#27ae6066}.ios-install-overlay{-webkit-backdrop-filter:blur(10px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.ios-install-modal{background:linear-gradient(165deg,#1e1e32,#252542,#1a1a2e);border:2px solid #ffffff1a;border-radius:28px;width:100%;max-width:360px;max-height:90vh;padding:28px 24px;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalPop;position:relative;overflow-y:auto}.ios-install-close{color:#fff9;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;position:absolute;top:16px;right:16px}.ios-install-close:active{background:#fff3}.ios-install-content{text-align:center}.ios-install-icon{margin-bottom:16px;font-size:56px}.ios-install-content h2{color:#fff;margin:0 0 8px;font-size:24px;font-weight:800}.ios-install-subtitle{color:#ffffff80;margin:0 0 28px;font-size:14px;line-height:1.5}.ios-install-steps{text-align:left;margin-bottom:24px}.ios-install-step{border-bottom:1px solid #ffffff0f;align-items:flex-start;gap:14px;padding:14px 0;display:flex}.ios-install-step:last-child{border-bottom:none}.ios-step-number{color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.ios-step-content{color:#fffc;flex:1;align-items:center;gap:10px;font-size:14px;line-height:1.5;display:flex}.ios-step-content strong{color:#fff}.ios-step-icon{color:#3498db;justify-content:center;align-items:center;width:24px;font-size:18px;display:flex}.ios-install-note{color:#f1c40f;background:#f1c40f1a;border:1px solid #f1c40f33;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.subtitle{color:#ffffff80;margin-bottom:30px;font-size:14px}.version-text{color:#fff3;margin-top:30px;font-size:12px}.install-btn{color:#f1c40f;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f1c40f1a;border:2px dashed #f1c40f80;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;margin:10px 0;padding:16px 24px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.install-btn:active{background:#f1c40f33;transform:scale(.98)}.install-btn-icon{font-size:20px}.installed-badge{color:#27ae60;background:#27ae6026;border:1px solid #27ae604d;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:10px 0;padding:12px 20px;font-size:14px;font-weight:600;display:flex}.ios-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.ios-modal{text-align:center;background:linear-gradient(165deg,#1e1e32,#252542,#1a1a2e);border:2px solid #ffffff1a;border-radius:28px;width:100%;max-width:340px;padding:32px 24px;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalPop;position:relative}.ios-modal-close{color:#fff9;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;position:absolute;top:16px;right:16px}.ios-modal-close:active{background:#fff3}.ios-modal-icon{margin-bottom:12px;font-size:56px}.ios-modal h2{color:#fff;margin:0 0 8px;font-size:24px;font-weight:800}.ios-modal-subtitle{color:#ffffff80;margin:0 0 28px;font-size:14px;line-height:1.4}.ios-steps{text-align:left;margin-bottom:20px}.ios-step{border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:14px 0;display:flex}.ios-step:last-child{border-bottom:none}.ios-step-num{color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.ios-step-text{color:#fffc;align-items:center;gap:8px;font-size:14px;line-height:1.4;display:flex}.ios-step-text strong{color:#fff}.ios-step-icon{color:#3498db;align-items:center;font-size:18px;display:flex}.ios-step-icon svg{fill:#3498db}.ios-note{color:#f1c40f;background:#f1c40f1a;border:1px solid #f1c40f33;border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:13px}.ios-note strong{color:#f1c40f}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}