/*! tailwindcss v4.0.5 | MIT License | https://tailwindcss.com */@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;--color-red-700:oklch(.505 .213 27.518);--color-blue-500:oklch(.623 .214 259.815);--color-blue-700:oklch(.488 .243 264.376);--color-gray-500:oklch(.551 .027 264.364);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--font-weight-medium:500;--font-weight-bold:700;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@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%;-moz-tab-size:4;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}body{line-height:inherit}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;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}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.\!visible{visibility:visible!important}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.\!container{width:100%!important}@media (width>=40rem){.\!container{max-width:40rem!important}}@media (width>=48rem){.\!container{max-width:48rem!important}}@media (width>=64rem){.\!container{max-width:64rem!important}}@media (width>=80rem){.\!container{max-width:80rem!important}}@media (width>=96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.me-1{margin-inline-end:calc(var(--spacing)*1)}.me-1\.5{margin-inline-end:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-full{height:100%}.w-1\/6{width:16.6667%}.w-4\/6{width:66.6667%}.w-full{width:100%}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-blue-500{background-color:var(--color-blue-500)}.p-4{padding:calc(var(--spacing)*4)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.ps-1{padding-inline-start:calc(var(--spacing)*1)}.pe-1{padding-inline-end:calc(var(--spacing)*1)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-gray-500{color:var(--color-gray-500)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.blur{--tw-blur:blur(8px);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,)}.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,)}.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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}}}@font-face{font-family:Fixedsys;src:url(./Fixedsys.ttf)format("truetype");font-weight:400;font-style:normal}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100vw;overflow-x:hidden}.primary{color:#000b7d}.bar{cursor:pointer;white-space:nowrap;border-bottom:1px solid #a6a6a6;flex-direction:row;height:20px;min-height:20px;font-size:clamp(12px,2vw,14px);line-height:20px;display:flex;overflow:auto hidden;font-family:Fixedsys,Terminal,"Px437 IBM VGA 8x16",monospace!important}.bar::-webkit-scrollbar{height:2px}.bar::-webkit-scrollbar-track{background:0 0}.bar::-webkit-scrollbar-thumb{background:#a6a6a6;border-radius:1px}.bar-icon{cursor:pointer;width:14px;height:14px;margin:2px}.menu-item{cursor:pointer;flex-shrink:0;margin-right:7px;padding:0 clamp(5px,1.5vw,10px);display:inline-block}.sub-menu{z-index:1000;background-color:#fff;border:1px solid #a6a6a6;min-width:130px;max-width:90vw;margin-top:-1px;padding:0 10px;position:absolute;box-shadow:2px 2px 5px #0003}.sub-menu-item{padding:"10px 15px";cursor:pointer;min-width:130px}.toolbar{background-color:#f5f5f5;border-bottom:1px solid #a6a6a6;flex-direction:row;justify-content:flex-start;min-height:35px;padding:2px 0 7px;display:flex;overflow:auto hidden}.toolbar::-webkit-scrollbar{height:2px}.toolbar-icons{background:#5f73a180;border-radius:60px;flex-flow:row;justify-content:flex-start;gap:2px;padding:6px 5px;display:flex}.toolbar-item{padding:0 8px}.toolbar img{cursor:pointer;width:16px;height:16px}.main{flex-flow:row;height:calc(100vh - 60px);min-height:0;display:flex}.chat-window{cursor:default;background-color:#fff;border-right:1px solid #a6a6a6;flex-direction:column;flex:1;min-width:200px;height:calc(100vh - 85px);padding:clamp(5px,1.5vw,10px);display:flex;overflow:hidden}.chat-container{cursor:default;background-color:#fff;flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.chats{cursor:default;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none;flex-direction:column;flex-grow:1;height:calc(100% - 25px);font-size:clamp(12px,2vw,14px);display:flex;overflow-x:hidden;overflow-y:auto!important}.chats::-webkit-scrollbar{width:8px}.chats::-webkit-scrollbar-track{background:#f1f1f1}.chats::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.chats::-webkit-scrollbar-thumb:hover{background:#555}.chat-content{cursor:text;-webkit-user-select:text;user-select:text;flex-direction:column;margin-top:auto;display:flex}.chat-item{word-wrap:break-word;overflow-wrap:break-word;margin-top:-4px;font-size:clamp(12px,2vw,14px);line-height:1.4}.chat-time{color:#666;font-size:14px}.clickable-nickname{cursor:pointer!important;font-size:14px!important;text-decoration:none!important}.nick-item{margin:1px 0;padding:1px 2px}.list{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;-webkit-overflow-scrolling:touch;background-color:#f5f5f5;flex-shrink:0;width:150px;min-width:clamp(120px,20vw,150px);max-width:clamp(150px,30vw,400px);height:calc(100% - 23px);padding:2px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(12px,2vw,14px);font-weight:500;position:relative;overflow:auto}.list::-webkit-scrollbar{width:6px}.list::-webkit-scrollbar-track{background:#f1f1f1}.list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.list-resize-handle{cursor:col-resize;opacity:0;z-index:10;background:linear-gradient(270deg,#999,#ddd);border-left:1px solid #666;width:6px;height:100%;transition:opacity .2s;position:absolute;top:0;left:-3px}.list:hover .list-resize-handle{opacity:.8}.list-resize-handle:hover{opacity:1;background:linear-gradient(270deg,#666,#ccc)}.usersCover{z-index:1000;background-color:#f5f5f5;width:300px;height:calc(100% - 83px);position:absolute;top:58px;right:100px}.channels{-webkit-overflow-scrolling:touch;background-color:#f5f5f5;flex-shrink:0;width:clamp(80px,15vw,100px);min-width:80px;height:100%;padding:3px;overflow:hidden auto}.channels::-webkit-scrollbar{width:4px}.channels::-webkit-scrollbar-track{background:#f1f1f1}.channels::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.channels .channel-item{cursor:pointer;background-color:#f5f5f5;border:2px solid #a6a6a6;border-top:1px solid #fff;border-left:1px solid #fff;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;margin:2px 0;padding:3px 5px;font-size:13px;display:flex}.channels .active{border:2px solid #fff;border-top:1px solid #a6a6a6;border-left:1px solid #a6a6a6;font-weight:400}.channel-text{white-space:nowrap;text-overflow:ellipsis;width:100%;display:inline-block;overflow:hidden}@keyframes blink-unseen{0%,50%{color:red}50.01%,to{color:#000}}.channel-text.unseen-messages,.nick-item.unseen-messages{animation:2s step-end infinite blink-unseen}.channel-icon{width:14px;height:14px;margin-right:3px}.selected{background-color:#4f94f3;border:1px dotted #c26f29;color:#fff!important}.chat-input{z-index:100;width:calc(100% - 94px);height:25px;min-height:25px;font-size:16px;position:fixed;bottom:0;left:0;right:94px}@media (width<=768px){.chat-input{width:100%;padding-bottom:max(0px,env(safe-area-inset-bottom));right:0;bottom:max(0px,env(safe-area-inset-bottom))}body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.main{padding-bottom:max(0px,env(safe-area-inset-bottom))}}.chat-input input{-webkit-text-size-adjust:100%;background-color:#fff;border:none;border-top:1px solid #a6a6a6;outline:none;width:100%;height:100%;padding:0 clamp(4px,1.5vw,8px);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(14px,4vw,16px)}.context-menu{color:#333;z-index:10000;cursor:default;-webkit-user-select:none;user-select:none;background-color:#f5f5f5;border:1px solid #a6a6a6;padding:2px 0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;position:fixed;box-shadow:1px 1px 3px #00000026}.context-menu-item{cursor:pointer;color:#000;justify-content:space-between;align-items:center;min-height:22px;padding:4px 20px;line-height:20px;transition:background-color .1s;display:flex}.context-menu-item:hover:not(.disabled){color:#000;background-color:#e0e0e0}.context-menu-item.disabled{color:#999;cursor:default}.context-menu-item.danger{color:#000}.context-menu-item.danger:hover:not(.disabled){background-color:#e0e0e0}@media (width<=480px){body{overflow:auto}.bar{flex-wrap:wrap;height:auto;min-height:20px;overflow-x:visible}.menu-item{padding:2px 5px;font-size:12px}.toolbar{padding:2px}.toolbar-icons{flex-wrap:wrap;gap:4px;padding:4px}.toolbar img{width:14px;height:14px}.main{flex-direction:column;height:auto;min-height:calc(100vh - 60px)}.channels{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;border-bottom:1px solid #a6a6a6;flex-direction:row;flex-shrink:0;order:1;height:auto;max-height:120px;padding:5px;display:flex;overflow:auto hidden;width:100%!important}.channels::-webkit-scrollbar{height:3px}.channels::-webkit-scrollbar-track{background:0 0}.channels::-webkit-scrollbar-thumb{background:#a6a6a6;border-radius:2px}.channels .channel-item{flex-shrink:0;min-width:80px;margin:2px}.chat-window{border-bottom:1px solid #a6a6a6;border-right:none;flex:1;order:2;width:100%;max-width:100%;height:auto;min-height:calc(100vh - 200px);overflow:hidden}.list{border-top:1px solid #a6a6a6;order:3;height:auto;max-height:200px;position:relative;width:100%!important;max-width:100%!important}.list-resize-handle{display:none}.chat-input{width:100%;padding-bottom:max(0px,env(safe-area-inset-bottom));bottom:0;right:0;bottom:max(0px,env(safe-area-inset-bottom));z-index:10;background-color:#fff;order:4;position:sticky}.chat-input input{padding-bottom:max(0px,env(safe-area-inset-bottom));font-size:16px}.context-menu{max-width:90vw;font-size:12px}.context-menu-item{padding:6px 12px;font-size:12px}.sub-menu{max-width:85vw;font-size:12px;position:fixed}.usersCover{width:100%;max-width:100%;height:50vh;top:auto;bottom:0;right:0}.bar-icon{width:12px;height:12px}}@media (width>=481px) and (width<=768px){.main{flex-wrap:wrap}.channels{flex-direction:row;order:1;width:100%;max-width:100%;height:auto;max-height:100px;display:flex;overflow:auto hidden}.channels .channel-item{flex-shrink:0;min-width:90px}.chat-window{order:2;width:100%;min-height:calc(100vh - 250px)}.list{border-top:1px solid #a6a6a6;order:3;width:100%;max-width:100%;height:auto;max-height:150px}.chat-input{width:100%;right:0}.menu-item{font-size:13px}}@media (width>=769px) and (width<=1024px){.main{flex-wrap:nowrap}.channels{width:90px}.chat-window{flex:1;min-width:300px}.list{min-width:140px;max-width:300px}.chat-input{width:calc(100% - 230px);right:90px}.toolbar-icons{flex-wrap:wrap;gap:3px}}@media (width<=768px) and (orientation:landscape){.channels{max-height:80px}.list{max-height:120px}.chat-window{min-height:calc(100vh - 180px)}}@media (hover:none) and (pointer:coarse){.menu-item,.toolbar-item,.channel-item,.nick-item,.server-btn,.connect-btn,.footer-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.bar-icon{min-width:44px;min-height:44px;padding:15px}.context-menu-item{min-height:44px;padding:12px 20px}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){.bar-icon,.toolbar img,.channel-icon{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.context-menu-label{text-align:left;flex:1}.context-menu-shortcut{color:#666;text-align:right;margin-left:20px;font-size:12px;font-weight:400}.context-menu-separator{background-color:#d3d3d3;border:none;height:1px;margin:3px 0}.sub-menu-item:hover{color:#fff;cursor:pointer;background-color:#4f94f3}.loading-mock{padding:2px;font-family:Arial,sans-serif;font-size:13px;line-height:16px}.loading-message{white-space:pre-wrap;margin-bottom:1px;color:#000!important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:14px!important}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{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}.window{margin:100px auto;min-width:200px;min-height:300px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 0 10px #0006;border-radius:5px;width:clamp(300px,80vw,600px);height:clamp(300px,70vh,600px);position:relative}@media (max-width: 768px){.window{margin:20px auto;width:95vw;max-width:95vw;min-width:95vw;height:auto;max-height:90vh;min-height:300px}}.winhead{height:35px;min-height:35px;background:#f4f4f4;border-bottom:.5px solid rgba(162,163,164,.4);border-top-left-radius:5px;border-top-right-radius:5px;display:flex;align-items:center;position:relative;cursor:move;font-size:14px;font-size:clamp(12px,2vw,14px);padding:0 10px;flex-shrink:0}@media (max-width: 768px){.winhead{height:44px;min-height:44px;padding:0 8px;font-size:13px}}.winhead .button{display:flex;align-items:center;z-index:9;cursor:pointer!important}.button div{width:12px;height:12px;min-width:12px;min-height:12px;margin-left:6px;background:#c7c7c7;border:.5px solid rgb(169,169,169);border-radius:50%;flex-shrink:0;cursor:pointer}@media (hover: none) and (pointer: coarse){.button div{width:16px;height:16px;min-width:16px;min-height:16px;margin-left:8px}}.button .close{background:#e74546;border:.5px solid rgb(208,67,67)}.button .min{background:#f6b427;border:.5px solid rgb(212,154,58)}.button .max{background:#56ca35}.winhead .title{position:absolute;width:100%;text-align:center;left:0;right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 60px;font-size:clamp(12px,2vw,14px)}@media (max-width: 768px){.winhead .title{padding:0 50px;font-size:13px}}.winbody{height:100%;min-height:200px;background:#e7e7e7;border-bottom-left-radius:5px;border-bottom-right-radius:5px;overflow:auto;padding:clamp(10px,2vw,20px);-webkit-overflow-scrolling:touch;flex:1}.winbody::-webkit-scrollbar{width:8px}.winbody::-webkit-scrollbar-track{background:#e0e0e0}.winbody::-webkit-scrollbar-thumb{background:#999;border-radius:4px}@media (max-width: 768px){.winbody{padding:10px;font-size:14px}}.winbody *{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.papatya-dialog-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;pointer-events:none}.papatya-dialog{width:400px;max-width:95vw;max-height:95vh;background:#e8e8e8;border:2px solid #999;border-radius:8px;box-shadow:4px 4px 12px #0000004d;font-family:Arial,sans-serif;overflow:hidden;pointer-events:all;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:clamp(300px,90vw,500px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.papatya-dialog::-webkit-scrollbar{width:8px}.papatya-dialog::-webkit-scrollbar-track{background:#e0e0e0}.papatya-dialog::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.dialog-tabs{display:flex;background:#f5f5f5;border-bottom:1px solid #ccc}.dialog-tabs .tab{flex:1;padding:8px 16px;background:#e8e8e8;border:none;border-right:1px solid #ccc;font-size:13px;font-weight:400;color:#000;cursor:pointer;transition:background .2s;padding:clamp(8px,2vw,12px) clamp(12px,3vw,16px);font-size:clamp(11px,2vw,13px);min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog-tabs .tab:hover{background:#f0f0f0}.dialog-tabs .tab.active{background:#fff;font-weight:400}.dialog-tabs .tab:last-child{border-right:none}.dialog-banner{background:linear-gradient(to bottom,#7ba4d4,#5680b0);padding:12px 16px;display:flex;align-items:center;gap:12px;user-select:none;-webkit-user-select:none}.banner-icon{font-size:36px;line-height:1}.banner-text{flex:1}.banner-title{font-size:24px;font-weight:400;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);letter-spacing:1px;margin-bottom:2px;font-size:clamp(18px,4vw,24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-url{font-size:12px;color:#fffffff2;font-weight:400}.connection-box{margin:12px;background:#fff;border:1px solid #aaa;border-radius:3px}.connection-title{background:#f0f0f0;padding:4px 8px;font-size:12px;font-weight:400;border-bottom:1px solid #ccc;color:#333}.connection-content{padding:10px;display:flex;align-items:center;gap:10px}.connection-icon{font-size:32px;line-height:1}.connection-form{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.form-label{font-size:13px;color:#333;white-space:nowrap}.form-input{flex:1;padding:6px 10px;border:1px solid #aaa;border-radius:3px;font-size:13px;background:#fff;outline:none;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;padding:clamp(6px,1.5vw,10px) clamp(8px,2vw,12px);font-size:clamp(14px,3vw,16px);min-width:120px;-webkit-text-size-adjust:100%}.form-input:focus{border-color:#5680b0}.connect-btn{padding:6px 20px;background:#fff;border:1px solid #aaa;border-radius:3px;font-size:13px;font-weight:400;color:#333;cursor:pointer;white-space:nowrap;transition:all .2s;padding:clamp(8px,2vw,10px) clamp(16px,4vw,24px);font-size:clamp(12px,2.5vw,14px);min-height:44px;flex-shrink:0}.connect-btn:hover{background:#f5f5f5;border-color:#888}.connect-btn:active{background:#e8e8e8}.server-grid{padding:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:clamp(8px,2vw,12px);gap:clamp(4px,1vw,8px);grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.server-btn{padding:6px 4px;background:#fff;border:1px solid #aaa;border-radius:3px;font-size:11px;color:#333;cursor:pointer;text-align:center;transition:all .2s;min-height:32px;display:flex;align-items:center;justify-content:center;padding:clamp(6px,1.5vw,10px) clamp(4px,1vw,8px);font-size:clamp(10px,2vw,12px);min-height:clamp(32px,8vw,44px);min-width:70px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.2}.server-btn:hover{background:#f5f5f5;border-color:#888}.server-btn.selected{background:#5680b0;color:#fff;border-color:#4070a0;font-weight:400}.dialog-footer{padding:10px;display:flex;justify-content:center;background:#f0f0f0;border-top:1px solid #ccc}.footer-btn{padding:6px 30px;background:#fff;border:1px solid #aaa;border-radius:3px;font-size:12px;color:#333;cursor:pointer;transition:all .2s;padding:clamp(8px,2vw,10px) clamp(24px,6vw,36px);font-size:clamp(11px,2.5vw,13px);min-height:44px;min-width:100px;white-space:nowrap}.footer-btn:hover{background:#f5f5f5;border-color:#888}.footer-btn:active{background:#e8e8e8}@media (max-width: 600px){.papatya-dialog{width:95vw;max-width:95vw;height:auto;max-height:90vh;top:50%;left:50%;transform:translate(-50%,-50%);margin:20px auto}.dialog-tabs{flex-wrap:wrap}.dialog-tabs .tab{flex:1 1 33.333%;min-width:100px;font-size:11px;padding:10px 8px}.dialog-banner{padding:10px 12px;flex-wrap:wrap}.banner-icon{font-size:28px}.banner-title{font-size:18px}.banner-url{font-size:11px}.connection-box{margin:10px}.connection-content{flex-direction:column;align-items:stretch;gap:10px}.connection-icon{font-size:28px;align-self:center}.connection-form{flex-direction:column;align-items:stretch;gap:10px}.form-label{font-size:12px}.form-input{width:100%;font-size:16px}.connect-btn{width:100%;min-height:44px}.server-grid{grid-template-columns:repeat(2,1fr);gap:6px;padding:8px}.server-btn{min-height:44px;font-size:11px;padding:8px 4px}.dialog-footer{padding:8px}.footer-btn{width:100%;min-height:44px}}@media (min-width: 601px) and (max-width: 768px){.papatya-dialog{width:90vw;max-width:500px}.server-grid{grid-template-columns:repeat(3,1fr)}.connection-form{flex-wrap:wrap}.connect-btn{flex:0 0 auto}}@media (min-width: 769px) and (max-width: 1024px){.papatya-dialog{width:85vw;max-width:500px}.server-grid{grid-template-columns:repeat(4,1fr);gap:8px}}@media (max-width: 768px) and (orientation: landscape){.papatya-dialog{max-height:95vh;height:auto}.dialog-banner{padding:8px 12px}.banner-title{font-size:20px}.server-grid{grid-template-columns:repeat(3,1fr);padding:6px}}@media (hover: none) and (pointer: coarse){.dialog-tabs .tab,.server-btn,.connect-btn,.footer-btn{min-height:44px;min-width:44px}.dialog-tabs .tab{padding:12px 16px}.server-btn{padding:10px 6px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.banner-icon,.connection-icon{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.papatya-dialog-wrapper{overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}