@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@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;--spacing:.25rem;--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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.place-items-center{place-items:center}.overflow-hidden{overflow:hidden}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.cube-side-face{border:2px solid #fff6;background:#00b8d4!important;border-top:none!important;border-radius:16px!important;box-shadow:inset 0 50px 80px #ffffff80,inset 0 -50px 80px #00326480,inset -30px 0 50px #fff3,inset 30px 0 50px #0032644d,0 20px 40px #000c!important}.retro-gloss-theme .face-title{letter-spacing:1px;background:linear-gradient(90deg,#f05,#fa0,#5f0,#0ff,#05f,#f0f);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 2px #00000080)drop-shadow(0 0 4px #ffffff80);-webkit-background-clip:text;margin-bottom:1.5rem;padding-top:.5rem;font-family:"Press Start 2P",cursive;font-size:1.2rem;line-height:1.5}.retro-gloss-theme .face-title svg{stroke:url(#rainbow-gradient);filter:drop-shadow(0 2px 2px #00000080);stroke-width:2.5px;width:28px;height:28px;margin-right:.5rem;display:inline-block}.retro-gloss-theme .mode-toggle{background:#0000004d;border-radius:20px;padding:4px;display:flex;box-shadow:inset 0 5px 15px #0009,0 2px 5px #fff3;margin-bottom:1rem!important}.retro-gloss-theme .mode-btn{color:#fffc;box-shadow:none;text-shadow:0 1px 2px #00000080;background:0 0;border-radius:16px;font-size:.85rem;font-weight:700;transition:all .3s}.retro-gloss-theme .mode-btn.active{color:#000;text-shadow:0 1px 1px #fffc;background:linear-gradient(90deg,#5f0,#fa0,#f05,#f0f) 0 0/200% 200%;animation:3s linear infinite rainbowLiquid;box-shadow:inset 0 10px 12px #ffffffb3,inset 0 -5px 8px #0006,0 0 20px #ffffff80}@keyframes rainbowLiquid{0%{background-position:0%}to{background-position:100%}}.retro-gloss-theme .sort-btns{gap:8px;display:flex}.retro-gloss-theme .sort-btns .cs-btn-sm{border:1px solid #fff6;border-radius:12px;padding:.5rem .8rem;font-size:.8rem;font-weight:700;transition:all .2s;box-shadow:inset 0 10px 10px #fff9,inset 0 -5px 8px #0000004d,0 5px 10px #0006}.retro-gloss-theme .sort-btns button:first-child{color:#111;text-shadow:0 1px 1px #fff9;background:#5f0}.retro-gloss-theme .sort-btns button:nth-child(2){color:#fff;text-shadow:0 1px 2px #00000080;background:#08f}.retro-gloss-theme .sort-btns button:nth-child(3){color:#fff;text-shadow:0 1px 2px #00000080;background:#f0a}.retro-gloss-theme .sort-btns .cs-btn-sm:active,.retro-gloss-theme .sort-btns .cs-btn-sm.active{transform:translateY(3px)scale(.95);box-shadow:inset 0 5px 8px #0006,inset 0 -2px 5px #ffffff4d,0 2px 4px #0003}.retro-gloss-theme .gallery-empty{background:#00000026;border-radius:20px;margin-top:1.5rem;padding:3rem 2rem;box-shadow:inset 0 15px 25px #0006,inset 0 -5px 10px #fff3,0 2px 5px #fff3}.retro-gloss-theme .gallery-empty svg{color:#fc0;filter:drop-shadow(0 5px 5px #00000080)drop-shadow(0 -2px 5px #ffffff80);stroke-width:2px;margin-bottom:1rem}.retro-gloss-theme .gallery-empty p{color:#fff;text-shadow:0 2px 4px #0009;font-size:1.1rem;font-weight:700}.retro-gloss-theme .gallery-empty p.cs-muted{color:#fffc;margin-top:.5rem;font-size:.9rem;font-weight:500}.retro-gloss-theme .cs-muted{color:#ffffffe6;text-shadow:0 2px 3px #0006;font-weight:700}:root{--cs-glass:#ffffff12;--cs-glass-border:#ffffff21;--cs-glass-hover:#ffffff1f;--cs-text:#f5f0eb;--cs-text-muted:#a09890;--cs-coral:#ff6b35;--cs-cyan:#00b4d8;--cs-gold:#e9c46a;--cs-mint:#06d6a0;--cs-rose:#ef476f;--cs-radius:14px;--cs-radius-sm:8px;--cube-scale:1}.page-container{background-color:#fff;border-radius:1rem;width:100%;max-width:28rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a}@media (width<=640px){.page-container{max-width:90%;padding:1.5rem}}.min-h-screen{-webkit-user-select:none;user-select:none}.dynamic-cube{--cube-w:min(92vw, 520px);--cube-h:min(88vh, 720px);--cube-d:min(46vw, 260px)}@media (width>=1024px){.dynamic-cube{--cube-w:min(90vw, 960px);--cube-h:min(80vh, 600px);--cube-d:calc(var(--cube-w) / 2)}}@keyframes slideRight{0%{opacity:1;left:100%}to{opacity:0;left:-100%}}@keyframes blink{0%,24.9%{opacity:0}25%,49.9%{opacity:.7}50%,74.9%{opacity:0}75%,99.9%{opacity:.7}to{opacity:0}}.cube-side-face{-webkit-backdrop-filter:blur(16px);border-radius:8px;background:#000000eb!important}.cube-face-front{border-top:3px solid var(--cs-coral);box-shadow:inset 0 80px 80px -60px #ff6b3526,inset 0 -40px 40px -20px #000c,inset 0 0 20px #000000e6,0 20px 40px #000000b3!important}.cube-face-back{border-top:3px solid var(--cs-cyan);box-shadow:inset 0 80px 80px -60px #00b4d826,inset 0 -40px 40px -20px #000c,inset 0 0 20px #000000e6,0 20px 40px #000000b3!important}.cube-face-left{border-top:3px solid var(--cs-gold);box-shadow:inset 0 80px 80px -60px #e9c46a26,inset 0 -40px 40px -20px #000c,inset 0 0 20px #000000e6,0 20px 40px #000000b3!important}.cube-face-right{border-top:3px solid var(--cs-mint);box-shadow:inset 0 80px 80px -60px #06d6a026,inset 0 -40px 40px -20px #000c,inset 0 0 20px #000000e6,0 20px 40px #000000b3!important}.face-content{width:100%;height:100%;color:var(--cs-text);flex-direction:column;font-family:Space Grotesk,system-ui,sans-serif;display:flex}.glass-theme{-webkit-backdrop-filter:blur(10px);background:#ffffff14}.face-scroll{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;padding:1.25rem;overflow:hidden auto}.face-scroll::-webkit-scrollbar{width:5px}.face-scroll::-webkit-scrollbar-track{background:0 0}.face-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.face-title{letter-spacing:-.02em;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.3rem;font-weight:700;display:flex}.accent-text{color:var(--cs-gold)}.cs-muted{color:var(--cs-text-muted);font-size:.8rem}.cs-label{color:var(--cs-text-muted);margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.cs-btn{border-radius:var(--cs-radius-sm);border:1px solid var(--cs-glass-border);cursor:pointer;background:var(--cs-glass);color:var(--cs-text);align-items:center;gap:.4rem;padding:.55rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.cs-btn:active{transform:scale(.97)}.cs-btn:disabled{opacity:.4;cursor:not-allowed}.cs-btn-primary{background:var(--cs-coral);border-color:var(--cs-coral);color:#fff}.cs-btn-primary:hover:not(:disabled){background:#e85a28}.cs-btn-ghost{background:0 0;border-color:#0000}.cs-btn-ghost:hover{background:var(--cs-glass)}.cs-btn-ghost.active{background:var(--cs-glass-hover);border-color:var(--cs-glass-border)}.cs-btn-sm{padding:.3rem .6rem;font-size:.75rem}.cs-btn-accept{background:var(--cs-mint);border-color:var(--cs-mint);color:#111}.cs-btn-reject,.cs-btn-danger{background:var(--cs-rose);border-color:var(--cs-rose);color:#fff}.cs-btn-danger:hover{background:#d63a5c}.cs-input,.cs-textarea{border-radius:var(--cs-radius-sm);border:1px solid var(--cs-glass-border);width:100%;color:var(--cs-text);box-sizing:border-box;background:#00000040;padding:.6rem .75rem;font-family:inherit;font-size:.85rem;transition:border-color .2s}.cs-input:focus,.cs-textarea:focus{border-color:var(--cs-coral);outline:none}.cs-textarea{resize:vertical;min-height:60px}.locked-overlay{-webkit-backdrop-filter:blur(16px);z-index:5;pointer-events:none;background:#00000059;justify-content:center;align-items:center;transition:opacity .6s,-webkit-backdrop-filter .6s,backdrop-filter .6s;display:flex;position:absolute;inset:0}.locked-overlay.unlocked{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();pointer-events:none}.locked-content{color:#fff9;flex-direction:column;align-items:center;gap:.75rem;display:flex;position:relative}.lock-icon{opacity:.7;animation:2.5s ease-in-out infinite lockBreathe}@keyframes lockBreathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}.lock-label{letter-spacing:.06em;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:600}.lock-shimmer{background:linear-gradient(105deg,#0000 40%,#ffffff0a 50%,#0000 60%);animation:3s infinite shimmer;position:absolute;inset:-40px}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dash-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.dash-greeting{align-items:center;gap:.75rem;display:flex}.dash-wave{font-size:1.8rem;animation:2s ease-in-out infinite wave;display:inline-block}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(15deg)}}.dash-title{letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:700}.dash-subtitle{color:var(--cs-text-muted);margin:.15rem 0 0;font-size:.78rem}.dash-cards{flex-direction:column;gap:.65rem;margin-bottom:1.25rem;display:flex}.dash-card{background:var(--cs-glass);border:1px solid var(--cs-glass-border);border-radius:var(--cs-radius);cursor:default;align-items:center;gap:.85rem;padding:.85rem 1rem;transition:background .2s,transform .15s;display:flex}.dash-card:hover{background:var(--cs-glass-hover);transform:translate(4px)}.dash-card[data-accent=coral] .dash-card-icon{color:var(--cs-coral)}.dash-card[data-accent=cyan] .dash-card-icon{color:var(--cs-cyan)}.dash-card[data-accent=gold] .dash-card-icon{color:var(--cs-gold)}.dash-card-icon{flex-shrink:0}.dash-card-body{flex-direction:column;display:flex}.dash-card-label{font-size:.95rem;font-weight:600}.dash-card-hint{color:var(--cs-text-muted);font-size:.72rem}.dash-hint-section{background:var(--cs-glass);border-radius:var(--cs-radius-sm);border:1px solid var(--cs-glass-border);gap:.6rem;padding:.75rem;display:flex}.dash-hint-icon{color:var(--cs-cyan);flex-shrink:0;padding-top:2px}.dash-hint-text{color:var(--cs-text-muted);margin:0;font-size:.75rem;line-height:1.5}.mode-toggle{border-radius:var(--cs-radius-sm);background:#0003;gap:.35rem;margin-bottom:1rem;padding:3px;display:flex}.mode-btn{color:var(--cs-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.45rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.mode-btn.active{background:var(--cs-glass-hover);color:var(--cs-text)}.target-selector{margin-bottom:1rem}.target-list{flex-wrap:wrap;gap:.4rem;display:flex}.target-chip{background:var(--cs-glass);border:1px solid var(--cs-glass-border);color:var(--cs-text);cursor:pointer;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.target-chip:hover{background:var(--cs-glass-hover)}.target-chip.selected{border-color:var(--cs-coral);background:#ff6b3533}.target-dot{background:var(--cs-mint);width:7px;height:7px;box-shadow:0 0 6px var(--cs-mint);border-radius:50%}.drop-zone{border:2px dashed var(--cs-glass-border);border-radius:var(--cs-radius);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:120px;margin-bottom:1rem;padding:2rem 1rem;transition:all .25s;display:flex}.drop-zone:hover:not(.disabled){border-color:var(--cs-coral);background:#ff6b350f}.drop-zone.drag-active{border-color:var(--cs-coral);background:#ff6b351f;transform:scale(1.01)}.drop-zone.disabled{opacity:.4;cursor:not-allowed}.drop-icon{color:var(--cs-text-muted)}.drop-text{color:var(--cs-text-muted);text-align:center;margin:0;font-size:.8rem}.text-input-area{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.transfers-section{margin-top:.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-title{align-items:center;gap:.4rem;margin:0 0 .5rem;font-size:.85rem;font-weight:700;display:flex}.transfer-card{background:var(--cs-glass);border:1px solid var(--cs-glass-border);border-radius:var(--cs-radius-sm);margin-bottom:.4rem;padding:.65rem .75rem}.transfer-info{flex-direction:column;gap:.15rem;margin-bottom:.4rem;display:flex}.transfer-name{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.transfer-meta{color:var(--cs-text-muted);font-size:.7rem}.transfer-progress-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.transfer-progress-fill{background:linear-gradient(90deg, var(--cs-coral), var(--cs-gold));border-radius:2px;height:100%;transition:width .3s}.transfer-card.status-complete .transfer-progress-fill{background:var(--cs-mint)}.transfer-card.status-error .transfer-progress-fill{background:var(--cs-rose)}.transfer-actions{gap:.4rem;display:flex}.gallery-toolbar{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.sort-btns{gap:.2rem;display:flex}.gallery-empty{text-align:center;color:var(--cs-text-muted);flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1rem;display:flex}.gallery-empty svg{opacity:.4;margin-bottom:.75rem}.gallery-empty p{margin:.2rem 0}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem;display:grid}.gallery-item{border-radius:var(--cs-radius-sm);background:var(--cs-glass);border:1px solid var(--cs-glass-border);cursor:pointer;transition:transform .15s,border-color .2s;overflow:hidden}.gallery-item:hover{border-color:#ffffff40;transform:scale(1.03)}.gallery-thumb{aspect-ratio:1;object-fit:cover;width:100%;display:block}.gallery-text-thumb,.gallery-file-thumb,.gallery-video-thumb{aspect-ratio:1;width:100%;color:var(--cs-text-muted);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.5rem;display:flex}.text-preview-snippet{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.65rem;line-height:1.3;display:-webkit-box;overflow:hidden}.gallery-item-info{padding:.4rem .5rem}.gallery-item-name{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:600;display:block;overflow:hidden}.gallery-item-meta{color:var(--cs-text-muted);margin-top:2px;font-size:.6rem;display:block}.preview-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-modal{border:1px solid var(--cs-glass-border);border-radius:var(--cs-radius);background:#14141ef2;flex-direction:column;max-width:90vw;max-height:85vh;display:flex;position:relative;overflow:hidden}.preview-close{z-index:2;color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex;position:absolute;top:.5rem;right:.5rem}.preview-body{flex:1;justify-content:center;align-items:center;min-height:200px;padding:1rem;display:flex;overflow:auto}.preview-image,.preview-video{border-radius:6px;max-width:100%;max-height:70vh}.preview-text-content{word-break:break-word;padding:1rem;font-size:.9rem;line-height:1.6}.preview-footer{border-top:1px solid var(--cs-glass-border);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.preview-name{font-size:.85rem;font-weight:600}.preview-actions{gap:.4rem;margin-left:auto;display:flex}.profile-card{background:var(--cs-glass);border:1px solid var(--cs-glass-border);border-radius:var(--cs-radius);align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--cs-coral), var(--cs-gold));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;font-weight:700;display:flex}.profile-info{flex-direction:column;display:flex}.profile-username{font-size:1.05rem;font-weight:700}.profile-status{color:var(--cs-text-muted);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.status-dot{background:#666;border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.online{background:var(--cs-mint);box-shadow:0 0 8px var(--cs-mint);animation:2s ease-in-out infinite pulse-dot}.status-dot.offline{background:#666}@keyframes pulse-dot{0%,to{box-shadow:0 0 4px var(--cs-mint)}50%{box-shadow:0 0 12px var(--cs-mint)}}.section-block{margin-bottom:1.25rem}.badge{background:var(--cs-glass);border:1px solid var(--cs-glass-border);border-radius:10px;padding:.1rem .45rem;font-size:.65rem;font-weight:600}.device-id-display{border:1px solid var(--cs-glass-border);border-radius:var(--cs-radius-sm);background:#00000040;padding:.5rem .75rem}.device-id-display code{color:var(--cs-cyan);word-break:break-all;font-size:.75rem}.device-list{flex-direction:column;gap:.35rem;display:flex}.device-item{background:var(--cs-glass);border:1px solid var(--cs-glass-border);border-radius:var(--cs-radius-sm);align-items:center;gap:.5rem;padding:.5rem .65rem;display:flex}.device-name{font-size:.82rem;font-weight:500}.device-code{color:var(--cs-text-muted);margin-left:auto;font-size:.65rem}.room-code-display{background:var(--cs-glass);border:1px solid var(--cs-glass-border);border-radius:var(--cs-radius-sm);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem;display:flex}.room-code{letter-spacing:.25em;color:var(--cs-gold);font-family:Space Grotesk,monospace;font-size:1.6rem;font-weight:700}.join-room-row{gap:.4rem;margin-top:.75rem;display:flex}.join-room-row .cs-input{text-align:center;letter-spacing:.2em;flex:1;font-size:1rem}.min-h-screen{background:linear-gradient(-45deg,#f05,#fa0,#5f0,#0ff,#05f,#f0f) 0 0/400% 400%;justify-content:center;align-items:center;min-height:100vh;animation:15s infinite rainbowFlow;display:flex}@keyframes rainbowFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (width<=600px){.face-scroll{padding:1rem .75rem}.face-title{font-size:1.1rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.dash-title{font-size:1rem}.room-code{font-size:1.3rem}}@media (orientation:landscape) and (height<=500px){.face-scroll{padding:.6rem}.dash-cards{gap:.4rem}.dash-card{padding:.5rem .75rem}.drop-zone{min-height:80px;padding:1rem}}