@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.\!bottom-\[-10px\]{bottom:-10px!important}.bottom-\[-3px\]{bottom:-3px}.left-1{left:.25rem}.left-\[28px\]{left:28px}.left-\[43px\]{left:43px}.right-1{right:.25rem}.right-\[8px\]{right:8px}.top-1{top:.25rem}.top-\[31px\]{top:31px}.top-\[50px\]{top:50px}.z-50{z-index:50}.m-0{margin:0}.m-3{margin:.75rem}.-mb-4{margin-bottom:-1rem}.-mr-2{margin-right:-.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-\[10px\]{margin-bottom:10px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-5{margin-left:1.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.block{display:block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.size-2{width:.5rem;height:.5rem}.h-2\.5{height:.625rem}.h-\[10px\]{height:10px}.h-full{height:100%}.\!min-h-20{min-height:5rem!important}.w-2\.5{width:.625rem}.w-6{width:1.5rem}.w-\[10px\]{width:10px}.w-full{width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2,.border-\[2px\]{border-width:2px}.border-b-\[1px\]{border-bottom-width:1px}.\!border-gray-950{--tw-border-opacity: 1 !important;border-color:rgb(3 7 18 / var(--tw-border-opacity))!important}.border-amber-500{--tw-border-opacity: 1;border-color:rgb(245 158 11 / var(--tw-border-opacity))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-b-\[\#d6d6d6\]{--tw-border-opacity: 1;border-bottom-color:rgb(214 214 214 / var(--tw-border-opacity))}.bg-\[\#28df28\]{--tw-bg-opacity: 1;background-color:rgb(40 223 40 / var(--tw-bg-opacity))}.bg-\[\#ff0000\]{--tw-bg-opacity: 1;background-color:rgb(255 0 0 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-zinc-700{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-\[10px\]{padding-left:10px}.pt-3{padding-top:.75rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[30px\]{font-size:30px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.italic{font-style:italic}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.outline{outline-style:solid}.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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Mali,cursive}body{overflow-x:hidden}hr{border:1px solid black!important}*{border-color:var(--global-border-color, var(--border-color, #111827))!important;border-style:var(--global-border-style, inherit)!important}body.theme-dots,.theme-preview-box.theme-dots{--bg-dots: rgba(17, 24, 39, .1);background-color:#fafafa!important;background-image:radial-gradient(var(--bg-dots) 1.5px,transparent 1.5px)!important;background-size:20px 20px!important}body.theme-grid,.theme-preview-box.theme-grid{--bg-grid: rgba(17, 24, 39, .05);background-color:#fff!important;background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px)!important;background-size:20px 20px!important}body.theme-paper,.theme-preview-box.theme-paper{background-color:#fdfcf8!important;background-image:linear-gradient(transparent 95%,#1118271a 5%)!important;background-size:100% 30px!important}body.theme-blueprint,.theme-preview-box.theme-blueprint{background-color:#1a365d!important;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px)!important;background-size:20px 20px!important}body.theme-cross,.theme-preview-box.theme-cross{--bg-cross: rgba(17, 24, 39, .15);background-color:#fdfdfd!important;background-image:radial-gradient(var(--bg-cross) 1px,transparent 1px),radial-gradient(var(--bg-cross) 1px,transparent 1px)!important;background-size:30px 30px!important;background-position:0 0,15px 15px!important}body.theme-waves,.theme-preview-box.theme-waves{background-color:#e5e5f7!important;background-image:radial-gradient(circle at center center,#c7c7f7,#e5e5f7),repeating-radial-gradient(circle at center center,#c7c7f7,#c7c7f7,40px,transparent 80px,transparent 40px)!important;background-blend-mode:multiply!important}body.theme-notebook,.theme-preview-box.theme-notebook{background-color:#fff!important;background-image:linear-gradient(90deg,transparent 40px,#abced4 40px,#abced4 42px,transparent 42px),linear-gradient(#e1e1e1 1px,transparent 1px)!important;background-size:100% 100%,100% 30px!important}body.bg-scope-all .setting-page-wrapper,body.bg-scope-all .guide-container,body.bg-scope-all .home-container,body.bg-scope-all .profile-container{background-color:transparent!important}:root{--purple-light: #c8a2c8;--black: #000000;--white: #ffffff;--gray-3: #b3b3b3;--gray-2: #cccccc;--color-background: #dbdbdb;--color-background-button: #fff1c9;--color-background-button2: #4a3d2d;--slide-board: #4a3d2d;--color-text: #050200;--color-text2: hsl(33, 57%, 90%);--color-shadow: #21242b;--box-shadow-container: -4px 4px 0px 0px #111827;--border-color: #111827}*::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}*::-webkit-scrollbar{width:.3rem;height:.1rem;background-color:gray}*::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px gray;background-color:var(--color-shadow)}@media screen and (max-width: 700px){.draggable-item{padding-right:30px;padding-left:30px;width:100vw!important}}.home-container{margin:15px;padding:20px;box-shadow:var(--box-shadow-container);border:2px #111827 solid}.home-title{font-size:.9em;color:#333;margin-bottom:10px}.home-message{font-size:1.5rem;line-height:1.5;color:#666}.ant-btn-primary,.ant-switch{background-color:#444!important}.ant-switch:not(.ant-switch-checked){background-color:#e6e6e6!important}.game-container{width:100%;display:flex;justify-content:center;align-items:center}.board-game{background-color:var(--slide-board);display:grid;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);gap:2px}.square{width:100px;height:100px;background-color:#fff;border:2px solid #000;display:flex;justify-content:center;align-items:center;font-size:2rem;cursor:pointer}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.hover\:bg-zinc-800:hover{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.container-nav{width:100vw;display:flex;justify-content:center}.navbar{box-shadow:-2px 2px #111827!important;border:2px solid #111827!important;max-width:700px;width:80vw;height:60px;margin:20px;border-radius:6px}.nav-eye-protection{background-color:#fff}.switch-login-page{color:#6394f7!important}.ant-popover-content{margin:-10px 10px 0;width:100%;max-width:350px}.ant-popover-inner-content{max-height:300px;overflow-y:scroll}.ant-popover-inner-content>div>p{margin:5px!important}.ant-popover-inner{padding-right:0!important}@media screen and (max-width: 400px){.ant-popover-content,.ant-popover-inner{margin-left:62px}}.ant-image-mask-info{display:none!important}.ant-image-mask{background-color:transparent!important}.btn-close-noti{position:absolute;top:2px;right:5px}.ant-popover-inner-content{overflow-y:auto;max-height:300px;scrollbar-width:none}.ant-popover-inner-content::-webkit-scrollbar{display:none}.ant-empty-image{height:60px!important}.ant-tour{box-shadow:-2px 2px #111827!important;border:2px solid #111827!important;width:70%!important;max-width:300px!important;border-radius:6px!important}.ant-tour-inner,.ant-tour-header{border-radius:5px!important}.droppable-list{list-style-type:none;padding-top:10px;padding-bottom:50px;display:flex;flex-direction:column;justify-content:center;align-items:center}.draggable-item{width:60vw;margin:0 0 5px}.edit-textarea{height:auto;font-size:.7em;font-weight:700;width:100%;padding:4px 10px;box-sizing:border-box;border-radius:4px;resize:none;overflow:hidden;box-shadow:none}.edit-textarea:focus{border:none!important;outline:none!important;background-color:#ededed}.edit-textarea:hover{background-color:#ededed}.drag-handle{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.3}.heading-heading-4{color:#fdf57d;font-size:.7em;font-weight:700;font-family:Source Code Pro,monospace;background-color:#424242}.heading-heading-4:hover{background-color:#424242;color:#fdf57d}.heading-heading-4:focus{background-color:#424242;color:#fdf57d}.heading-heading-1{font-size:1.2em;font-weight:700}.heading-heading-2{font-size:1em;font-weight:700}.heading-heading-3{font-size:.7em;font-weight:700}.dd-item-pages .ant-btn{border:none;background:transparent;padding:0}.dd-item-pages .ant-btn:hover,.dd-item-pages .ant-btn:focus{background:transparent}.ant-dropdown{z-index:10000000000000000000!important}.custom-dropdown-menu .ant-dropdown-menu-item{width:100%;font-weight:800!important;display:flex;align-items:center;color:#000;font-size:.6rem!important}.custom-dropdown-menu .ant-dropdown-menu-item-danger{color:#ff4d4f}.ant-dropdown-menu,.ant-popover-inner{box-shadow:-2px 2px #111827!important;border:2px solid #111827!important}.ant-tooltip .ant-tooltip-inner{text-align:center!important;font-size:.5rem;min-height:0!important}.ant-message{position:fixed;left:70px!important;top:10px!important;z-index:9999}.ant-message-notice-content{box-shadow:-2px 2px #111827!important;padding:5px!important;border:2px solid #111827!important;font-size:.6em}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:1000}.container-block{height:auto;position:relative;width:100%;display:flex;justify-content:center;align-items:center}.container-block iframe{max-width:100%;width:1000px;height:450px}.ant-spin-dot{color:#4265ac!important}.image-wrapper{outline:none;display:inline-block;padding:4px;border-radius:4px;transition:all .2s ease}.image-wrapper:hover{background-color:#ededed}.image-wrapper:focus{background-color:#ededed}.image-action-area{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ededed,#f5f5f5);border-radius:4px;margin-top:8px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-action-area:hover{background:linear-gradient(135deg,#ddd,#ededed);color:#666}.image-action-area:focus{background-color:#d0d0d0;color:#333}.quick-actions-bar{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:15px;background:#fff;padding:12px 24px;border:3px solid #111827;box-shadow:6px 6px #111827;border-radius:12px;z-index:1000;transition:all .3s ease}.quick-actions-bar:hover{box-shadow:8px 8px #111827;transform:translate(-50%,-2px)}.quick-actions-bar .action-btn{display:flex;align-items:center;gap:10px;padding:10px 18px;border:2px solid #111827;background:#fff;font-weight:900;cursor:pointer;transition:all .2s;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.quick-actions-bar .action-btn span{display:inline-block}.quick-actions-bar .action-btn:hover{transform:translate(-3px,-3px);box-shadow:3px 3px #111827}.quick-actions-bar .action-btn:active{transform:translate(0);box-shadow:0 0 #111827}.quick-actions-bar .action-btn.add-text{background:#fdf57d;color:#000}.quick-actions-bar .action-btn.add-image{background:#a5f3fc;color:#000}.quick-actions-bar .action-btn.delete-all{background:#fca5a5;color:#000}.quick-actions-bar .action-btn.delete-all:hover{background:#ef4444;color:#fff}.ghost-add-item .edit-textarea{transition:all .3s ease;border-style:dashed!important;background-color:#f3f4f680}.ghost-add-item .edit-textarea:hover{background-color:#f3f4f6;border-color:#111827!important;opacity:1!important;transform:scale(1.01)}@media (max-width: 768px){.quick-actions-bar{bottom:20px;padding:8px 16px;gap:10px}.quick-actions-bar .action-btn{padding:8px 12px;font-size:.6rem}.quick-actions-bar .action-btn span{display:none}}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:10px}.login-form{border-radius:6px;background:#fff;padding:20px;width:300px;box-shadow:-2px 2px #111827!important;border:2px solid #111827!important}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input{margin:0!important;border:2px solid #a8a8a8!important;width:100%;border:1px solid #ddd;border-radius:4px;height:30px;padding:5px 8px}.login-button{width:100%;border-radius:3px;box-shadow:-3px 3px #21242b;transition:box-shadow .3s ease,transform .3s ease,outline .1s ease-out;background-color:#6b7280;padding:10px 20px;color:#fff;font-weight:bolder;cursor:pointer;text-decoration:none;font-size:16px;background-color:#6394f7}.login-button:hover{box-shadow:none;transform:translate(-3px,3px)}.login-button:focus{border:0px solid transparent;outline:none}.switch-btn{padding:4px;font-weight:700;margin-top:15px}.ant-select-selection-search-input,.ant-select-selection-search,.ant-select-selector{border:none!important;outline:none!important;box-shadow:none!important}.ant-select-focused{box-shadow:none!important;background-color:#fff!important}.ant-select-selection-search-input{margin-left:10px!important;padding-left:10px!important}.profile-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.profile-card{margin:20px;width:350px;box-shadow:-3px 3px #21242b!important;border:2px solid black;border-radius:6px!important}.profile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.profile-header h2{margin-top:10px}.loading-container{display:flex;justify-content:center;align-items:center;height:50vh}.avatar-profile{border:2px solid black;border-radius:50%;width:150px!important;height:150px!important}.avatar-selection{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.avatar-selection .avatar-item{cursor:pointer}.avatar-selection .avatar-item .avatar-image{width:80px;height:80px;border-radius:8px;transition:transform .2s}.avatar-selection .avatar-item .avatar-image:hover{transform:scale(1.05)}.friends-list{list-style:none;padding:0;margin:0}.friends-list li{display:flex;align-items:center;padding:10px;border-bottom:1px solid #f0f0f0}.friends-list li img{border-radius:50%;width:40px;height:40px;margin-right:15px}.friends-list li button{margin-left:auto;background-color:#ff4d4f;border:none;color:#fff;padding:5px 10px;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.friends-list li button:hover{background-color:#ff7875}.friends-list .no-friends{min-height:70px;display:flex;justify-content:center;align-items:center}.friends-list .no-friends span{font-weight:600;color:#595959}.guide-container{padding:60px 20px;max-width:1200px;margin:0 auto;min-height:100vh;position:relative;overflow:hidden;--bg-dots: rgba(17, 24, 39, .1);background-color:#fafafa;background-image:radial-gradient(var(--bg-dots) 1px,transparent 1px);background-size:20px 20px;font-family:Mali,cursive}.sketch-bg-decorative{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10 Q 50 5 90 10' stroke='%23111827' stroke-width='0.5' fill='none' opacity='0.2'/%3E%3C/svg%3E")}.guide-header{text-align:center;margin-bottom:80px;position:relative;z-index:10}.guide-header .title-wrapper{display:inline-block;position:relative}.guide-header .sketch-title{font-size:clamp(2rem,8vw,4rem);font-weight:900;margin-bottom:15px;color:#111827;position:relative;z-index:2;line-height:1.2}.guide-header .sketch-title .spin-icon{color:#ff6b6b;margin-left:10px;animation:wiggle 2s infinite ease-in-out}.guide-header .sketch-underline{height:10px;background:#ff6b6b;width:105%;position:absolute;bottom:0;left:-2.5%;z-index:1;transform:rotate(-1.5deg);border:3px solid #111827;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.guide-header .sketch-subtitle{font-size:1.2rem;font-weight:600;color:#555;margin-top:20px;max-width:600px;margin-left:auto;margin-right:auto}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:80px;z-index:5;position:relative}.guide-card{padding:40px 30px;border:3px solid #111827;position:relative;transition:all .3s cubic-bezier(.19,1,.22,1);background-color:#fff;display:flex;flex-direction:column}.guide-card:hover{transform:translateY(-10px) rotate(1deg) scale(1.02);box-shadow:-12px 12px #111827;z-index:20}.guide-card .card-icon{font-size:2.5rem;margin-bottom:20px;color:#111827;display:inline-block}.guide-card h3{font-size:1.6rem;font-weight:800;margin-bottom:15px;border-bottom:3px solid #111827;display:inline-block;align-self:flex-start}.guide-card p{font-size:1rem;line-height:1.6;font-weight:500;color:#333}.guide-card .card-badge{position:absolute;top:-15px;right:-10px;background:#111827;color:#fff;padding:6px 12px;font-size:.8rem;font-weight:900;border:3px solid #111827;transform:rotate(8deg);box-shadow:-4px 4px #ff6b6b}.guide-card .doodle{position:absolute;font-size:1.5rem;opacity:.4;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.guide-card .doodle-1{bottom:10px;right:10px}.guide-card .doodle-2{top:10px;right:20px}.guide-card .doodle-3{bottom:20px;left:10px}.guide-card .doodle-4{top:15px;right:15px}.card-yellow{background-color:#fffac1;box-shadow:-6px 6px #111827;border-radius:255px 15px 225px/15px 225px 15px 255px}.card-blue{background-color:#d1eaff;box-shadow:6px 6px #111827;border-radius:15px 225px 15px 255px/255px 15px 225px}.card-green{background-color:#d1ffd6;box-shadow:-8px 0 #111827;border-radius:40px 120px 30px 90px/90px 30px 120px 40px}.card-pink{background-color:#ffd1e8;box-shadow:0 8px #111827;border-radius:255px 15px 110px/15px 110px 15px 255px}.card-purple{background-color:#e2d1ff;box-shadow:6px -6px #111827;border-radius:15px 255px 15px 110px/110px 15px 255px}.shortcut-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.shortcut-item{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700}.shortcut-item kbd{background-color:#fff;border:2px solid #111827;border-radius:4px;box-shadow:0 3px #111827;color:#111827;display:inline-block;font-size:.8rem;font-weight:900;line-height:1;padding:3px 6px;white-space:nowrap;font-family:Space Mono,monospace}.shortcut-item span{color:#333}.guide-list{list-style:none;padding:0;margin-top:15px}.guide-list li{margin-bottom:12px;font-size:.95rem;display:flex;align-items:flex-start;gap:12px}.guide-list li svg{color:#ff6b6b;margin-top:4px;font-size:1.1rem}.guide-list li b{font-weight:800;color:#111827}.guide-quote{text-align:center;margin:100px 0;position:relative}.guide-quote .quote-box{display:inline-block;padding:50px 40px;border:4px solid #111827;background:#fff;box-shadow:12px 12px #111827;position:relative;max-width:700px;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:rotate(-1deg)}.guide-quote .ghost-icon{font-size:3.5rem;margin-bottom:25px;color:#111827;display:inline-block;animation:floating ghostFloat 3s ease-in-out infinite}.guide-quote .handwritten{font-size:1.8rem;font-weight:800;color:#111827;font-style:italic;margin-bottom:10px}.guide-quote .author{font-weight:600;color:#666;letter-spacing:2px}.guide-footer{text-align:center;padding:60px 20px;border-top:3px dashed #111827}.guide-footer .footer-content p{font-size:1.2rem;font-weight:800;color:#111827;margin-bottom:5px}.guide-footer .footer-content p svg{color:#ff6b6b}.guide-footer .footer-content small{font-weight:600;color:#777}@keyframes ghostFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@media (max-width: 768px){.guide-container{padding:40px 15px}.guide-header .sketch-title{font-size:2.5rem}.guide-grid{gap:20px}.quote-box{padding:30px 20px}.handwritten{font-size:1.4rem}}.note{border:2px #111827 solid;position:absolute;cursor:move;background-color:#fef6e4;box-sizing:border-box;box-shadow:var(--box-shadow-container);z-index:1;transition:all .3s ease-out;border-radius:6px;overflow:hidden}.note-pin{position:absolute;top:-5px;left:-5px;z-index:10;color:#7a7a76}.dropdown-container{position:absolute;top:10px;right:10px;z-index:100}.note-container{height:100vh;width:100%;position:relative;overflow:hidden}.resizable-box{padding:10px;overflow:auto}.hidden-button{margin-left:5px;width:0;height:0;visibility:hidden}.button-note-dropdown{position:absolute;background-color:transparent;outline:none;border:none;top:-15px;right:-5px;cursor:pointer;padding:10px}.light-yellow{background-color:#ffffe0!important}.light-green{background-color:#90ee90!important}.light-blue{background-color:#add8e6!important}.light-pink{background-color:#ffb6c1!important}.light-coral{background-color:#f08080!important}.note-content-edit{width:100%;height:100%;padding:8px;border:none;outline:none;resize:none;background-color:#fef6e4}.note p{padding:10px;margin:0;word-wrap:break-word}.node-draggableItem{border:none!important;outline:none!important}.new-page-btn{box-shadow:-2px 2px #111827!important;border:2px solid #111827!important}.main-button{background-color:#fff;border:2px solid #21242b;box-shadow:-3px 3px #21242b;padding:10px 15px;margin:7px;cursor:pointer;text-decoration:none;font-size:16px;border-radius:6px;transition:box-shadow .3s ease,transform .3s ease,border .1s ease-out}.main-button:hover{box-shadow:none;transform:translate(-3px,3px)}.main-button:focus,.main-button:active{border:2px solid #21242b!important;outline:3px solid #21242b!important;background-color:#eeeeed;box-shadow:none;transform:translate(-3px,3px)}.filter-option{transition:color .3s}.filter-option.selected{background-color:#dbd9d9}.anticon-dash{font-weight:900!important;font-size:30px!important;padding:60px!important;opacity:.5}.tiptap pre{background:var(--black);border-radius:.5rem;color:var(--white);font-family:JetBrainsMono,monospace;margin:1.5rem 0;padding:.75rem 1rem}.tiptap pre code{background:none;color:inherit;font-size:.8rem;padding:0}.tiptap pre .hljs-comment,.tiptap pre .hljs-quote{color:#16b401}.tiptap pre .hljs-variable,.tiptap pre .hljs-template-variable,.tiptap pre .hljs-attribute,.tiptap pre .hljs-tag,.tiptap pre .hljs-name,.tiptap pre .hljs-regexp,.tiptap pre .hljs-link,.tiptap pre .hljs-selector-id,.tiptap pre .hljs-selector-class{color:#f98181}.tiptap pre .hljs-number,.tiptap pre .hljs-meta,.tiptap pre .hljs-built_in,.tiptap pre .hljs-builtin-name,.tiptap pre .hljs-literal,.tiptap pre .hljs-type,.tiptap pre .hljs-params{color:#fbbc88}.tiptap pre .hljs-string,.tiptap pre .hljs-symbol,.tiptap pre .hljs-bullet{color:#b9f18d}.tiptap pre .hljs-title,.tiptap pre .hljs-section{color:#faf594}.tiptap pre .hljs-keyword,.tiptap pre .hljs-selector-tag{color:#70cff8}.tiptap pre .hljs-emphasis{font-style:italic}.tiptap pre .hljs-strong{font-weight:700}.tiptap .code-block{position:relative}.tiptap .code-block select{outline:1px solid rgb(224,224,224)}.code-block{width:80vw!important;max-width:800px!important;border-radius:4px;position:relative;border:1px solid #ccc;margin-top:10px!important}.code-block-header{display:flex;justify-content:space-between;align-items:center;margin:5px 10px!important}.copy-button{outline:1px solid gray;color:#141414;border:none;padding:5px 10px;cursor:pointer;border-radius:3px}.copy-button:hover{background:#e9e8e8}.tiptap :first-child{margin-top:0}.tiptap img{display:block;height:auto;margin:1.5rem 0;width:80vw!important;max-width:800px!important}.tiptap img.ProseMirror-selectednode{outline:3px solid var(--purple)}.tiptap ul,.tiptap ol{padding:0 1rem;margin:1.25rem 1rem 1.25rem .4rem}.tiptap ul[data-type=taskList]{list-style:none;margin-left:0;padding:0}.tiptap ul[data-type=taskList] li{align-items:flex-start;display:flex}.tiptap ul[data-type=taskList] li>label{flex:0 0 auto;margin-right:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tiptap ul[data-type=taskList] li>div{flex:1 1 auto}.tiptap ul[data-type=taskList] input[type=checkbox]{cursor:pointer}.tiptap ul[data-type=taskList] ul[data-type=taskList]{margin:0}.tiptap ul,.tiptap ol{list-style-type:circle;padding:0 1rem;margin:1.25rem 1rem 1.25rem .4rem}.tiptap ul li p,.tiptap ol li p{margin-top:.25em;margin-bottom:.25em}.tiptap h1,.tiptap h2,.tiptap h3,.tiptap h4,.tiptap h5,.tiptap h6{line-height:1.1;margin-top:2.5rem;text-wrap:pretty}.tiptap h1,.tiptap h2{margin-top:3.5rem;margin-bottom:1.5rem}.tiptap h1{font-size:1.4rem;font-weight:bolder}.tiptap h2{font-size:1.2rem}.tiptap h3{font-size:1.1rem}.tiptap code{background:#404040!important;color:#f1dc65!important;border-radius:.4rem;color:var(--black);font-size:.85rem;padding:.25em .3em}.tiptap .collaboration-cursor__caret{position:relative;margin-left:-1px;margin-right:-1px;border-left:1px solid #0d0d0d;border-right:1px solid #0d0d0d;word-break:normal;pointer-events:none}.tiptap .collaboration-cursor__label{position:absolute;top:-1.4em;left:-1px;font-size:12px;font-style:normal;font-weight:600;line-height:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#0d0d0d;padding:.1rem .3rem;border-radius:3px 3px 3px 0;white-space:nowrap}.tiptap pre{max-height:300px;overflow-y:auto;background:#313030!important;border-radius:0!important;margin:0!important;color:var(--white);font-family:JetBrainsMono,monospace}.tiptap pre code{background:none;color:#f5f5f5!important;font-size:.8rem;padding:0}.tiptap mark{background-color:#faf594;border-radius:.4rem;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.1rem .3rem}.tiptap blockquote{border-left:3px solid var(--gray-3);margin:1.5rem 0;padding-left:1rem}.tiptap hr{border:none;border-top:1px solid var(--gray-2);margin:2rem 0}.container-content :focus{outline:none!important;border:none!important}.container-content-page :focus{outline:none!important;border:none!important}.button-group button{outline:1px solid black}.tippy-box{background-color:#fff;border-radius:4px;outline:1px solid black;width:85%}.menubar-controls{box-shadow:-2px 2px #111827!important;border:2px solid #111827!important;border-radius:4px}.menubar-controls button{outline:none;border-right:none!important;background-color:#fff;border-radius:2px;font-weight:bolder;padding:7px 10px!important;margin:0!important}.menubar-controls button:hover{background-color:#f2f2f2}.menubar-controls button.is-active,.menubar-controls button.is-active:hover{background-color:#e5e5e5}.bubble-menu{box-shadow:-2px 2px #111827!important;border:2px solid #111827!important;border-radius:4px}.bubble-menu button{background-color:#fff;border-radius:3px;padding:7px 10px!important;margin:0 2px 0 0!important}.bubble-menu button:hover{background-color:#f2f2f2}.bubble-menu button.is-active,.bubble-menu button.is-active:hover{background-color:#e5e5e5}.input-icon-wrapper{position:relative;display:inline-block}.input-icon-wrapper input[type=color]{opacity:0;width:40px;height:40px;position:absolute;top:0;left:0;color:#fff}.custom-color-picker{width:30px;height:30px;background-color:transparent!important;border-radius:5px;display:flex;align-items:center;justify-content:center}p.is-editor-empty:first-child:before{color:#c4c1c1;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.floating-menu{position:absolute;background:#fff;border:1px solid #ddd;box-shadow:0 2px 4px #0003;z-index:1000}.floating-menu button{background-color:#fff;border-radius:3px;padding:7px 10px!important;margin:0 2px 0 0!important}.floating-menu button:hover{background-color:#f2f2f2}.floating-menu button.is-active,.floating-menu button.is-active:hover{background-color:#e5e5e5}.floating-menu .ant-dropdown-menu{margin:0;padding:0}.dropbtn{border:none;background:none;cursor:pointer}.skeleton-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none}.input-icon-wrapper,.custom-color-picker,input[type=color]{cursor:pointer}.setting-page-wrapper{padding:60px 20px;min-height:100vh;font-family:Mali,cursive;background-color:#f8f9fa;transition:background-color .3s ease}.setting-container{max-width:800px;margin:0 auto}.setting-header{text-align:center;margin-bottom:50px}.setting-header h1{font-size:3.5rem;font-weight:900;margin-bottom:10px;color:#111827}.setting-header h1 svg{color:#ff6b6b;margin-left:10px}.setting-header p{font-size:1.2rem;color:#666;font-weight:600}.setting-grid{display:flex;flex-direction:column;gap:40px}.section-title{font-size:1.5rem;font-weight:900;margin-bottom:20px;padding-left:10px;border-left:6px solid #ff6b6b;color:#111827}.setting-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.setting-item-card{background:#fff;border:3px solid #111827;border-radius:20px;padding:20px;display:flex;align-items:center;gap:20px;box-shadow:6px 6px #111827;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.setting-item-card:hover{transform:translate(-3px,-3px);box-shadow:10px 10px #111827}.setting-item-card.active{border-color:#ff6b6b;background-color:#fff9f9}.setting-item-card .item-icon{width:50px;height:50px;background:#f1f1f1;border:2px solid #111827;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#111827;flex-shrink:0}.setting-item-card .item-info{flex-grow:1;display:flex;flex-direction:column}.setting-item-card .item-info .item-label{font-size:1.2rem;font-weight:900;color:#111827}.setting-item-card .item-info .item-desc{font-size:.9rem;color:#777;font-weight:600;margin-top:2px}.setting-item-card .item-action .ant-switch{background-color:#ddd}.setting-item-card .item-action .ant-switch.ant-switch-checked{background-color:#ff6b6b}.setting-item-card .theme-picker-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.setting-item-card .theme-picker-container .theme-preview-box{width:40px;height:40px;border:2px solid #111827;border-radius:8px;cursor:pointer;transition:all .2s ease;background-color:#fff}.setting-item-card .theme-picker-container .theme-preview-box.selected{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b4d;transform:scale(1.1)}.setting-item-card .theme-picker-container .theme-preview-box:hover{transform:scale(1.1)}.coming-soon{text-align:center;margin-top:80px;padding:30px;border:3px dashed #111827;border-radius:24px;background:#fff}.coming-soon p{font-size:1.1rem;font-weight:800;color:#111827;margin:0}body.eye-protection-active{background-color:#fdf6e3!important;filter:sepia(.3)}body.eye-protection-active .setting-page-wrapper{background-color:transparent}body.dark-mode-active{background-color:#111827!important;color:#fff!important}body.dark-mode-active .setting-page-wrapper{background-color:transparent}body.dark-mode-active .setting-header h1{color:#fff}body.dark-mode-active .setting-header p{color:#ccc}body.dark-mode-active .section-title{color:#fff}body.dark-mode-active .setting-item-card{background:#1f2937;border-color:#fff;box-shadow:6px 6px #fff;color:#fff}body.dark-mode-active .setting-item-card .item-label{color:#fff}body.dark-mode-active .setting-item-card .item-desc{color:#aaa}body.dark-mode-active .setting-item-card .item-icon{background:#374151;border-color:#fff;color:#fff}body.dark-mode-active .setting-item-card:hover{box-shadow:10px 10px #ff6b6b}body.dark-mode-active .coming-soon{background:#1f2937;border-color:#fff}body.dark-mode-active .coming-soon p{color:#fff}body.focus-mode-active .header-container,body.focus-mode-active .navbar,body.focus-mode-active .floating-chat-button{opacity:0!important;pointer-events:none;transition:opacity .5s ease}body.focus-mode-active:hover .header-container,body.focus-mode-active:hover .navbar{opacity:1!important;pointer-events:auto}body.hacker-mode-active{background-color:#000!important;font-family:Space Mono,monospace!important}body.hacker-mode-active *{border-color:#0f0!important;color:#0f0!important;box-shadow:none!important;text-shadow:0 0 5px #00ff00}body.hacker-mode-active .setting-item-card{background:#000;border:1px solid #00ff00}body.hacker-mode-active .setting-item-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;pointer-events:none}body.hacker-mode-active .ant-switch{background-color:#030}body.hacker-mode-active .ant-switch-checked{background-color:#0f0}body.party-mode-active{animation:rainbow-bg 5s linear infinite}body.party-mode-active .setting-item-card{animation:shake .5s ease-in-out infinite alternate}body.party-mode-active .setting-item-card:nth-child(2n){animation-delay:.1s}body.party-mode-active .sketch-title{animation:rainbow-text 2s linear infinite}@keyframes rainbow-bg{0%{background-color:#ffadad!important}20%{background-color:#ffd6a5!important}40%{background-color:#fdffb6!important}60%{background-color:#caffbf!important}80%{background-color:#9bf6ff!important}to{background-color:#ffadad!important}}@keyframes rainbow-text{0%{color:red}33%{color:#0f0}66%{color:#00f}to{color:red}}@keyframes shake{0%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}body.horror-mode-active{background-color:#050505!important;color:#8b0000!important;overflow-x:hidden}body.horror-mode-active:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,transparent 20%,rgba(0,0,0,.9) 80%);pointer-events:none;z-index:9999}body.horror-mode-active:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(https://www.transparenttextures.com/patterns/asfalt-dark.png);opacity:.1;pointer-events:none;z-index:9998}body.horror-mode-active .setting-page-wrapper{background:#000}body.horror-mode-active .setting-header h1{color:red;text-shadow:0 0 10px #ff0000,2px 2px 0 #000;font-family:Space Mono,monospace;animation:flicker 4s infinite}body.horror-mode-active .setting-header p{color:#4a0000;font-family:Space Mono,monospace}body.horror-mode-active .section-title{color:red;border-left-color:red;text-transform:uppercase;letter-spacing:5px}body.horror-mode-active .setting-item-card{background:#111;border:2px solid #333;border-radius:4px;box-shadow:none;position:relative;overflow:hidden}body.horror-mode-active .setting-item-card:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,0,0,.1),transparent);animation:scanline-horror 8s linear infinite}body.horror-mode-active .setting-item-card .item-icon{background:#222;border:1px solid #444;color:#8b0000;border-radius:0}body.horror-mode-active .setting-item-card .item-label{color:#8b0000;font-family:Space Mono,monospace}body.horror-mode-active .setting-item-card .item-desc{color:#4a0000}body.horror-mode-active .setting-item-card:hover{border-color:red;background:#0a0000;transform:scale(1.01);box-shadow:0 0 15px #ff00004d}body.horror-mode-active .setting-item-card.active{border-color:red}body.horror-mode-active .setting-item-card.active .item-label{color:red}body.horror-mode-active .ant-switch{background-color:#222;border:1px solid #444}body.horror-mode-active .ant-switch .ant-switch-inner{color:#444}body.horror-mode-active .ant-switch-checked{background-color:#8b0000;border-color:red}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,22%,24%,55%{opacity:.4}}@keyframes scanline-horror{0%{left:-100%}to{left:200%}}.shortcut-page{padding:80px 20px;max-width:1200px;margin:0 auto;font-family:Mali,cursive;background-color:#f0f2f5;min-height:100vh;color:#111827;position:relative}.shortcut-page:before,.shortcut-page:after{content:"";position:fixed;width:300px;height:300px;filter:blur(80px);z-index:-1;opacity:.4;border-radius:50%}.shortcut-page:before{top:-50px;left:-50px;background:#ff6b6b;animation:float 10s infinite alternate}.shortcut-page:after{bottom:-50px;right:-50px;background:#4ecdc4;animation:float 12s infinite alternate-reverse}@keyframes float{0%{transform:translate(0) rotate(0)}to{transform:translate(50px,50px) rotate(15deg)}}.back-btn{background:#fff;border:3px solid #111827;padding:8px 15px;font-weight:800;cursor:pointer;box-shadow:-4px 4px #111827;transition:all .2s;margin-bottom:40px}.back-btn:hover{transform:translate(2px,-2px);box-shadow:-6px 6px #ff6b6b}.shortcut-header{text-align:center;margin-bottom:80px;animation:slideDown .8s cubic-bezier(.16,1,.3,1)}.shortcut-header .sketch-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;color:#111827;margin-bottom:15px;letter-spacing:-1px}.shortcut-header .sketch-title svg{color:#ff6b6b;margin-left:15px;animation:wiggle 2s infinite ease-in-out}.shortcut-header .sketch-subtitle{font-size:1.3rem;font-weight:600;color:#555;max-width:600px;margin:0 auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.shortcut-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:30px}.shortcut-section{background:#fff;border:4px solid #111827;padding:35px 25px;border-radius:30px;box-shadow:10px 10px #111827;transition:all .3s cubic-bezier(.19,1,.22,1);animation:fadeIn .6s ease-out backwards;display:flex;flex-direction:column}.section-0{background:#fffde7!important}.section-1{background:#eef7ff!important}.section-2{background:#f1f8f1!important}.shortcut-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:10px 0;background:transparent;border-bottom:1px dashed rgba(17,24,39,.1);transition:all .2s;color:#111827!important}.shortcut-card:hover{transform:translate(10px)}.shortcut-card:last-child{border-bottom:none}.info{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.info .desc{font-weight:700;color:#111827!important;font-size:.95rem;line-height:1.3;text-align:right}.info .item-icon{font-size:1.1rem;color:#111827;flex-shrink:0;width:20px;text-align:center}.keys{display:flex;align-items:center;gap:5px}kbd{font-family:Space Mono,monospace;background-color:#fff!important;color:#111827!important;border:2px solid #111827!important;border-radius:6px;padding:4px 10px;font-weight:900;font-size:1rem;box-shadow:0 4px #111827;min-width:35px;text-align:center;display:inline-block}.mod-key{background-color:#111827!important;color:#fff!important}.plus{font-weight:900;color:#111827!important;font-size:1.2rem;margin:0 2px}.info{display:flex;align-items:center;gap:12px;text-align:right}.info .desc{font-weight:700;color:#111827}.info .item-icon{font-size:1.2rem;color:#111827;opacity:.8}.pro-tip{margin-top:60px;padding:20px;border:3px dashed #111827;text-align:center;background:#fffbe6;border-radius:20px;color:#111827}.pro-tip p{margin:0;font-weight:600}.pro-tip b{color:#ff6b6b}@media (max-width: 600px){.shortcut-card{flex-direction:column;align-items:flex-start;gap:10px}.info{text-align:left;width:100%;justify-content:space-between}.sketch-title{font-size:2rem}}.floating-button{position:fixed;bottom:10px;right:15px;border:none;border-radius:9px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;background-color:#fff;box-shadow:-2px 2px #111827!important;border:2px solid #111827!important;transition:background-color .3s}.floating-drawer{cursor:grab;position:fixed;bottom:90px;left:0;border:none;border-radius:0 6px 6px 0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;background-color:#fff;box-shadow:-2px 2px #111827!important;border:2px solid #111827!important;transition:background-color .3s}.floating-button:hover,.floating-button:active{background-color:#f0f0f0}.new-messages-count{position:absolute;top:5px;right:5px;background-color:red;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.ant-tabs-tab-btn{color:#000!important}.page-item{padding:8px;border-radius:4px;margin-bottom:8px;transition:background-color .3s;position:relative}.page-tabs-active{background-color:#f0f0f0;border-radius:4px}.page-item:hover,.ant-dropdown-menu-item:hover{background-color:#f0f0f0!important}.ant-dropdown-menu-item-danger:hover{background-color:#f86060!important}.page-icon{position:absolute;right:10px;bottom:12px;opacity:0;transition:opacity .3s}.page-item:hover .page-icon,.page-tabs-active .page-icon{opacity:.4}.chat-box-private{display:flex;flex-direction:column;height:100%;padding-bottom:60px}.message{flex-grow:1;overflow-y:auto;word-break:break-word;white-space:pre-wrap;padding:10px;background-color:#f5f5f5}.chat-input-private{border:none;display:flex;outline:1px dashed gray;bottom:0;width:100%;padding:10px;background-color:#fff}.chat-input-private:focus{outline:none;outline:1px solid gray}.textarea-private:focus{outline:none}.chat-box{box-shadow:-2px 2px #111827!important;border:2px solid #111827!important;border-radius:6px;max-width:390px;width:93%;height:60px;margin:20px;position:fixed;bottom:60px;right:-5px;min-height:60vh;overflow-y:auto;z-index:1000;display:flex;flex-direction:column;word-break:break-word;background-color:#fff}.section{display:flex;flex-direction:row}.chat-header{background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px;color:#111827;border-bottom:1px dashed #111827}.chat-messages{white-space:pre-wrap;flex-grow:1;padding:10px;overflow-y:auto;background-color:#fff;display:flex;flex-direction:column}.sent-message .chat-user{background-color:#fff;padding:5px;border:2px solid black;border-radius:5px;transform:rotate(3deg);margin-left:auto;margin-bottom:5px;color:#555}.sent-message .chat-date{align-self:flex-start;font-size:small;opacity:.6;margin-bottom:0;margin-top:5px}.received-message>.chat-date{text-align:end;font-size:small;opacity:.6;margin-bottom:0;margin-top:5px}.chat-message{max-width:100%;padding:10px 10px 5px;margin-bottom:10px;border-radius:10px;word-wrap:break-word;border:1px solid #e5e5ea;background-color:#f1f1f1}.sent-message{border:1px solid #e5e5ea;background-color:#f1f1f1;align-self:flex-end;display:flex;flex-direction:column}.sent-message .chat-text,.received-message{align-self:flex-start}.chat-user{display:inline-block;background-color:#fff;padding:5px;border:2px solid black;border-radius:5px;transform:rotate(-3deg);font-size:.8em;margin-bottom:5px;color:#555}.chat-text{margin:0;font-size:1em}.chat-input{background-color:#fff!important;width:100%;border-top:1px solid #bcbcbd;display:flex}.chat-input button{padding:0 10px 0 5px;flex:1;color:#111827;cursor:pointer;background-color:#fff}.chatbox-input{width:99%;padding:8px;box-sizing:border-box;max-height:20vh}.chatbox-input:focus{outline:none!important}.sending-message{font-style:italic;opacity:.6;background-color:#ccc9c9;position:relative}.no-messages{height:100%;display:flex;justify-content:center;align-items:center}.status-dot{bottom:-2px;right:-3px;position:absolute;width:10px;height:10px;border-radius:50%;border:2px solid white}.online{background-color:#28df28}.offline{background-color:#f32a2a}.embed-container{max-width:100%;margin:10px 0}iframe{width:100%;height:205px;border-radius:6px}