/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.snow.css ***!
  \********************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v2.0.2
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

/*# sourceMappingURL=quill.snow.css.map*/
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/scss/snackbar.css ***!
  \**********************************************************************************************************************************************************************************************************************/

.snackbar-container {
  transition: all 500ms ease;
  transition-property: top, right, bottom, left, opacity;
  font-size: 14px;
  min-height: 14px;
  background-color: var(--ul-raise, white);
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--theme-text-primary, black);
  line-height: 22px;
  padding: 12px 24px;
  bottom: -100px;
  top: -100px;
  opacity: 0;
  z-index: 9999;
}
.snackbar-container .action {
  background-color: var(--theme-accent);
  display: inline-block;
  border: none;
  font-size: inherit;
  text-transform: uppercase;
  color: white;
  margin: 0 0 0 24px;
  padding: 8px;
  min-width: min-content;
  cursor: pointer;
}

.snackbar-cancel {
  img {
    width: 14px;
    right: 5px;
    top: 5px;
    position: absolute;
    cursor: pointer;
  }
}

@media (min-width: 640px) {
  .snackbar-container {
    min-width: 288px;
    max-width: 568px;
    display: inline-flex;
    border: 1px solid var(--theme-border-strong);
    margin: 24px;
  }
}

@media (max-width: 640px) {
  .snackbar-container {
    left: 0;
    right: 0;
    width: 100%;
  }
}

.snackbar-pos.bottom-center {
  top: auto !important;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.snackbar-pos.bottom-left {
  top: auto !important;
  bottom: 0;
  left: 0;
}

.snackbar-pos.bottom-right {
  top: auto !important;
  bottom: 0;
  right: 0;
}

.snackbar-pos.top-left {
  bottom: auto !important;
  top: 0;
  left: 0;
}

.snackbar-pos.top-center {
  bottom: auto !important;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.snackbar-pos.top-right {
  bottom: auto !important;
  top: 0;
  right: 0;
}

@media (max-width: 640px) {
  .snackbar-pos.bottom-center,
  .snackbar-pos.top-center {
    left: 0;
    transform: none;
  }
}

[data-skin="midnight"] .snackbar-cancel img { filter: invert(1); }

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 * CybVault "Instrument" materials (design: unolock-cybvault, src/theme/theme.ts).
 *   default  = paper: the printed credential sheet, light.
 *   midnight = pitch: the vault interior, dark.
 * Square corners, milled surfaces (1px top highlight, hard shade, no blur), and strict colour roles:
 * violet only for what you press, green open/safe, gold crypto, pink duress and danger.
 * The --c-* names are the design's own tokens for component styles; --theme-* keep their existing roles.
 */
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('ibm-plex-mono-latin-400-normal.06ac09dcb8ec7d56.woff2') format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('ibm-plex-mono-latin-500-normal.dece0821e8ed059f.woff2') format("woff2");
}
@font-face {
  font-family: "Martian Mono";
  font-style: normal;
  font-stretch: 75% 112.5%;
  font-weight: 100 800;
  font-display: swap;
  src: url('martian-mono-latin-standard-normal.e87eccb680237aa7.woff2') format("woff2");
}
.snackbar-container {
  z-index: 2147483646;
}

:root, [data-skin=default], .skin-default {
  color-scheme: light;
  --ul-font-sans: "DM Sans Variable", "DM Sans", system-ui, sans-serif;
  --ul-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --ul-font-display: "Martian Mono", ui-monospace, monospace;
  --ul-sidebar: 232px;
  --ul-rail: 64px;
  --ul-tabs: 64px;
  --ul-control: 44px;
  --ul-radius: 0px;
  --ul-press: 120ms;
  --ul-state: 240ms;
  --ul-enter: 600ms;
  --ul-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ul-card-shadow: inset 0 1px 0 var(--ul-hi), 0 3px 0 var(--ul-shade);
  --ul-overlay-shadow: 0 18px 55px var(--ul-veil);
  --ul-space-1: 4px;
  --ul-space-2: 8px;
  --ul-space-3: 12px;
  --ul-space-4: 16px;
  --ul-space-5: 20px;
  --ul-space-6: 24px;
  --ul-space-7: 32px;
  --ul-space-8: 48px;
  --ul-space-9: 64px;
  --ul-space-10: 96px;
  --ul-space-11: 128px;
  --ul-header-height: 60px;
  --ul-paper: #EEEEF3;
  --ul-soft: #E4E4EB;
  --ul-rule: #C9C9D3;
  --ul-grid: rgba(30, 30, 40, 0.05);
  --ul-ink: #1E1E28;
  --ul-text: #363642;
  --ul-text2: #484854;
  --ul-dim: #5A5A66;
  --ul-faint: #9A9AA6;
  --ul-violet-deep: #5B4CE0;
  --ul-violet: #4E3FD6;
  --ul-green: #046C4B;
  --ul-gold: #775302;
  --ul-blue: #046677;
  --ul-pink: #A5025B;
  --ul-panel: #B0B0B5;
  --ul-input: #F8F8FB;
  --ul-raise: #F8F8FB;
  --ul-sunk: #E0E0E8;
  --ul-hi: rgba(255, 255, 255, 0.85);
  --ul-shade: #BDBDC8;
  --ul-fill: #5B4CE0;
  --ul-fill-hover: #4536C2;
  --ul-on-fill: #FFFFFF;
  --ul-danger-fill: #CA1072;
  --ul-ring: #5B4CE0;
  --ul-veil: rgba(30, 30, 40, 0.55);
  --ul-header: rgba(238, 238, 243, 0.86);
  --ul-tint: rgba(91, 76, 224, 0.1);
  --ul-tint-green: rgba(4, 108, 75, 0.1);
  --ul-tint-pink: rgba(165, 2, 91, 0.08);
  --ul-tint-gold: rgba(119, 83, 2, 0.1);
  --theme-accent: var(--ul-fill);
  --theme-accent-hover: var(--ul-fill-hover);
  --theme-accent-soft: var(--ul-tint);
  --theme-border-default: var(--ul-rule);
  --theme-border-strong: var(--ul-ink);
  --theme-border-subtle: var(--ul-rule);
  --theme-border-warning: var(--ul-gold);
  --theme-button-border: var(--ul-rule);
  --theme-button-disabled-border: var(--ul-rule);
  --theme-button-disabled-surface: var(--ul-soft);
  --theme-button-disabled-text: var(--ul-dim);
  --theme-button-hover-border: var(--ul-ink);
  --theme-button-hover-surface: var(--ul-fill);
  --theme-button-hover-text: var(--ul-on-fill);
  --theme-button-primary-border: var(--ul-fill);
  --theme-button-primary-hover-border: var(--ul-ink);
  --theme-button-primary-hover-surface: var(--ul-fill-hover);
  --theme-button-primary-hover-text: var(--ul-on-fill);
  --theme-button-primary-surface: var(--ul-fill);
  --theme-button-primary-text: var(--ul-on-fill);
  --theme-button-surface: var(--ul-paper);
  --theme-button-text: var(--ul-ink);
  --theme-control-height: var(--ul-control);
  --theme-danger: var(--ul-pink);
  --theme-danger-soft: var(--ul-tint-pink);
  --theme-danger-text: var(--ul-pink);
  --theme-editor-border: var(--ul-rule);
  --theme-editor-overlay: var(--ul-veil);
  --theme-editor-radius: var(--ul-radius);
  --theme-editor-shadow: var(--ul-overlay-shadow);
  --theme-editor-surface: var(--ul-raise);
  --theme-focus-ring: var(--ul-ring);
  --theme-font-family: var(--ul-font-sans);
  --theme-hover-soft: var(--ul-tint);
  --theme-info: var(--ul-blue);
  --theme-info-soft: var(--ul-tint);
  --theme-modal-border: var(--ul-rule);
  --theme-modal-close-hover-bg: var(--ul-tint);
  --theme-modal-close-hover-border: var(--ul-ink);
  --theme-modal-header-border: var(--ul-rule);
  --theme-modal-overlay: var(--ul-veil);
  --theme-modal-overlay-strong: var(--ul-veil);
  --theme-modal-radius: var(--ul-radius);
  --theme-modal-shadow: var(--ul-overlay-shadow);
  --theme-modal-surface: var(--ul-raise);
  --theme-modal-surface-emphasis: var(--ul-raise);
  --theme-modal-text: var(--ul-ink);
  --theme-modal-warning-border: var(--ul-gold);
  --theme-modal-warning-header-border: var(--ul-gold);
  --theme-overlay: var(--ul-veil);
  --theme-overlay-soft: var(--ul-veil);
  --theme-overlay-strong: var(--ul-veil);
  --theme-page-bg: var(--ul-paper);
  --theme-radius-2xl: var(--ul-radius);
  --theme-radius-field: var(--ul-radius);
  --theme-radius-lg: var(--ul-radius);
  --theme-radius-md: var(--ul-radius);
  --theme-radius-none: var(--ul-radius);
  --theme-radius-panel: var(--ul-radius);
  --theme-radius-pill: var(--ul-radius);
  --theme-radius-sm: var(--ul-radius);
  --theme-radius-xl: var(--ul-radius);
  --theme-radius-xs: var(--ul-radius);
  --theme-scrollbar: var(--ul-dim);
  --theme-scrollbar-hover: var(--ul-text2);
  --theme-shadow-card: var(--ul-card-shadow);
  --theme-shadow-elevated: var(--ul-overlay-shadow);
  --theme-shadow-soft: var(--ul-overlay-shadow);
  --theme-shell-bg: var(--ul-paper);
  --theme-shell-bg-muted: var(--ul-soft);
  --theme-shell-border: var(--ul-rule);
  --theme-shell-surface: var(--ul-raise);
  --theme-shell-surface-hover: var(--ul-raise);
  --theme-shell-surface-muted: var(--ul-soft);
  --theme-shell-text: var(--ul-ink);
  --theme-space-1: var(--ul-space-1);
  --theme-space-2: var(--ul-space-2);
  --theme-space-3: var(--ul-space-3);
  --theme-space-4: var(--ul-space-4);
  --theme-space-5: var(--ul-space-5);
  --theme-space-6: var(--ul-space-6);
  --theme-success: var(--ul-green);
  --theme-success-surface: var(--ul-tint-green);
  --theme-success-text: var(--ul-green);
  --theme-surface-base: var(--ul-paper);
  --theme-surface-elevated: var(--ul-raise);
  --theme-surface-emphasis: var(--ul-raise);
  --theme-surface-muted: var(--ul-soft);
  --theme-surface-subtle: var(--ul-soft);
  --theme-surface-translucent: var(--ul-header);
  --theme-text-inverse: var(--ul-on-fill);
  --theme-text-muted: var(--ul-dim);
  --theme-text-primary: var(--ul-ink);
  --theme-text-secondary: var(--ul-text);
  --theme-transition-base: var(--ul-state) var(--ul-ease);
  --theme-transition-fast: var(--ul-press) var(--ul-ease);
  --theme-warning: var(--ul-gold);
  --theme-warning-border: var(--ul-gold);
  --theme-warning-soft: var(--ul-tint-gold);
  --theme-warning-surface: var(--ul-tint-gold);
  --theme-warning-text: var(--ul-gold);
  --theme-keypad-display-filter: none;
}

[data-skin=midnight], .skin-midnight {
  color-scheme: dark;
  --ul-font-sans: "DM Sans Variable", "DM Sans", system-ui, sans-serif;
  --ul-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --ul-font-display: "Martian Mono", ui-monospace, monospace;
  --ul-sidebar: 232px;
  --ul-rail: 64px;
  --ul-tabs: 64px;
  --ul-control: 44px;
  --ul-radius: 0px;
  --ul-press: 120ms;
  --ul-state: 240ms;
  --ul-enter: 600ms;
  --ul-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ul-card-shadow: inset 0 1px 0 var(--ul-hi), 0 3px 0 var(--ul-shade);
  --ul-overlay-shadow: 0 18px 55px var(--ul-veil);
  --ul-space-1: 4px;
  --ul-space-2: 8px;
  --ul-space-3: 12px;
  --ul-space-4: 16px;
  --ul-space-5: 20px;
  --ul-space-6: 24px;
  --ul-space-7: 32px;
  --ul-space-8: 48px;
  --ul-space-9: 64px;
  --ul-space-10: 96px;
  --ul-space-11: 128px;
  --ul-header-height: 60px;
  --ul-paper: #1E1E28;
  --ul-soft: #17171E;
  --ul-rule: #34343F;
  --ul-grid: rgba(242, 242, 245, 0.045);
  --ul-ink: #F2F2F5;
  --ul-text: #C6C6CF;
  --ul-text2: #ADADB8;
  --ul-dim: #9A9AA5;
  --ul-faint: #5E5E6A;
  --ul-violet-deep: #7163F1;
  --ul-violet: #988DF7;
  --ul-green: #4CC79A;
  --ul-gold: #D9B160;
  --ul-blue: #7FC4DD;
  --ul-pink: #EE7BA3;
  --ul-panel: #B0B0B5;
  --ul-input: #17171E;
  --ul-raise: #262630;
  --ul-sunk: #141419;
  --ul-hi: rgba(255, 255, 255, 0.07);
  --ul-shade: #0E0E13;
  --ul-fill: #6658DD;
  --ul-fill-hover: #5144B7;
  --ul-on-fill: #FFFFFF;
  --ul-danger-fill: #CA1072;
  --ul-ring: #988DF7;
  --ul-veil: rgba(14, 14, 19, 0.78);
  --ul-header: rgba(30, 30, 40, 0.84);
  --ul-tint: rgba(113, 99, 241, 0.12);
  --ul-tint-green: rgba(76, 199, 154, 0.12);
  --ul-tint-pink: rgba(238, 123, 163, 0.12);
  --ul-tint-gold: rgba(217, 177, 96, 0.12);
  --theme-accent: var(--ul-fill);
  --theme-accent-hover: var(--ul-fill-hover);
  --theme-accent-soft: var(--ul-tint);
  --theme-border-default: var(--ul-rule);
  --theme-border-strong: var(--ul-ink);
  --theme-border-subtle: var(--ul-rule);
  --theme-border-warning: var(--ul-gold);
  --theme-button-border: var(--ul-rule);
  --theme-button-disabled-border: var(--ul-rule);
  --theme-button-disabled-surface: var(--ul-soft);
  --theme-button-disabled-text: var(--ul-dim);
  --theme-button-hover-border: var(--ul-ink);
  --theme-button-hover-surface: var(--ul-fill);
  --theme-button-hover-text: var(--ul-on-fill);
  --theme-button-primary-border: var(--ul-fill);
  --theme-button-primary-hover-border: var(--ul-ink);
  --theme-button-primary-hover-surface: var(--ul-fill-hover);
  --theme-button-primary-hover-text: var(--ul-on-fill);
  --theme-button-primary-surface: var(--ul-fill);
  --theme-button-primary-text: var(--ul-on-fill);
  --theme-button-surface: var(--ul-paper);
  --theme-button-text: var(--ul-ink);
  --theme-control-height: var(--ul-control);
  --theme-danger: var(--ul-pink);
  --theme-danger-soft: var(--ul-tint-pink);
  --theme-danger-text: var(--ul-pink);
  --theme-editor-border: var(--ul-rule);
  --theme-editor-overlay: var(--ul-veil);
  --theme-editor-radius: var(--ul-radius);
  --theme-editor-shadow: var(--ul-overlay-shadow);
  --theme-editor-surface: var(--ul-raise);
  --theme-focus-ring: var(--ul-ring);
  --theme-font-family: var(--ul-font-sans);
  --theme-hover-soft: var(--ul-tint);
  --theme-info: var(--ul-blue);
  --theme-info-soft: var(--ul-tint);
  --theme-modal-border: var(--ul-rule);
  --theme-modal-close-hover-bg: var(--ul-tint);
  --theme-modal-close-hover-border: var(--ul-ink);
  --theme-modal-header-border: var(--ul-rule);
  --theme-modal-overlay: var(--ul-veil);
  --theme-modal-overlay-strong: var(--ul-veil);
  --theme-modal-radius: var(--ul-radius);
  --theme-modal-shadow: var(--ul-overlay-shadow);
  --theme-modal-surface: var(--ul-raise);
  --theme-modal-surface-emphasis: var(--ul-raise);
  --theme-modal-text: var(--ul-ink);
  --theme-modal-warning-border: var(--ul-gold);
  --theme-modal-warning-header-border: var(--ul-gold);
  --theme-overlay: var(--ul-veil);
  --theme-overlay-soft: var(--ul-veil);
  --theme-overlay-strong: var(--ul-veil);
  --theme-page-bg: var(--ul-paper);
  --theme-radius-2xl: var(--ul-radius);
  --theme-radius-field: var(--ul-radius);
  --theme-radius-lg: var(--ul-radius);
  --theme-radius-md: var(--ul-radius);
  --theme-radius-none: var(--ul-radius);
  --theme-radius-panel: var(--ul-radius);
  --theme-radius-pill: var(--ul-radius);
  --theme-radius-sm: var(--ul-radius);
  --theme-radius-xl: var(--ul-radius);
  --theme-radius-xs: var(--ul-radius);
  --theme-scrollbar: var(--ul-dim);
  --theme-scrollbar-hover: var(--ul-text2);
  --theme-shadow-card: var(--ul-card-shadow);
  --theme-shadow-elevated: var(--ul-overlay-shadow);
  --theme-shadow-soft: var(--ul-overlay-shadow);
  --theme-shell-bg: var(--ul-paper);
  --theme-shell-bg-muted: var(--ul-soft);
  --theme-shell-border: var(--ul-rule);
  --theme-shell-surface: var(--ul-raise);
  --theme-shell-surface-hover: var(--ul-raise);
  --theme-shell-surface-muted: var(--ul-soft);
  --theme-shell-text: var(--ul-ink);
  --theme-space-1: var(--ul-space-1);
  --theme-space-2: var(--ul-space-2);
  --theme-space-3: var(--ul-space-3);
  --theme-space-4: var(--ul-space-4);
  --theme-space-5: var(--ul-space-5);
  --theme-space-6: var(--ul-space-6);
  --theme-success: var(--ul-green);
  --theme-success-surface: var(--ul-tint-green);
  --theme-success-text: var(--ul-green);
  --theme-surface-base: var(--ul-paper);
  --theme-surface-elevated: var(--ul-raise);
  --theme-surface-emphasis: var(--ul-raise);
  --theme-surface-muted: var(--ul-soft);
  --theme-surface-subtle: var(--ul-soft);
  --theme-surface-translucent: var(--ul-header);
  --theme-text-inverse: var(--ul-on-fill);
  --theme-text-muted: var(--ul-dim);
  --theme-text-primary: var(--ul-ink);
  --theme-text-secondary: var(--ul-text);
  --theme-transition-base: var(--ul-state) var(--ul-ease);
  --theme-transition-fast: var(--ul-press) var(--ul-ease);
  --theme-warning: var(--ul-gold);
  --theme-warning-border: var(--ul-gold);
  --theme-warning-soft: var(--ul-tint-gold);
  --theme-warning-surface: var(--ul-tint-gold);
  --theme-warning-text: var(--ul-gold);
  --theme-keypad-display-filter: invert(1) hue-rotate(180deg) brightness(1.12) contrast(0.75);
}
[data-skin=midnight] #loading-screen .lslogo, .skin-midnight #loading-screen .lslogo {
  filter: invert(1);
}

:root,
[data-skin=default],
.skin-default {
  color-scheme: light;
  --theme-font-family: "DM Sans Variable", "DM Sans", system-ui, sans-serif;
  --theme-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --theme-font-display: "Martian Mono Variable", "Martian Mono", "IBM Plex Mono", ui-monospace, monospace;
  --theme-radius-none: 0px;
  --theme-radius-xs: 0px;
  --theme-radius-sm: 0px;
  --theme-radius-md: 0px;
  --theme-radius-lg: 0px;
  --theme-radius-xl: 0px;
  --theme-radius-2xl: 0px;
  --theme-radius-field: 0px;
  --theme-radius-pill: 0px;
  --theme-radius-panel: 0px;
  --theme-modal-radius: 0px;
  --theme-editor-radius: 0px;
  --theme-control-height: 44px;
  --theme-space-1: 4px;
  --theme-space-2: 8px;
  --theme-space-3: 12px;
  --theme-space-4: 16px;
  --theme-space-5: 24px;
  --theme-space-6: 32px;
  --theme-transition-fast: 120ms cubic-bezier(0.22, 1, 0.36, 1);
  --theme-transition-base: 240ms cubic-bezier(0.22, 1, 0.36, 1);
  --d-press: 120ms;
  --d-state: 240ms;
  --d-enter: 600ms;
  --e-out: cubic-bezier(0.22, 1, 0.36, 1);
  --e-move: cubic-bezier(0.65, 0, 0.35, 1);
  --e-latch: cubic-bezier(0.2, 0, 0.1, 1.02);
  --f-sans: "DM Sans Variable", "DM Sans", system-ui, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, monospace;
  --f-disp: "Martian Mono Variable", "Martian Mono", "IBM Plex Mono", ui-monospace, monospace;
  --c-danger-fill: #CA1072;
  --c-on-fill: #FFFFFF;
  --action: #7163F1;
  --action-hover: #8477F5;
  --danger: #F2388F;
  --crypto: #C18C21;
  --affordance: #5FC2D9;
  --affordance-light: #ACF1FC;
  --pitch: #1E1E28;
  --c-paper: #EEEEF3;
  --c-soft: #E4E4EB;
  --c-rule: #C9C9D3;
  --c-grid: rgba(30, 30, 40, 0.05);
  --c-ink: #1E1E28;
  --c-text: #363642;
  --c-text2: #484854;
  --c-dim: #5A5A66;
  --c-faint: #9A9AA6;
  --c-violet-deep: #5B4CE0;
  --c-violet: #4E3FD6;
  --c-green: #046C4B;
  --c-gold: #775302;
  --c-blue: #046677;
  --c-pink: #A5025B;
  --c-panel: #B0B0B5;
  --c-input: #F8F8FB;
  --c-raise: #F8F8FB;
  --c-sunk: #E0E0E8;
  --c-hi: rgba(255, 255, 255, 0.85);
  --c-shade: #BDBDC8;
  --c-fill: #5B4CE0;
  --c-fill-hover: #4536C2;
  --c-ring: #5B4CE0;
  --c-veil: rgba(30, 30, 40, 0.55);
  --c-header: rgba(238, 238, 243, 0.86);
  --c-tint: rgba(91, 76, 224, 0.1);
  --c-tint-green: rgba(4, 108, 75, 0.1);
  --c-tint-pink: rgba(165, 2, 91, 0.08);
  --c-tint-gold: rgba(119, 83, 2, 0.1);
  --theme-page-bg: #EEEEF3;
  --theme-surface-base: #F8F8FB;
  --theme-surface-elevated: #F8F8FB;
  --theme-surface-emphasis: #F8F8FB;
  --theme-surface-muted: #E4E4EB;
  --theme-surface-subtle: #E4E4EB;
  --theme-surface-translucent: rgba(238, 238, 243, 0.86);
  --theme-shell-bg: #5B4CE0;
  --theme-shell-bg-muted: #5A5A66;
  --theme-shell-surface: #EEEEF3;
  --theme-shell-surface-hover: #F8F8FB;
  --theme-shell-surface-muted: #E4E4EB;
  --theme-shell-text: #1E1E28;
  --theme-shell-border: #C9C9D3;
  --theme-text-primary: #1E1E28;
  --theme-text-secondary: #484854;
  --theme-text-muted: #5A5A66;
  --theme-text-inverse: #FFFFFF;
  --theme-border-subtle: #C9C9D3;
  --theme-border-default: #C9C9D3;
  --theme-border-strong: #1E1E28;
  --theme-border-warning: #775302;
  --theme-accent: #4E3FD6;
  --theme-accent-hover: #5B4CE0;
  --theme-accent-soft: rgba(91, 76, 224, 0.1);
  --theme-info: #046677;
  --theme-info-soft: rgba(4, 102, 119, 0.12);
  --theme-success: #046C4B;
  --theme-success-surface: rgba(4, 108, 75, 0.1);
  --theme-success-text: #046C4B;
  --theme-danger: #A5025B;
  --theme-danger-soft: rgba(165, 2, 91, 0.08);
  --theme-danger-text: #A5025B;
  --theme-warning: #775302;
  --theme-warning-soft: rgba(119, 83, 2, 0.1);
  --theme-warning-surface: rgba(119, 83, 2, 0.1);
  --theme-warning-border: #775302;
  --theme-warning-text: #1E1E28;
  --theme-overlay: rgba(30, 30, 40, 0.55);
  --theme-overlay-strong: rgba(30, 30, 40, 0.55);
  --theme-overlay-soft: rgba(30, 30, 40, 0.55);
  --theme-modal-overlay: rgba(30, 30, 40, 0.55);
  --theme-modal-overlay-strong: rgba(30, 30, 40, 0.55);
  --theme-modal-surface: #EEEEF3;
  --theme-modal-surface-emphasis: #EEEEF3;
  --theme-modal-border: #C9C9D3;
  --theme-modal-header-border: #C9C9D3;
  --theme-modal-warning-border: #775302;
  --theme-modal-warning-header-border: #C9C9D3;
  --theme-modal-shadow: none;
  --theme-modal-text: #1E1E28;
  --theme-modal-close-hover-bg: #F8F8FB;
  --theme-modal-close-hover-border: #1E1E28;
  --theme-keypad-display-filter: none;
  --theme-button-border: #C9C9D3;
  --theme-button-text: #1E1E28;
  --theme-button-surface: #F8F8FB;
  --theme-button-hover-border: #1E1E28;
  --theme-button-hover-text: #1E1E28;
  --theme-button-hover-surface: #F8F8FB;
  --theme-button-primary-border: #5B4CE0;
  --theme-button-primary-text: #FFFFFF;
  --theme-button-primary-surface: #5B4CE0;
  --theme-button-primary-hover-border: #4536C2;
  --theme-button-primary-hover-text: #FFFFFF;
  --theme-button-primary-hover-surface: #4536C2;
  --theme-button-disabled-border: #C9C9D3;
  --theme-button-disabled-text: #9A9AA6;
  --theme-button-disabled-surface: #E4E4EB;
  --theme-editor-overlay: rgba(30, 30, 40, 0.55);
  --theme-editor-surface: #EEEEF3;
  --theme-editor-border: #C9C9D3;
  --theme-editor-shadow: none;
  --theme-hover-soft: rgba(91, 76, 224, 0.1);
  --theme-scrollbar: #9A9AA6;
  --theme-scrollbar-hover: #5A5A66;
  --theme-shadow-soft: none;
  --theme-shadow-elevated: none;
  --theme-shadow-card: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 2px 0 #BDBDC8;
  --theme-focus-ring: rgba(91, 76, 224, 0.1);
}

[data-skin=midnight],
.skin-midnight {
  color-scheme: dark;
  --theme-font-family: "DM Sans Variable", "DM Sans", system-ui, sans-serif;
  --theme-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --theme-font-display: "Martian Mono Variable", "Martian Mono", "IBM Plex Mono", ui-monospace, monospace;
  --theme-radius-none: 0px;
  --theme-radius-xs: 0px;
  --theme-radius-sm: 0px;
  --theme-radius-md: 0px;
  --theme-radius-lg: 0px;
  --theme-radius-xl: 0px;
  --theme-radius-2xl: 0px;
  --theme-radius-field: 0px;
  --theme-radius-pill: 0px;
  --theme-radius-panel: 0px;
  --theme-modal-radius: 0px;
  --theme-editor-radius: 0px;
  --theme-control-height: 44px;
  --theme-space-1: 4px;
  --theme-space-2: 8px;
  --theme-space-3: 12px;
  --theme-space-4: 16px;
  --theme-space-5: 24px;
  --theme-space-6: 32px;
  --theme-transition-fast: 120ms cubic-bezier(0.22, 1, 0.36, 1);
  --theme-transition-base: 240ms cubic-bezier(0.22, 1, 0.36, 1);
  --d-press: 120ms;
  --d-state: 240ms;
  --d-enter: 600ms;
  --e-out: cubic-bezier(0.22, 1, 0.36, 1);
  --e-move: cubic-bezier(0.65, 0, 0.35, 1);
  --e-latch: cubic-bezier(0.2, 0, 0.1, 1.02);
  --f-sans: "DM Sans Variable", "DM Sans", system-ui, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, monospace;
  --f-disp: "Martian Mono Variable", "Martian Mono", "IBM Plex Mono", ui-monospace, monospace;
  --c-danger-fill: #CA1072;
  --c-on-fill: #FFFFFF;
  --action: #7163F1;
  --action-hover: #8477F5;
  --danger: #F2388F;
  --crypto: #C18C21;
  --affordance: #5FC2D9;
  --affordance-light: #ACF1FC;
  --pitch: #1E1E28;
  --c-paper: #1E1E28;
  --c-soft: #17171E;
  --c-rule: #34343F;
  --c-grid: rgba(242, 242, 245, 0.045);
  --c-ink: #F2F2F5;
  --c-text: #C6C6CF;
  --c-text2: #ADADB8;
  --c-dim: #9A9AA5;
  --c-faint: #5E5E6A;
  --c-violet-deep: #7163F1;
  --c-violet: #988DF7;
  --c-green: #4CC79A;
  --c-gold: #D9B160;
  --c-blue: #7FC4DD;
  --c-pink: #EE7BA3;
  --c-panel: #B0B0B5;
  --c-input: #17171E;
  --c-raise: #262630;
  --c-sunk: #141419;
  --c-hi: rgba(255, 255, 255, 0.07);
  --c-shade: #0E0E13;
  --c-fill: #6658DD;
  --c-fill-hover: #5144B7;
  --c-ring: #988DF7;
  --c-veil: rgba(14, 14, 19, 0.78);
  --c-header: rgba(30, 30, 40, 0.84);
  --c-tint: rgba(113, 99, 241, 0.12);
  --c-tint-green: rgba(76, 199, 154, 0.12);
  --c-tint-pink: rgba(238, 123, 163, 0.12);
  --c-tint-gold: rgba(217, 177, 96, 0.12);
  --theme-page-bg: #1E1E28;
  --theme-surface-base: #262630;
  --theme-surface-elevated: #262630;
  --theme-surface-emphasis: #262630;
  --theme-surface-muted: #17171E;
  --theme-surface-subtle: #17171E;
  --theme-surface-translucent: rgba(30, 30, 40, 0.84);
  --theme-shell-bg: #6658DD;
  --theme-shell-bg-muted: #9A9AA5;
  --theme-shell-surface: #1E1E28;
  --theme-shell-surface-hover: #262630;
  --theme-shell-surface-muted: #17171E;
  --theme-shell-text: #F2F2F5;
  --theme-shell-border: #34343F;
  --theme-text-primary: #F2F2F5;
  --theme-text-secondary: #ADADB8;
  --theme-text-muted: #9A9AA5;
  --theme-text-inverse: #FFFFFF;
  --theme-border-subtle: #34343F;
  --theme-border-default: #34343F;
  --theme-border-strong: #F2F2F5;
  --theme-border-warning: #D9B160;
  --theme-accent: #988DF7;
  --theme-accent-hover: #7163F1;
  --theme-accent-soft: rgba(113, 99, 241, 0.12);
  --theme-info: #7FC4DD;
  --theme-info-soft: rgba(127, 196, 221, 0.12);
  --theme-success: #4CC79A;
  --theme-success-surface: rgba(76, 199, 154, 0.12);
  --theme-success-text: #4CC79A;
  --theme-danger: #EE7BA3;
  --theme-danger-soft: rgba(238, 123, 163, 0.12);
  --theme-danger-text: #EE7BA3;
  --theme-warning: #D9B160;
  --theme-warning-soft: rgba(217, 177, 96, 0.12);
  --theme-warning-surface: rgba(217, 177, 96, 0.12);
  --theme-warning-border: #D9B160;
  --theme-warning-text: #F2F2F5;
  --theme-overlay: rgba(14, 14, 19, 0.78);
  --theme-overlay-strong: rgba(14, 14, 19, 0.78);
  --theme-overlay-soft: rgba(14, 14, 19, 0.78);
  --theme-modal-overlay: rgba(14, 14, 19, 0.78);
  --theme-modal-overlay-strong: rgba(14, 14, 19, 0.78);
  --theme-modal-surface: #1E1E28;
  --theme-modal-surface-emphasis: #1E1E28;
  --theme-modal-border: #34343F;
  --theme-modal-header-border: #34343F;
  --theme-modal-warning-border: #D9B160;
  --theme-modal-warning-header-border: #34343F;
  --theme-modal-shadow: none;
  --theme-modal-text: #F2F2F5;
  --theme-modal-close-hover-bg: #262630;
  --theme-modal-close-hover-border: #F2F2F5;
  --theme-keypad-display-filter: invert(1) hue-rotate(180deg) brightness(1.25) contrast(0.8);
  --theme-button-border: #34343F;
  --theme-button-text: #F2F2F5;
  --theme-button-surface: #262630;
  --theme-button-hover-border: #F2F2F5;
  --theme-button-hover-text: #F2F2F5;
  --theme-button-hover-surface: #262630;
  --theme-button-primary-border: #6658DD;
  --theme-button-primary-text: #FFFFFF;
  --theme-button-primary-surface: #6658DD;
  --theme-button-primary-hover-border: #5144B7;
  --theme-button-primary-hover-text: #FFFFFF;
  --theme-button-primary-hover-surface: #5144B7;
  --theme-button-disabled-border: #34343F;
  --theme-button-disabled-text: #5E5E6A;
  --theme-button-disabled-surface: #17171E;
  --theme-editor-overlay: rgba(14, 14, 19, 0.78);
  --theme-editor-surface: #1E1E28;
  --theme-editor-border: #34343F;
  --theme-editor-shadow: none;
  --theme-hover-soft: rgba(113, 99, 241, 0.12);
  --theme-scrollbar: #5E5E6A;
  --theme-scrollbar-hover: #9A9AA5;
  --theme-shadow-soft: none;
  --theme-shadow-elevated: none;
  --theme-shadow-card: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 2px 0 #0E0E13;
  --theme-focus-ring: rgba(113, 99, 241, 0.12);
}

:root {
  --sat-safe-area-bottom: env(safe-area-inset-bottom, 0px);
}

.help-item-container {
  display: flex;
  align-items: center; /* Aligns items vertically center */
  justify-content: flex-end; /* Separates the content and the help icon */
}

.help-icon {
  /* Existing CSS for the icon, add the following if not present */
  cursor: pointer;
  margin: 8px; /* Adjust as needed */
}

.main {
  background-color: var(--theme-page-bg);
  color: var(--theme-text-primary);
}

.H:hover {
  outline: none !important;
  background-color: var(--theme-hover-soft) !important;
  cursor: pointer !important;
}

.w-100 {
  width: 100% !important;
}

.d-none {
  display: none !important;
}

.d-flex {
  display: flex !important;
}

.mx-auto {
  transition: all 0.7s;
}

.pop:hover::before {
  transition: opacity 0.3s ease-in-out;
  content: attr(data-pop);
  position: absolute;
  width: max-content;
  transform: translate(-50%, 0);
  top: 37px;
  padding: 3px 9px;
  border-radius: 5px;
  z-index: 1002;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  height: 16px;
  width: 16px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--theme-scrollbar);
  background-clip: padding-box;
  border: solid transparent;
  border-width: 1px 1px 1px 6px;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}

*::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 4px;
}

img,
svg {
  vertical-align: middle;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  background-color: var(--theme-page-bg);
  color: var(--theme-text-primary);
  font-family: var(--theme-font-family);
  font-style: normal;
  font-weight: normal;
  max-width: 100%;
  overflow-x: hidden;
  font-size: 16px;
  line-height: 1.6;
}

:focus-visible {
  outline: 2px solid var(--ul-ring);
  outline-offset: 3px;
}

.workspace-heading {
  font-family: var(--ul-font-display);
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 500;
  font-stretch: 87.5%;
  line-height: 1.25;
  margin: 0 0 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--ul-rule);
  overflow-wrap: anywhere;
}

@media (max-width: 767px) {
  .workspace-heading {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Respect system bars and round corners only for Tauri mobile (android/ios) */
@supports (padding: env(safe-area-inset-top)) {
  .tauri-mobile {
    --safe-top: env(safe-area-inset-top, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
  }
  .tauri-mobile body {
    padding-top: var(--safe-top);
    padding-bottom: var(--safe-bottom);
  }
  .tauri-mobile app-root {
    display: block;
    border-radius: 12px;
    overflow: hidden;
    background-clip: padding-box;
  }
}
button {
  font-family: var(--theme-font-family);
  font-style: normal;
  font-weight: 600;
}

input[type=radio],
input[type=checkbox] {
  appearance: none; /* Remove default checkbox styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: color-mix(in srgb, var(--theme-info) 14%, var(--theme-surface-base));
  border: 1px solid var(--theme-border-strong);
  cursor: pointer;
  outline: none;
  margin-right: 8px; /* Add space between checkbox and label */
  position: relative; /* Ensure the pseudo-element is positioned relative to the checkbox */
}

input[type=radio]:checked,
input[type=checkbox]:checked {
  background-color: var(--theme-info); /* Set background color for checked state */
}

input[type=radio]:checked::before,
input[type=checkbox]:checked::before {
  content: ""; /* Create an empty element */
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px; /* Width of the black square */
  height: 10px; /* Height of the black square */
  background-color: var(--theme-border-strong);
  transform: translate(-50%, -50%); /* Center the square inside the checkbox */
}

input[type=radio]:disabled,
input[type=checkbox]:disabled {
  background-color: var(--theme-surface-base);
  border-color: var(--theme-text-muted);
  cursor: not-allowed;
}

.cbox-ph-container {
  position: relative;
  display: flex;
  align-items: center;
  padding: 9px 0px 9px 24px;
}

.cboxes {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  white-space: pre-wrap;
  word-wrap: break-word;
  --webkit-line-clamp: 3;
}

.cboxes.min {
  margin: 5px 0px 5px 13px;
}

.cbox-container {
  position: relative;
  display: flex;
  align-items: center;
  padding: 5px 0px;
}

.cbox-container:hover .cbox-move-icon:not(.hide),
.cbox-container:hover .cbox-cancel-icon {
  visibility: visible;
}

.cbox-record-container {
  overflow: auto;
  min-width: 240px;
}

.cbox-record-container.min {
  width: 76%;
}

.cbox-record {
  font-size: 0.875rem;
  line-height: 1.25rem;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding-left: 5px;
  width: 100%;
  transition: all 1s;
  overflow-wrap: break-word;
}

.cbox-record.small {
  padding-left: 0px;
}

.cbox-record.min {
  font-size: 0.75rem;
}

.cbox-record.ph {
  position: absolute;
  pointer-events: none;
  width: 90%;
}

.cbox-record:focus-visible {
  outline: 0;
}

.cbox-done {
  text-decoration: line-through;
  color: var(--theme-text-muted);
}

.cbox-done-container {
  display: flex;
  justify-content: flex-start;
  color: var(--theme-text-muted);
  font-size: 0.875rem;
  line-height: 1.25rem;
  cursor: pointer;
  margin-left: 18px;
  margin-bottom: 5px;
}

.cbox-done-container:hover > div {
  opacity: 1;
}

.hr {
  border-bottom: 1px solid var(--theme-border-subtle);
  margin: 14px 24px 14px 24px;
}

.cbox-cancel-icon, .cbox-plus-icon, .cbox-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cbox-cancel-icon::after, .cbox-plus-icon::after, .cbox-icon::after {
  content: "";
  display: block;
  inline-size: 24px;
  block-size: 24px;
  flex: 0 0 24px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cbox-cancel-icon, .cbox-plus-icon, .cbox-icon {
  opacity: 0.54;
  outline: none;
}

.cbox-icon {
  cursor: pointer;
  --icon-url: url('box.539fdfffb739.4f94d18b8aa332a8.svg');
  width: 25px;
  min-width: 25px;
  height: 25px;
}

.cbox-icon.done {
  --icon-url: url('box-checked.66ba65c826ba.6c365852b7501638.svg') !important;
}

.cbox-icon:hover {
  opacity: 0.87;
}

.cbox-plus-icon {
  --icon-url: url('plus.cddabff4a614.15d0696216fae1cd.svg');
  padding: 8px;
}

.cbox-cancel-icon {
  --icon-url: url('cancel.ba555bf7c404.89ed333872896a28.svg');
  padding: 13px;
  margin-right: 4px;
  visibility: hidden;
  margin-left: auto;
}

.cbox-cancel-icon.min {
  margin-right: 2px;
  padding: 11px;
}

.cbox-cancel-icon:hover {
  opacity: 0.87;
}

.cbox-move-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cbox-move-icon::after {
  content: "";
  display: block;
  inline-size: 24px;
  block-size: 24px;
  flex: 0 0 24px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cbox-move-icon {
  --icon-url: url('move.e5f46d5cf961.65d7ffe364e42c2c.svg');
  cursor: move;
  height: 24px;
  width: 24px;
  min-width: 24px;
  left: 0;
  opacity: 0.54;
  visibility: hidden;
}

/* Media query for mobile devices */
@media screen and (max-width: 768px) {
  .cbox-move-icon {
    visibility: visible;
  }
}
.cbox-arrow {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cbox-arrow::after {
  content: "";
  display: block;
  inline-size: 24px;
  block-size: 24px;
  flex: 0 0 24px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cbox-arrow {
  --icon-url: url('arrow.cb8d986488f5.efb3ca101ff88480.svg');
  color: var(--theme-text-secondary);
  height: 24px;
  width: 24px;
  opacity: 0.54;
}

.cbox-arrow.rotate {
  transform: rotate(90deg);
}

.icons-container {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
}

.icons-container.min {
  justify-content: center;
}

.icons-container.min .icons > div {
  margin: 0 2px;
}

.icons-container .icons {
  display: flex;
  align-items: center;
}

.icons-container .icons .undo.r, .icons-container .icons .color, .icons-container .icons .more, .icons-container .icons .archive {
  opacity: 0.71;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  width: 34px;
  position: relative;
}

.icons-container .icons .undo.r::after, .icons-container .icons .color::after, .icons-container .icons .more::after, .icons-container .icons .archive::after {
  content: "";
  display: block;
  inline-size: 18px;
  block-size: 18px;
  flex: 0 0 18px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.icons-container .icons .archive {
  --icon-url: url('archives.0ff95a92fbf8.19dfeab05758a82c.svg');
}

.icons-container .icons .more {
  --icon-url: url('more.7b913ec9de3e.d629f510fc52dcc1.svg');
}

.icons-container .icons .color {
  --icon-url: url('bg.6ff97948466b.a33849643c1443c5.svg');
}

.icons-container .icons .undo.r {
  transform: scaleX(-1);
}

.icons-container .icons .disabled {
  cursor: not-allowed !important;
  opacity: 0.25 !important;
}

.pin-icon {
  opacity: 0.54;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  right: 5px;
  top: 8px;
  position: absolute;
  --icon-url: url('pin.a62694cd7b8d.6134d5e855b66ae2.svg');
}

.pin-icon::after {
  content: "";
  display: block;
  inline-size: 18px;
  block-size: 18px;
  flex: 0 0 18px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.pin-icon.pinned {
  --icon-url: url('pin-pinned.029458654fce.51d78d7501914b45.svg') !important;
}

.pin-icon:hover {
  opacity: 0.87 !important;
}

.labels-container {
  padding-left: 11px;
  padding-bottom: 5.5px;
  display: flex;
  flex-wrap: wrap;
}

.labels-container.min {
  padding-bottom: 0px;
}

.labels-container:hover .cancel-icon {
  display: inline-block;
}

.labels-container .label-container {
  margin: 3px 6px 6px 0;
  display: flex;
  align-items: center;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--theme-text-muted) 54%, transparent);
  font-size: 11px;
  line-height: 17px;
  text-align: center;
  position: relative;
  height: 35px;
}

.labels-container .label-container .label {
  font-size: large;
  min-width: 35px;
  display: inline-block;
  position: inherit;
}

.labels-container .label-container .label img {
  height: 35px;
}

.labels-container .label-container .label span {
  padding: 5px;
}

.labels-container .label-container .label:hover {
  cursor: pointer;
}

.labels-container .label-container .label:hover .cancel-icon {
  display: inline-block;
}

.labels-container .label-container .label .cancel-icon {
  display: block;
  inline-size: 16px;
  block-size: 16px;
  flex: 0 0 16px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  --icon-url: url('cancel.ba555bf7c404.89ed333872896a28.svg');
  height: 20px;
  width: 20px;
  opacity: 0.54;
  outline: none;
  vertical-align: middle;
  margin-left: 6px;
  display: inline-block;
}

@media (hover: hover) {
  .labels-container .label-container .label {
    /* CSS styles for non touch devices */
  }
  .labels-container .label-container .label .cancel-icon {
    display: none;
  }
}
.header .labels-container .trash-icon, .header .labels-container .pen-icon, .header .labels-container .label-icon, .header .input-container .check-icon, .header .labels-container .check-icon, .header .input-container .plus-icon, .header .labels-container .plus-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.header .labels-container .trash-icon::after, .header .labels-container .pen-icon::after, .header .labels-container .label-icon::after, .header .input-container .check-icon::after, .header .labels-container .check-icon::after, .header .input-container .plus-icon::after, .header .labels-container .plus-icon::after {
  content: "";
  display: block;
  inline-size: 16px;
  block-size: 16px;
  flex: 0 0 16px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.header .labels-container .trash-icon, .header .labels-container .pen-icon, .header .labels-container .label-icon, .header .input-container .check-icon, .header .labels-container .check-icon, .header .input-container .plus-icon, .header .labels-container .plus-icon {
  height: 46px;
  top: 1px;
  width: 46px;
  opacity: 0.54;
}

.header .labels-container .trash-icon:hover, .header .labels-container .pen-icon:hover, .header .labels-container .label-icon:hover, .header .input-container .check-icon:hover, .header .labels-container .check-icon:hover, .header .input-container .plus-icon:hover, .header .labels-container .plus-icon:hover {
  opacity: 0.87;
}

.header .labels-container .pop.trash-icon::before, .header .labels-container .pop.pen-icon::before, .header .labels-container .pop.label-icon::before, .header .input-container .pop.check-icon::before, .header .labels-container .pop.check-icon::before, .header .input-container .pop.plus-icon::before, .header .labels-container .pop.plus-icon::before {
  top: 45px;
}

.header {
  padding-left: 15px;
  padding-right: 15px;
}

.header .error {
  color: var(--theme-danger-text);
  cursor: default;
  font-size: smaller;
  font-style: italic;
  padding: 10px;
  font-size: 12.5px;
}

.header p {
  font-size: 1rem;
  line-height: 1.5rem;
  height: 25px;
  margin: 0;
}

.header .input-container, .header .labels-container {
  display: flex;
  align-items: center;
  height: 45px;
}

.header .input-container .plus-icon, .header .labels-container .plus-icon {
  --icon-url: url('plus.cddabff4a614.15d0696216fae1cd.svg');
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

.header .input-container .check-icon, .header .labels-container .check-icon {
  --icon-url: url('check3.b8a9821e1c75.0d6fb79487cf0bf0.svg');
  color: var(--theme-success);
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

.header .labels-container .label-icon {
  --icon-url: url('label-filled.519462def4e0.2510917afa1e8516.svg');
}

.header .labels-container .pen-icon {
  --icon-url: url('pen-filled.a1499da2694d.70d482daf2d88dd1.svg');
}

.header .labels-container .trash-icon {
  --icon-url: url('trash-filled.11250dff3c07.20ec2b74396b2f38.svg');
}

.header .labels-container input:focus + .pen-icon {
  --icon-url: url('check3.b8a9821e1c75.0d6fb79487cf0bf0.svg');
  color: var(--theme-success);
}

.header .labels-container .label-icon:hover {
  --icon-url: url('trash-filled.11250dff3c07.20ec2b74396b2f38.svg');
}

.archives-container {
  padding-left: 11px;
  padding-right: 11px;
  padding-bottom: 5.5px;
}

.archives-container.min {
  padding-bottom: 0px;
}

.archives-container:hover .cancel-icon {
  display: inline-block;
}

.archives-container .archive-container {
  margin: 6px 6px 0 0;
  display: inline-block;
  position: relative;
}

.archives-container .archive-container .archive {
  min-width: 35px;
  padding: 3px 8px;
  display: inline-block;
  position: inherit;
}

.archives-container .archive-container .archive:hover .cancel-icon {
  display: inline-block;
}

.archives-container .archive-container .archive .cancel-icon {
  display: block;
  inline-size: 16px;
  block-size: 16px;
  flex: 0 0 16px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  --icon-url: url('cancel.ba555bf7c404.89ed333872896a28.svg');
  height: 20px;
  width: 20px;
  opacity: 0.54;
  outline: none;
  vertical-align: middle;
  margin-left: 6px;
  display: inline-block;
}

@media (hover: hover) {
  .archives-container .archive-container .archive {
    /* CSS styles for non touch devices */
  }
  .archives-container .archive-container .archive .cancel-icon {
    display: none;
  }
}
[data-tooltip=true] {
  display: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6), 0 2px 6px 2px rgba(0, 0, 0, 0.3);
  border-radius: var(--theme-radius-field);
  z-index: 1100;
  background-color: var(--theme-surface-base);
  color: var(--theme-text-primary);
}

[data-tooltip=true][data-is-tooltip-open=true] {
  display: block;
}

[data-tooltip=true].moreMenu {
  padding: 7px 0;
  background-color: var(--theme-surface-base);
}

[data-tooltip=true].moreMenu div {
  border: 1px solid transparent;
  line-height: 1.25rem;
  padding: 5px 10px 5px 17px;
}

[data-tooltip=true].moreMenu div:hover {
  background-color: var(--theme-accent-soft);
  cursor: pointer;
}

[data-tooltip=true].colorMenu {
  flex-direction: column;
  align-items: center;
  padding: 8px 9px 3px;
  align-items: flex-start;
  z-index: 1100;
}

[data-tooltip=true].colorMenu[data-is-tooltip-open=true] {
  display: block;
}

[data-tooltip=true].colorMenu .first-row {
  display: flex;
  flex-wrap: wrap;
  max-width: 252px;
}

[data-tooltip=true].colorMenu .first-row div {
  width: 32px;
  height: 32px;
  margin: 2px;
  border: 2px solid transparent;
  text-align: center;
}

[data-tooltip=true].colorMenu .first-row div:hover {
  border-color: var(--theme-surface-base) !important;
  cursor: pointer;
}

[data-tooltip=true].colorMenu .first-row div.nocolor {
  border-color: var(--theme-shell-bg-muted);
  background-image: url('nocolor.efa1a459e8f2.bf3339e689b51511.svg');
  background-repeat: no-repeat;
  background-position: center;
}

[data-tooltip=true].colorMenu .second-row {
  display: flex;
}

[data-tooltip=true].colorMenu .second-row div {
  width: 40px;
  height: 40px;
  margin: 2px;
  border: 2px solid transparent;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
}

[data-tooltip=true].colorMenu .second-row div:hover {
  border-color: var(--theme-surface-base) !important;
  cursor: pointer;
}

[data-tooltip=true].colorMenu .second-row div.noimage {
  border-color: var(--theme-shell-bg-muted);
  background-image: url('no-image.1e108285bb7d0bff.png') !important;
  background-repeat: no-repeat;
  background-position: center;
}

[data-tooltip=true].labelMenu {
  width: 225px;
  padding-top: 11px;
}

[data-tooltip=true].labelMenu .title {
  font-size: 14px;
  padding: 0 12px;
}

[data-tooltip=true].labelMenu .search {
  display: flex;
  padding: 8px 12px;
  align-items: center;
}

[data-tooltip=true].labelMenu .search .search-icon {
  display: block;
  inline-size: 18px;
  block-size: 18px;
  flex: 0 0 18px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  --icon-url: url('search.5bc36183eb7a.f3cd217ce011b4da.svg');
  height: 18px;
  width: 18px;
  opacity: 0.35;
  color: var(--theme-text-primary);
}

[data-tooltip=true].labelMenu .search input {
  padding: 2px 22px 2px 2px;
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid transparent;
  box-shadow: none;
  color: var(--theme-text-primary);
  font-size: 13px;
  height: 25px;
  outline: none;
}

[data-tooltip=true].labelMenu .search input:focus {
  border-bottom: 1px solid var(--theme-shell-bg-muted);
}

[data-tooltip=true].labelMenu .search input::placeholder {
  color: var(--theme-text-secondary);
  opacity: 0.5;
}

[data-tooltip=true].labelMenu .label-list-container {
  padding: 6px 0;
}

[data-tooltip=true].labelMenu .label-list-container .label-list {
  display: flex;
  padding: 5px 10px 3px;
}

[data-tooltip=true].labelMenu .label-list-container .label-list .check-icon {
  display: block;
  inline-size: 18px;
  block-size: 18px;
  flex: 0 0 18px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  --icon-url: url('box.539fdfffb739.4f94d18b8aa332a8.svg');
  height: 18px;
  width: 18px;
  outline: none;
}

[data-tooltip=true].labelMenu .label-list-container .label-list .check-icon.done {
  --icon-url: url('box-checked.66ba65c826ba.6c365852b7501638.svg');
}

[data-tooltip=true].labelMenu .label-list-container .label-list .label-name {
  margin-left: 7px;
  padding-top: 2px;
  vertical-align: top;
  word-wrap: break-word;
  font-size: 13px;
}

[data-tooltip=true].labelMenu .label-list-container .label-list:hover {
  background-color: color-mix(in srgb, var(--theme-text-muted) 10%, transparent);
  cursor: pointer;
}

.modal-container {
  position: fixed;
  inset: 0;
  z-index: 1001;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 56px 16px;
  box-sizing: border-box;
  background: var(--theme-modal-overlay);
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

.modal-container .modal {
  position: relative;
  margin: 0;
  width: 100%;
  max-width: 560px;
  border: 1px solid var(--theme-modal-border);
  background: var(--theme-modal-surface);
  box-shadow: var(--theme-modal-shadow);
  border-radius: var(--theme-modal-radius);
}

html.tauri-android .modal-container {
  padding-top: 30px;
}

.btn,
.btn-primary,
.btn-delete {
  margin-right: 0;
  min-height: var(--theme-control-height);
  font-weight: 600;
  padding: 9px 18px;
  border: 1px solid var(--theme-button-border);
  border-radius: var(--theme-modal-radius);
  cursor: pointer;
  transition: background-color var(--theme-transition-fast), border-color var(--theme-transition-fast), box-shadow var(--theme-transition-fast), color var(--theme-transition-fast), transform var(--theme-transition-fast);
}

.btn:focus-visible,
.btn-primary:focus-visible,
.btn-delete:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--theme-focus-ring);
}

.btn:disabled,
.btn-primary:disabled,
.btn-delete:disabled {
  color: var(--theme-button-disabled-text);
  background-color: var(--theme-button-disabled-surface);
  background-image: none;
  border-color: var(--theme-button-disabled-border);
  font-weight: 300;
  cursor: not-allowed;
}

.btn span,
.btn-primary span,
.btn-delete span {
  vertical-align: middle;
}

.btn {
  color: var(--theme-button-text);
  background-color: var(--theme-button-surface);
  border-color: var(--theme-button-border);
}

.btn:hover:not(:disabled) {
  background-color: var(--theme-button-hover-surface);
  color: var(--theme-button-hover-text);
  border-color: var(--theme-button-hover-border);
}

.btn-primary {
  color: var(--theme-button-primary-text);
  background-color: var(--theme-button-primary-surface);
  border-color: var(--theme-button-primary-border);
}

.btn-primary:hover:not(:disabled) {
  background-color: var(--theme-button-primary-hover-surface);
  color: var(--theme-button-primary-hover-text);
  border-color: var(--theme-button-primary-hover-border);
}

.btn-delete {
  padding: 10px 24px;
  border-color: var(--theme-danger) !important;
  color: var(--theme-danger) !important;
  background-color: var(--theme-surface-base);
  background-image: url('trash-filled-pink.f92b859a63b4.4956af8f663403c7.svg');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: url('skull.e2797c0b8d73.dacefcb9e83e34bd.svg') 16 16, auto;
  /* push text over so it doesn’t overlap the icon */
  padding-left: 40px;
}

.btn-delete:hover:not(:disabled) {
  background-color: var(--theme-danger-soft);
}

.btn-delete:disabled {
  background-color: var(--theme-text-muted) !important;
  border-color: var(--theme-text-muted) !important;
  background-image: url('trash-filled.11250dff3c07.20ec2b74396b2f38.svg') !important;
  cursor: not-allowed;
}

.input-body {
  line-height: 1.25rem;
  min-height: auto;
  padding: 13px 16px 12px 16px;
}

.input-body .textHolder {
  width: 100%;
  border: 1px solid var(--theme-modal-border);
  border-radius: var(--theme-radius-field);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 8px;
  padding-right: 8px;
  resize: vertical;
  transition: height 0.2s ease;
  margin-top: 10px;
  font-weight: normal;
  color: var(--theme-modal-text);
  font-family: var(--theme-font-family);
  font-size: unset;
}

.ph {
  opacity: 0.5;
}

.hide {
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
}

.pwcheckbox {
  display: flex;
  justify-content: right;
  padding: 10px 30px 10px 0px;
}

.auth-main {
  border-radius: var(--theme-modal-radius);
}

.auth-main .auth-container {
  background-position-x: right;
  background-position-y: bottom;
  background-size: cover;
}

.auth-main .auth-container .auth-title {
  text-align: left;
  display: block;
  margin: 0;
  padding: 18px 22px 10px;
  font-weight: 600;
  font-size: 1.75rem;
  font-style: normal;
  line-height: 1.2;
  color: var(--theme-modal-text);
  white-space: pre-wrap;
  word-wrap: break-word;
}

.auth-main .auth-container .auth-title:focus-visible {
  outline: 0;
}

.auth-main .auth-container > .auth-title {
  border-bottom: 1px solid var(--theme-modal-header-border);
}

.auth-main .auth-container .pin-body {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 13px 16px 12px 16px;
}

.auth-main .auth-container .pin-body .codeImage {
  background-color: dimgray;
  margin-top: 4px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.6), inset 0px -3px 8px rgba(255, 255, 255, 0.2);
}

.auth-main .auth-container .pin-body .pinContainer {
  justify-content: center;
  display: flex;
  min-height: 37px;
}

.auth-main .auth-container .pin-body .pinContainer .pinImage {
  max-width: 300px;
  margin-top: 2px;
}

.auth-main .auth-container .auth-body {
  min-height: 46px;
  padding: 18px 24px 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.auth-main .auth-container .auth-body.ph {
  color: color-mix(in srgb, var(--theme-text-inverse) 70%, transparent);
  position: absolute;
  width: 100%;
  pointer-events: none;
}

.auth-main .auth-container .auth-body:focus-visible {
  outline: 0;
}

.button-container {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 10px;
  flex-direction: row;
  align-items: center;
  position: relative;
  justify-content: flex-end;
  margin-top: 16px;
  margin-bottom: 0;
  padding: 0 22px 20px;
}

.button-container button {
  text-align: center;
  text-decoration: none;
  min-width: 116px;
}

.input-body {
  padding: 18px 24px 8px;
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 22px 10px;
  border-bottom: 1px solid var(--theme-modal-header-border);
}

.modal-body {
  padding: 18px 24px 8px;
}

.modal-message {
  line-height: 1.55;
  color: var(--theme-modal-text);
}

.modal-message :first-child {
  margin-top: 0;
}

.modal-message :last-child {
  margin-bottom: 0;
}

.modal-close {
  border: 1px solid transparent;
  background: transparent;
  color: var(--theme-modal-text);
  width: 34px;
  height: 34px;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  border-radius: var(--theme-modal-radius);
  transition: background-color var(--theme-transition-fast), border-color var(--theme-transition-fast), color var(--theme-transition-fast);
}

.modal-close:hover {
  background: var(--theme-modal-close-hover-bg);
  border-color: var(--theme-modal-close-hover-border);
}

.modal-container .modal,
.modal-container button,
.modal-container input,
.modal-container textarea,
.modal-container select {
  border-radius: var(--theme-modal-radius) !important;
}

textarea:focus {
  outline: 1px solid var(--theme-accent);
  border: 1px solid var(--theme-accent);
}

input {
  border-radius: var(--theme-modal-radius) !important;
  accent-color: var(--theme-accent);
}

.modal-container .modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 12px 14px 12px 24px;
  min-height: 64px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--c-rule);
}

.modal-container .modal .modal-header .auth-title,
.modal-container .modal .modal-header .modal-title {
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: none;
  font-family: var(--f-mono);
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--c-ink);
}

.modal-container .modal .modal-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}

.modal-container .modal .modal-body,
.modal-container .modal .modal-header + .auth-body {
  padding: 24px;
  min-height: 0;
  color: var(--c-text);
  font-size: 15.5px;
  line-height: 1.55;
}

.modal-container .modal .input-body {
  padding: 0;
}

.modal-container .modal .input-body .textHolder {
  margin-top: 12px;
}

.modal-container .modal .button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 16px 24px;
  border-top: 1px solid var(--c-rule);
  background: var(--c-soft);
}

.modal-container .modal .button-container button {
  min-width: 0;
}

.modal-container .modal .textHolder.mono {
  font-family: var(--f-mono);
  font-size: 14px;
  letter-spacing: 0.04em;
}

.modal-container .modal .modal-field-err {
  margin-top: 8px;
  color: var(--c-pink);
  font-size: 14px;
}

.modal-container .modal.modal-ack .modal-body {
  border-left: 4px solid #F2388F;
  margin: 24px 24px 0;
  padding: 0 0 8px 16px;
}

.modal-container .modal.modal-status .modal-message {
  border: 1px solid var(--c-rule);
  border-left: 3px solid var(--c-violet-deep);
  background: var(--c-soft);
  padding: 12px 16px;
  color: var(--c-ink);
}

@media (max-width: 640px) {
  .modal-container {
    padding: 0;
  }
  .modal-container .modal {
    width: 100%;
    max-width: none !important;
    min-height: 100%;
    animation-name: cyb-modal-up;
  }
  .modal-container .modal .modal-body,
  .modal-container .modal .modal-header + .auth-body {
    padding: 16px;
  }
}
@keyframes cyb-modal-up {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
}
app-modals.modal-inline {
  display: block;
}

app-modals.modal-inline .modal-container {
  position: static;
  display: block;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  padding: 0;
  background: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  overflow: visible;
  z-index: auto;
}

app-modals.modal-inline .modal-container .modal {
  position: static;
  left: auto;
  top: auto;
  transform: none;
  width: 100%;
  max-width: none !important;
  min-height: 0;
  max-height: none;
  overflow: visible;
  background: transparent;
  border: none;
  box-shadow: none;
  animation: cyb-modal-up var(--d-enter) var(--e-out);
}

app-modals.modal-inline .modal-container .modal .modal-header {
  padding: 0 0 12px;
  min-height: 0;
  border-bottom: none;
}

app-modals.modal-inline .modal-container .modal .modal-header .auth-title,
app-modals.modal-inline .modal-container .modal .modal-header .modal-title {
  font-family: var(--f-sans);
  font-weight: 700;
  font-size: clamp(19px, 1.5vw, 22px);
  line-height: 1.25;
  letter-spacing: -0.01em;
  text-transform: none;
}

app-modals.modal-inline .modal-container .modal .modal-close {
  display: none;
}

app-modals.modal-inline .modal-container .modal .modal-body,
app-modals.modal-inline .modal-container .modal .modal-header + .auth-body {
  padding: 0 0 4px;
}

app-modals.modal-inline .modal-container .modal.modal-ack .modal-body {
  margin: 0;
  padding: 0 0 4px 16px;
}

app-modals.modal-inline .modal-container .modal .button-container {
  padding: 16px 0 0;
  margin-top: 20px;
  background: none;
}

html.tauri-android app-modals.modal-inline .modal-container {
  padding-top: 0;
}

.ql-editor .ql-copyblock {
  cursor: copy;
  position: relative;
  display: inline-block;
  border-radius: var(--theme-radius-pill);
  border: 1px solid color-mix(in srgb, var(--theme-info) 75%, var(--theme-border-strong));
  background: linear-gradient(180deg, color-mix(in srgb, var(--theme-info) 10%, var(--theme-surface-base)) 0%, color-mix(in srgb, var(--theme-info) 22%, var(--theme-surface-base)) 100%);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
  padding: 2px 10px;
  font-weight: 600;
  line-height: 1.35;
  white-space: nowrap;
  transition: background 0.15s ease, transform 0.08s ease, box-shadow 0.15s ease;
  text-security: disc;
  -webkit-text-security: disc;
}

.ql-editor .ql-copyblock.ql-copyblock-revealed {
  text-security: none;
  -webkit-text-security: none;
}

.ql-editor .ql-copyblock:hover {
  background: linear-gradient(180deg, color-mix(in srgb, var(--theme-info) 16%, var(--theme-surface-base)) 0%, color-mix(in srgb, var(--theme-info) 28%, var(--theme-surface-base)) 100%);
  box-shadow: 0 2px 5px color-mix(in srgb, var(--theme-info) 42%, transparent);
}

.ql-editor .ql-copyblock:active {
  transform: translateY(1px);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--theme-info) 36%, transparent);
}

.ql-editor .ql-copyblock.ql-copyblock-copied {
  border-color: var(--theme-success);
  background: linear-gradient(180deg, color-mix(in srgb, var(--theme-success) 10%, var(--theme-surface-base)) 0%, color-mix(in srgb, var(--theme-success) 18%, var(--theme-surface-base)) 100%);
  box-shadow: 0 1px 4px color-mix(in srgb, var(--theme-success) 28%, transparent);
}

.ql-toolbar.ql-snow button.ql-copyblock,
.ql-snow .ql-toolbar button.ql-copyblock {
  width: auto;
  min-width: 42px;
  padding: 0 8px;
  color: color-mix(in srgb, var(--theme-info) 55%, var(--theme-text-primary));
}

.ql-toolbar.ql-snow button.ql-copyblock::before,
.ql-snow .ql-toolbar button.ql-copyblock::before {
  content: "PWD";
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}

.ql-copyblock-toast {
  position: fixed;
  z-index: 1200;
  transform: translate(-50%, -100%);
  padding: 2px 9px;
  border-radius: var(--theme-radius-pill);
  border: 1px solid var(--theme-success);
  background: var(--theme-success-surface);
  color: var(--theme-success-text);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.35;
  pointer-events: none;
  animation: copyblock-toast-pop 0.95s ease forwards;
}

@keyframes copyblock-toast-pop {
  0% {
    opacity: 0;
    transform: translate(-50%, -86%) scale(0.95);
  }
  15% {
    opacity: 1;
    transform: translate(-50%, -100%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -122%) scale(1);
  }
}
.security-monitor-modal {
  z-index: 120000;
  padding: 24px;
  background: var(--theme-modal-overlay-strong);
  font-family: var(--theme-font-family);
}

.security-monitor-shell {
  width: calc(100% - 32px) !important;
  max-width: 620px !important;
  border: 1px solid var(--theme-modal-warning-border) !important;
  background: var(--theme-modal-surface-emphasis) !important;
  color: var(--theme-modal-text);
}

.security-monitor-shell .modal-header {
  border-bottom-color: var(--theme-modal-warning-header-border);
}

.security-monitor-shell .auth-title {
  padding: 0;
  color: var(--theme-modal-text);
}

.security-monitor-copy {
  display: flex;
  flex-direction: column;
  gap: 14px;
  color: var(--theme-modal-text);
}

.security-monitor-copy p {
  margin: 0;
}

.security-monitor-main {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.security-monitor-education {
  font-size: 0.95rem;
  line-height: 1.55;
}

.security-monitor-detail {
  padding: 12px 14px;
  border-left: 4px solid var(--theme-info);
  background: var(--theme-info-soft);
  color: var(--theme-text-primary);
  word-break: break-word;
}

.security-monitor-actions {
  margin-top: 8px;
}

.security-monitor-actions .btn,
.security-monitor-actions .btn-primary {
  flex: 1 1 160px;
}

.security-monitor-banner {
  position: fixed;
  top: 24px;
  left: 50%;
  transform: translate(-50%, -12px);
  width: min(720px, 100% - 32px);
  padding: 16px 18px;
  border: 1px solid var(--theme-modal-warning-border);
  border-left: 6px solid var(--theme-warning);
  border-radius: var(--theme-modal-radius);
  background: var(--theme-modal-surface-emphasis);
  color: var(--theme-modal-text);
  box-shadow: var(--theme-shadow-soft);
  z-index: 110000;
  font-family: var(--theme-font-family);
  font-size: 0.98rem;
  line-height: 1.5;
  white-space: pre-wrap;
  opacity: 0;
  transition: opacity 0.24s ease, transform 0.24s ease;
}

.security-monitor-banner.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

.warning-container {
  background-color: var(--theme-warning-soft);
  color: var(--theme-warning-text);
  padding: 15px;
  border: 1px solid var(--theme-warning-border);
  border-radius: var(--theme-radius-field);
  margin-bottom: 15px;
}

.warning-bold {
  font-weight: bold;
}

.warning-margin-bottom {
  margin-bottom: 10px;
}

.warning-list {
  padding-left: 20px;
  margin-bottom: 10px;
}

.warning-italic {
  font-style: italic;
}

.test-warning {
  margin: 12px 14px 10px;
  padding: 14px 16px;
  border: 1px solid var(--theme-warning-border);
  border-left: 5px solid var(--theme-warning);
  border-radius: var(--theme-radius-lg);
  background: var(--theme-warning-surface);
  color: var(--theme-warning-text);
  box-shadow: var(--theme-shadow-card);
  line-height: 1.35;
}

.test-warning h2 {
  margin: 0 0 8px;
  color: var(--theme-warning-text);
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.test-warning p {
  margin: 0 0 8px;
  font-size: 0.9rem;
  font-weight: 500;
}

.test-warning p:last-child {
  margin-bottom: 0;
  padding-top: 4px;
}

.test-warning a {
  color: var(--theme-warning-text);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}

.test-warning a:hover,
.test-warning a:focus-visible {
  color: color-mix(in srgb, var(--theme-warning-text) 82%, black);
  border-bottom-color: transparent;
}

.test-warning code {
  font-family: "DM Sans Variable", sans-serif;
  font-weight: 700;
  font-size: 0.9em;
  letter-spacing: 0.03em;
  color: var(--theme-warning-text);
  background: color-mix(in srgb, var(--theme-surface-base) 70%, transparent);
  border: 1px solid color-mix(in srgb, var(--theme-warning) 28%, transparent);
  border-radius: var(--theme-radius-sm);
  padding: 1px 6px;
}

@media (max-width: 640px) {
  .test-warning {
    margin: 10px 10px 8px;
    padding: 12px 12px;
  }
  .test-warning h2 {
    font-size: 0.9rem;
  }
  .test-warning p {
    font-size: 0.85rem;
  }
}
.not-supported-error {
  color: var(--theme-danger);
  font-weight: bold;
}

.not-supported-link {
  text-decoration: underline;
  color: var(--theme-info);
}

.auth-option {
  margin-bottom: 20px;
}

.record-content .ql-container {
  font: inherit;
}

.record-content .ql-editor {
  min-height: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.45;
  overflow: hidden;
}

.record-content .cbox-container {
  padding: 0;
  margin-bottom: 3px;
  font-size: 13px;
}

::selection {
  background: var(--c-fill);
  color: var(--c-on-fill);
}

:focus-visible {
  outline: 2px solid var(--c-ring);
  outline-offset: 2px;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  background: var(--c-paper);
  color: var(--c-text);
  font-size: clamp(16px, 0.25vw + 15px, 17.5px);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "ss01";
}

.cyb-grid-bg {
  background-color: var(--c-paper);
  background-image: linear-gradient(var(--c-grid) 1px, transparent 1px), linear-gradient(90deg, var(--c-grid) 1px, transparent 1px);
  background-size: 48px 48px;
  background-position: -1px -1px;
}

.cyb-disp {
  font-family: var(--f-disp);
  font-weight: 500;
  font-stretch: 87.5%;
  letter-spacing: -0.03em;
  color: var(--c-ink);
}

.cyb-caption {
  font-family: var(--f-mono);
  font-weight: 500;
  font-size: 11.5px;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.btn,
.btn-primary,
.btn-delete {
  position: relative;
  font-family: var(--f-sans);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  line-height: 1.2;
  min-height: 44px;
  padding: 12px 20px;
  border-radius: 0;
  box-shadow: inset 0 1px 0 var(--c-hi), 0 2px 0 var(--c-shade);
  transition: background-color var(--d-state) var(--e-out), color var(--d-state) var(--e-out), border-color var(--d-state) var(--e-out), transform var(--d-press) var(--e-out), box-shadow var(--d-press) var(--e-out);
}

.btn:active:not(:disabled),
.btn-primary:active:not(:disabled),
.btn-delete:active:not(:disabled) {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 var(--c-hi), 0 0 0 var(--c-shade);
}

.btn:focus-visible,
.btn-primary:focus-visible,
.btn-delete:focus-visible {
  outline: 2px solid var(--c-ring);
  outline-offset: 2px;
  box-shadow: inset 0 1px 0 var(--c-hi), 0 2px 0 var(--c-shade);
}

.btn:disabled,
.btn-primary:disabled,
.btn-delete:disabled {
  font-weight: 700;
  opacity: 0.45;
  box-shadow: none;
}

.btn-delete {
  background-color: var(--c-raise);
  background-position: 16px center;
}

.btn-delete:hover:not(:disabled) {
  background-color: var(--c-tint-pink);
}

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=url],
input:not([type]),
select,
textarea {
  background-color: var(--c-input);
  border: 1px solid var(--c-rule);
  color: var(--c-ink);
  font-family: var(--f-sans);
  box-shadow: inset 0 2px 0 var(--c-sunk);
  transition: border-color var(--d-state), box-shadow var(--d-state);
}

input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=url]::placeholder,
input:not([type])::placeholder,
select::placeholder,
textarea::placeholder {
  color: var(--c-faint);
}

input[type=text]:hover:not(:disabled),
input[type=password]:hover:not(:disabled),
input[type=email]:hover:not(:disabled),
input[type=number]:hover:not(:disabled),
input[type=search]:hover:not(:disabled),
input[type=tel]:hover:not(:disabled),
input[type=url]:hover:not(:disabled),
input:not([type]):hover:not(:disabled),
select:hover:not(:disabled),
textarea:hover:not(:disabled) {
  border-color: var(--c-faint);
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input:not([type]):focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: var(--c-ring);
  box-shadow: 0 0 0 3px var(--c-tint);
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
input[type=number]:disabled,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
input:not([type]):disabled,
select:disabled,
textarea:disabled {
  opacity: 0.55;
}

select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--c-dim) 50%), linear-gradient(135deg, var(--c-dim) 50%, transparent 50%);
  background-position: calc(100% - 18px) 52%, calc(100% - 13px) 52%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 36px;
}

.modal-container {
  background: var(--c-veil);
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

.modal-container .modal {
  background: var(--c-paper);
  border: 1px solid var(--c-rule);
  border-top: 3px solid var(--c-ink);
  box-shadow: none;
  color: var(--c-text);
  animation: cyb-rise var(--d-enter) var(--e-out);
}

.modal-header {
  border-bottom: 1px solid var(--c-rule);
}

.modal-container .modal .modal-header .auth-title,
.modal-container .modal > .auth-main .auth-container > .auth-title {
  font-family: var(--f-mono);
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--c-ink);
}

.modal-message {
  color: var(--c-text);
}

.button-container {
  border-top: 1px solid var(--c-rule);
  background: var(--c-soft);
  padding: 16px 24px;
  margin-top: 16px;
}

.modal-close {
  border: 1px solid var(--c-rule);
  background: var(--c-raise);
  color: var(--c-ink);
  box-shadow: inset 0 1px 0 var(--c-hi);
}

.modal-close:hover {
  border-color: var(--c-ink);
  background: var(--c-raise);
}

@keyframes cyb-rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
}
@media (max-width: 640px) {
  .modal-container .modal {
    width: 100%;
    max-width: none;
    border-left: none;
    border-right: none;
  }
}
.entry-panel .langselect .help-icon {
  width: 40px;
  height: 40px;
  border: 1px solid var(--c-rule);
  background: var(--c-raise);
  color: var(--c-ink);
  box-shadow: inset 0 1px 0 var(--c-hi);
  transition: border-color var(--d-state) var(--e-out), transform var(--d-press) var(--e-out);
}

.entry-panel .langselect .help-icon:hover {
  border-color: var(--c-ink);
}

.entry-panel .langselect .help-icon:active {
  transform: translateY(1px);
}

[data-tooltip=true] {
  background-color: var(--c-paper);
  color: var(--c-ink);
  border: 1px solid var(--c-rule);
  border-top: 2px solid var(--c-ink);
  border-radius: 0;
  box-shadow: none;
}

[data-tooltip=true].moreMenu {
  min-width: 220px;
  padding: 6px;
  background-color: var(--c-paper);
}

[data-tooltip=true].moreMenu div {
  padding: 10px 12px;
  font-size: 15px;
  line-height: 1.3;
}

[data-tooltip=true].moreMenu div:hover {
  background-color: var(--c-raise);
}

[data-tooltip=true].colorMenu .first-row div {
  border: 1px solid var(--c-rule);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

[data-tooltip=true].colorMenu .first-row div:hover {
  border-color: var(--c-ink) !important;
}

.record-container .labels-container .label-container {
  height: auto;
  margin: 0 6px 6px 0;
  box-shadow: none;
  border: 1px solid currentColor;
  font-family: var(--f-mono);
}

.record-container .labels-container .label-container .label {
  min-width: 0;
  font-size: 10px;
  letter-spacing: 0.08em;
}

.record-container .labels-container .label-container .label span {
  padding: 1px 4px;
}

.record-container .labels-container .label-container .label img {
  height: 16px;
  margin: 2px 3px;
}

.record-container .labels-container .label-container:empty {
  display: none;
}

.snackbar-container {
  background-color: var(--c-ink) !important;
  color: var(--c-paper) !important;
}

.snackbar-container p {
  color: var(--c-paper) !important;
}

.snackbar-container {
  border: none;
  border-left: 4px solid var(--c-violet-deep);
  border-radius: 0;
  font-family: var(--f-sans);
  font-weight: 500;
  padding: 11px 36px 11px 16px;
}

.snackbar-container .action {
  background-color: var(--c-fill);
  font-family: var(--f-mono);
  font-weight: 500;
  letter-spacing: 0.12em;
}

.snackbar-container .snackbar-cancel img {
  filter: invert(1);
}

[data-skin=midnight] .snackbar-container .snackbar-cancel img,
.skin-midnight .snackbar-container .snackbar-cancel img {
  filter: none;
}

.cyb-info-box,
.cyb-warn-box,
.cyb-err-box,
.cyb-ok-box {
  border: 1px solid var(--c-rule);
  border-left-width: 3px;
  padding: 12px 16px;
  color: var(--c-ink);
  font-size: 15px;
  margin: 12px 0;
}

.cyb-info-box {
  border-left-color: var(--c-violet-deep);
  background: var(--c-soft);
}

.cyb-warn-box {
  border-color: var(--c-gold);
  background: var(--c-tint-gold);
}

.cyb-err-box {
  border-color: var(--c-pink);
  background: var(--c-tint-pink);
}

.cyb-ok-box {
  border-color: var(--c-green);
  background: var(--c-tint-green);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition-duration: 0s !important;
  }
}
.cyb-theme-switching,
.cyb-theme-switching *,
.cyb-theme-switching *::before,
.cyb-theme-switching *::after {
  transition: none !important;
}

.snackbar-pos.top-center,
.snackbar-pos.bottom-center {
  top: auto !important;
  bottom: 24px;
  left: 50%;
  transform: translate(-50%, 0);
}

@media (max-width: 767px) {
  .snackbar-pos.top-center,
  .snackbar-pos.bottom-center {
    bottom: 88px;
  }
}
.ql-editor,
[contenteditable=true] {
  font-size: max(16px, 1em);
}

.cyb-mono {
  font-family: var(--f-mono);
}

.cyb-disp {
  font-family: var(--f-disp);
}

.cyb-tnum {
  font-variant-numeric: tabular-nums;
}

.cyb-ink {
  color: var(--c-ink);
}

.cyb-dim {
  color: var(--c-dim);
}

.cyb-text2 {
  color: var(--c-text2);
}

.cyb-faint {
  color: var(--c-faint);
}

.cyb-violet {
  color: var(--c-violet);
}

.cyb-ok {
  color: var(--c-green);
}

.cyb-gold {
  color: var(--c-gold);
}

.cyb-pink {
  color: var(--c-pink);
}

.cyb-blue {
  color: var(--c-blue);
}

.cyb-h3 {
  font-family: var(--f-sans);
  font-weight: 700;
  font-size: clamp(19px, 1.5vw, 24px);
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--c-ink);
  margin: 0;
}

.cyb-small {
  font-size: 14px;
  line-height: 1.55;
}

.cyb-caption {
  font-family: var(--f-mono);
  font-weight: 500;
  font-size: 11.5px;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.cyb-mt-3 {
  margin-top: 12px;
}

.cyb-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.cyb-spacer {
  flex: 1;
}

.cyb-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

cyb-icon, .cyb-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
}

.btn, .btn-primary, .btn-delete, .btn-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  cursor: pointer;
}

.btn.btn-sm, .btn-primary.btn-sm, .btn-delete.btn-sm, .btn-danger.btn-sm {
  padding: 7px 12px;
  font-size: 11.5px;
  min-height: 34px;
}

.btn.btn-full, .btn-primary.btn-full, .btn-delete.btn-full, .btn-danger.btn-full {
  width: 100%;
}

.btn-danger {
  position: relative;
  font-family: var(--f-sans);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  line-height: 1.2;
  min-height: 44px;
  padding: 12px 20px;
  border-radius: 0;
  background: var(--c-danger-fill);
  border: 1px solid var(--c-danger-fill);
  color: #FFFFFF;
  box-shadow: inset 0 1px 0 var(--c-hi), 0 2px 0 var(--c-shade);
}

.btn-danger:hover:not(:disabled) {
  background: #A5025B;
  border-color: #A5025B;
}

.btn-danger:active:not(:disabled) {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 var(--c-hi), 0 0 0 var(--c-shade);
}

.btn-danger:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: none;
}

.btn-link {
  background: none;
  border: none;
  padding: 4px 0;
  min-height: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  color: var(--c-ink);
  font-family: var(--f-sans);
  font-size: 15px;
  cursor: pointer;
  box-shadow: none;
}

.btn-link:hover {
  text-decoration-thickness: 2px;
}

.btn-link:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.cyb-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid var(--c-rule);
  background: var(--c-raise);
  cursor: pointer;
  color: var(--c-ink);
  flex-shrink: 0;
  border-radius: 0;
  box-shadow: inset 0 1px 0 var(--c-hi);
  transition: border-color var(--d-state) var(--e-out), transform var(--d-press) var(--e-out);
}

.cyb-icon-btn:hover:not(:disabled) {
  border-color: var(--c-ink);
}

.cyb-icon-btn:active:not(:disabled) {
  transform: translateY(1px);
}

.cyb-icon-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.cyb-icon-btn[aria-pressed=true] {
  border-color: var(--c-violet);
  color: var(--c-violet);
  background: var(--c-tint);
}

.cyb-icon-btn.sm {
  width: 32px;
  height: 32px;
}

.cyb-tag {
  display: inline-block;
  font-family: var(--f-mono);
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border: 1px solid currentColor;
  padding: 2px 6px;
  line-height: 1.4;
  white-space: nowrap;
  vertical-align: middle;
  color: var(--c-dim);
}

.cyb-tag.violet {
  color: var(--c-violet);
}

.cyb-tag.gold {
  color: var(--c-gold);
}

.cyb-tag.green {
  color: var(--c-green);
}

.cyb-tag.blue {
  color: var(--c-blue);
}

.cyb-tag.pink {
  color: var(--c-pink);
}

.cyb-tag.ink {
  color: var(--c-ink);
}

.cyb-tag.wrap {
  white-space: normal;
}

.cyb-chip {
  font-family: var(--f-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: var(--c-raise);
  border: 1px solid var(--c-rule);
  color: var(--c-text2);
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 0;
  box-shadow: inset 0 1px 0 var(--c-hi);
  transition: border-color var(--d-state), color var(--d-state), background-color var(--d-state);
}

.cyb-chip:hover {
  border-color: var(--c-ink);
  color: var(--c-ink);
}

.cyb-chip.on {
  background: var(--c-fill);
  border-color: var(--c-fill);
  color: var(--c-on-fill);
}

.cyb-chip:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.cyb-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cyb-card {
  border: 1px solid var(--c-rule);
  padding: 32px;
  background: var(--c-raise);
  box-shadow: inset 0 1px 0 var(--c-hi);
  color: var(--c-text);
}

.cyb-card.tight {
  padding: 20px;
}

@media (max-width: 560px) {
  .cyb-card {
    padding: 20px;
  }
}
.cyb-card + .cyb-card {
  margin-top: 16px;
}

.cyb-card-danger {
  border-color: var(--c-pink);
  box-shadow: inset 3px 0 0 var(--c-pink);
}

.cyb-panel-soft {
  background: var(--c-soft);
  border: 1px solid var(--c-rule);
  padding: 20px;
}

.cyb-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 18px;
}

.cyb-field-label {
  font-family: var(--f-sans);
  font-weight: 500;
  font-size: 13.5px;
  color: var(--c-text2);
}

.cyb-field-help {
  font-size: 13px;
  color: var(--c-dim);
}

.cyb-field-err {
  font-size: 14px;
  color: var(--c-pink);
}

.cyb-input {
  width: 100%;
  box-sizing: border-box;
  background: var(--c-input);
  border: 1px solid var(--c-rule);
  border-radius: 0;
  color: var(--c-ink);
  padding: 13px 15px;
  font-family: var(--f-sans);
  font-size: 16px;
  line-height: 1.4;
  box-shadow: inset 0 2px 0 var(--c-sunk);
}

.cyb-input.bad {
  border-color: var(--c-pink);
}

.cyb-input.mono {
  font-family: var(--f-mono);
  font-size: 14px;
}

textarea.cyb-input {
  resize: vertical;
  min-height: 100px;
}

.cyb-err-box, .cyb-ok-box, .cyb-warn-box, .cyb-info-box {
  border: 1px solid var(--c-rule);
  border-left-width: 3px;
  padding: 12px 16px;
  color: var(--c-ink);
  font-size: 15px;
  margin: 12px 0;
}

.cyb-err-box {
  border-color: var(--c-pink);
  background: var(--c-tint-pink);
}

.cyb-ok-box {
  border-color: var(--c-green);
  background: var(--c-tint-green);
}

.cyb-warn-box {
  border-color: var(--c-gold);
  background: var(--c-tint-gold);
}

.cyb-info-box {
  border-left-color: var(--c-violet-deep);
  background: var(--c-soft);
}

.cyb-cb {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  font-size: 15px;
  color: var(--c-ink);
  line-height: 1.4;
  position: relative;
}

.cyb-cb input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.cyb-cb .cyb-cb-box {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background: #ACF1FC;
  border: 1px solid #1E1E28;
  position: relative;
  margin-top: 1px;
  transition: background-color var(--d-state);
}

.cyb-cb input:checked + .cyb-cb-box {
  background: #5FC2D9;
}

.cyb-cb input:checked + .cyb-cb-box::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 6px;
  height: 11px;
  border-right: 2px solid #1E1E28;
  border-bottom: 2px solid #1E1E28;
  transform: rotate(45deg);
}

.cyb-cb input:focus-visible + .cyb-cb-box {
  outline: 2px solid var(--c-ring);
  outline-offset: 2px;
}

.cyb-cb.dis {
  opacity: 0.5;
  cursor: not-allowed;
}

.cyb-toggle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  text-align: left;
  box-shadow: none;
  min-height: 0;
}

.cyb-toggle i {
  position: relative;
  width: 50px;
  height: 26px;
  border: 1px solid var(--c-rule);
  background: var(--c-sunk);
  flex-shrink: 0;
  transition: background-color var(--d-state) var(--e-out), border-color var(--d-state);
}

.cyb-toggle i::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  background: var(--c-dim);
  box-shadow: inset 0 1px 0 var(--c-hi);
  transition: transform var(--d-state) var(--e-latch), background-color var(--d-state);
}

.cyb-toggle:hover i {
  border-color: var(--c-faint);
}

.cyb-toggle.on i {
  background: var(--c-fill);
  border-color: var(--c-fill);
}

.cyb-toggle.on i::after {
  transform: translateX(24px);
  background: #FFFFFF;
}

.cyb-toggle.on.pink i {
  background: var(--c-danger-fill);
  border-color: var(--c-danger-fill);
}

.cyb-toggle:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.cyb-toggle-label {
  font-size: 15px;
  color: var(--c-ink);
}

.cyb-progress {
  height: 6px;
  background: var(--c-sunk);
  width: 100%;
  border: 1px solid var(--c-rule);
  box-sizing: border-box;
}

.cyb-progress > i {
  display: block;
  height: 100%;
  background: var(--c-fill);
  transition: width 0.2s;
}

@keyframes cyb-blink {
  50% {
    opacity: 0;
  }
}
@keyframes cyb-pulse {
  50% {
    opacity: 0.5;
  }
}
.cyb-spin {
  display: inline-block;
  width: 8px;
  height: 14px;
  background: currentColor;
  animation: cyb-blink 1s steps(1) infinite;
  vertical-align: middle;
}

.cyb-skel {
  background: var(--c-soft);
  border: 1px solid var(--c-rule);
  animation: cyb-pulse 1.4s ease-in-out infinite;
}

.cyb-loading {
  font-family: var(--f-mono);
  color: var(--c-dim);
  font-size: 12px;
  letter-spacing: 0.18em;
  padding: 24px 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.cyb-empty {
  text-align: center;
}

.cyb-empty-text {
  color: var(--c-ink);
  margin: 12px auto 16px;
  max-width: 520px;
}

.cyb-empty-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

.cyb-empty-actions:empty {
  display: none;
}

.cyb-dash {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cyb-dash li {
  position: relative;
  padding-left: 26px;
  margin: 9px 0;
  font-size: 15.5px;
  color: var(--c-text);
}

.cyb-dash li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 12px;
  height: 2px;
  background: var(--c-violet);
}

.cyb-dash.tick li::before {
  width: 10px;
  height: 5px;
  background: none;
  border-left: 2px solid var(--c-green);
  border-bottom: 2px solid var(--c-green);
  transform: rotate(-45deg);
  top: 7px;
}

ol.cyb-steps {
  list-style: none;
  counter-reset: s;
  padding: 0;
  margin: 0;
}

ol.cyb-steps > li {
  counter-increment: s;
  position: relative;
  padding: 0 0 18px 56px;
  min-height: 44px;
}

ol.cyb-steps > li::before {
  content: counter(s, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-mono);
  font-size: 12px;
  font-weight: 500;
  color: var(--c-ink);
  border: 1px solid var(--c-rule);
  background: var(--c-raise);
  box-shadow: inset 0 1px 0 var(--c-hi);
}

ol.cyb-steps > li::after {
  content: "";
  position: absolute;
  left: 18px;
  top: 30px;
  bottom: 2px;
  width: 1px;
  background: var(--c-rule);
}

ol.cyb-steps > li:last-child::after {
  display: none;
}

ol.cyb-steps > li.done::before {
  background: var(--c-fill);
  border-color: var(--c-fill);
  color: var(--c-on-fill);
}

ol.cyb-steps li li {
  min-height: 0;
  padding: 0;
}

ol.cyb-steps ol, ol.cyb-steps ul {
  list-style: revert;
  padding-left: 20px;
  margin: 6px 0;
}

.cyb-qr-plate {
  background: #FFFFFF;
  padding: 8px;
  display: inline-block;
  line-height: 0;
  border: 1px solid var(--c-rule);
}

.cyb-addr {
  font-family: var(--f-mono);
  font-size: 13px;
  color: var(--c-ink);
  word-break: break-all;
}

table.cyb-tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  font-variant-numeric: tabular-nums;
}

table.cyb-tbl th, table.cyb-tbl td {
  border-bottom: 1px solid var(--c-rule);
  padding: 12px 10px;
  text-align: left;
  vertical-align: middle;
}

table.cyb-tbl th {
  font-family: var(--f-mono);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.12em;
  color: var(--c-dim);
  text-transform: uppercase;
  border-bottom-color: var(--c-ink);
}

table.cyb-tbl tbody tr {
  transition: background-color var(--d-state);
}

table.cyb-tbl tbody tr:hover {
  background: var(--c-tint);
}

table.cyb-tbl td.actions {
  text-align: right;
  white-space: nowrap;
}

.cyb-tscroll {
  overflow-x: auto;
  max-width: 100%;
  position: relative;
}

.cyb-dl {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 8px 20px;
  margin: 0;
}

.cyb-dl dt {
  font-family: var(--f-mono);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--c-dim);
  padding-top: 3px;
}

.cyb-dl dd {
  margin: 0;
  color: var(--c-ink);
}

.cyb-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 26px 0 18px;
}

.cyb-divider::before, .cyb-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--c-rule);
}

@keyframes cyb-veil {
  from {
    opacity: 0;
  }
}
@keyframes cyb-up {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
}
@keyframes cyb-slide-r {
  from {
    transform: translateX(24px);
    opacity: 0;
  }
}
@keyframes cyb-slide-l {
  from {
    transform: translateX(-24px);
    opacity: 0;
  }
}
.cyb-modal-back {
  position: fixed;
  inset: 0;
  z-index: 1001;
  background: var(--c-veil);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow-y: auto;
  padding: 56px 16px;
  animation: cyb-veil var(--d-state) var(--e-out);
}

.cyb-modal {
  background: var(--c-paper);
  border: 1px solid var(--c-rule);
  border-top: 3px solid var(--c-ink);
  width: 100%;
  max-width: 560px;
  outline: none;
  color: var(--c-text);
  animation: cyb-up var(--d-enter) var(--e-out);
}

.cyb-modal-sm {
  max-width: 440px;
}

.cyb-modal-lg {
  max-width: 820px;
}

.cyb-modal-xl {
  max-width: 1000px;
}

.cyb-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px 12px 24px;
  border-bottom: 1px solid var(--c-rule);
}

.cyb-modal-head.gold {
  background: #C18C21;
  border-bottom-color: #C18C21;
}

.cyb-modal-head.gold .cyb-modal-title {
  color: #FFFFFF;
  font-family: var(--f-sans);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.06em;
}

.cyb-modal-head.gold .cyb-icon-btn {
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.5);
  background: transparent;
}

.cyb-modal-head-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cyb-modal-title {
  font-family: var(--f-mono);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--c-ink);
}

.cyb-modal-body {
  padding: 24px;
}

.cyb-modal-foot, [cybFoot] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  padding: 16px 24px;
  border-top: 1px solid var(--c-rule);
  background: var(--c-soft);
}

@media (max-width: 640px) {
  .cyb-modal-back {
    padding: 0;
  }
  .cyb-modal {
    min-height: 100%;
    max-width: none;
    border: none;
    border-top: 3px solid var(--c-ink);
  }
  .cyb-modal-body {
    padding: 16px;
  }
}
.cyb-drawer-back {
  position: fixed;
  inset: 0;
  z-index: 995;
  background: var(--c-veil);
  animation: cyb-veil var(--d-state) var(--e-out);
}

.cyb-drawer {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: min(420px, 100%);
  background: var(--c-paper);
  border-left: 1px solid var(--c-rule);
  z-index: 996;
  overflow-y: auto;
  color: var(--c-text);
  animation: cyb-slide-r var(--d-state) var(--e-out);
}

.cyb-drawer.left {
  right: auto;
  left: 0;
  border-left: none;
  border-right: 1px solid var(--c-rule);
  animation-name: cyb-slide-l;
}

.cyb-drawer.full {
  width: 100%;
}

.cyb-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--c-rule);
  position: sticky;
  top: 0;
  background: var(--c-paper);
  z-index: 1;
}

.cyb-drawer-title {
  font-family: var(--f-mono);
  color: var(--c-ink);
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.cyb-popover {
  position: absolute;
  z-index: 998;
  background: var(--c-paper);
  border: 1px solid var(--c-rule);
  border-top: 2px solid var(--c-ink);
  min-width: 220px;
  padding: 6px;
  animation: cyb-up var(--d-state) var(--e-out);
}

.cyb-popover button, .cyb-popover a {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-size: 15px;
  color: var(--c-ink);
  font-family: var(--f-sans);
  min-height: 0;
  box-shadow: none;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
}

.cyb-popover button:hover, .cyb-popover a:hover {
  background: var(--c-raise);
}

.cyb-popover button.danger {
  color: var(--c-pink);
}

.cyb-popover hr {
  border: none;
  border-top: 1px solid var(--c-rule);
  margin: 4px 0;
}

.cyb-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  border-bottom: 1px solid var(--c-rule);
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .cyb-tabs {
    flex-wrap: wrap;
    row-gap: 0;
  }
  .cyb-tab {
    padding: 10px 8px;
  }
}
.cyb-tab {
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  padding: 10px 12px;
  font-family: var(--f-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  cursor: pointer;
  color: var(--c-dim);
  white-space: nowrap;
  box-shadow: none;
  min-height: 0;
}

.cyb-tab.on {
  border-bottom-color: var(--c-violet-deep);
  color: var(--c-ink);
}

.cyb-tab:hover {
  color: var(--c-ink);
}

.cyb-tab-count {
  margin-left: 6px;
  font-size: 10px;
  background: var(--c-fill);
  color: #FFFFFF;
  padding: 1px 5px;
}

.cyb-page {
  max-width: 1200px;
}

.cyb-page.narrow {
  max-width: 820px;
}

.cyb-page.compose {
  max-width: 720px;
}

.cyb-page-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 22px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--c-rule);
}

.cyb-page-head h1, .cyb-page-head h2, .cyb-page-head .cyb-page-title {
  font-family: var(--f-disp);
  font-weight: 500;
  font-stretch: 87.5%;
  font-size: clamp(22px, 2vw, 28px);
  letter-spacing: -0.03em;
  color: var(--c-ink);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.cyb-toolbar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 22px;
}

.cyb-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--c-dim);
  font-size: 14px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  margin-bottom: 16px;
  box-shadow: none;
  min-height: 0;
}

.cyb-back:hover {
  color: var(--c-ink);
}

.cyb-search {
  position: relative;
  flex: 1;
  min-width: 180px;
  max-width: 420px;
}

.cyb-search cyb-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--c-dim);
  pointer-events: none;
}

.cyb-search input {
  padding-left: 38px !important;
  width: 100%;
  box-sizing: border-box;
}

.cyb-ntiles {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

@media (max-width: 1023px) {
  .cyb-ntiles {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .cyb-ntiles {
    grid-template-columns: repeat(2, 1fr);
  }
}
.cyb-ntile {
  aspect-ratio: 1/1;
  padding: 16px;
  text-align: left;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 3px 0 var(--c-shade);
  transition: transform var(--d-state) var(--e-out), box-shadow var(--d-state) var(--e-out);
}

.cyb-ntile:hover {
  transform: translateY(-3px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 6px 0 var(--c-shade);
}

.cyb-ntile:active {
  transform: translateY(1px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 var(--c-shade);
}

.cyb-ntile h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25;
  margin: 0 0 6px;
}

.cyb-ntile p {
  font-size: 13px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  opacity: 0.92;
  margin: 0;
}

.cyb-ntile .icons {
  margin-top: auto;
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
  font-family: var(--f-mono);
  font-size: 10px;
}

.cyb-ntile .chip-l {
  border: 1px solid currentColor;
  padding: 0 4px;
}

.cyb-dropzone {
  border: 1px dashed #5FC2D9;
  color: var(--c-blue);
  min-height: 128px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: var(--f-mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 20px;
  cursor: pointer;
  text-align: center;
  padding: 16px;
  background: var(--c-soft);
  transition: background-color var(--d-state), border-style var(--d-state);
}

.cyb-dropzone:hover, .cyb-dropzone.over {
  border-style: solid;
  background: rgba(95, 194, 217, 0.08);
}

.cyb-dropzone.dis {
  opacity: 0.5;
  cursor: not-allowed;
}

.cyb-wcard {
  border: 1px solid var(--c-rule);
  border-left: 4px solid #C18C21;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  background: var(--c-raise);
  width: 100%;
  text-align: left;
  color: var(--c-text);
  box-shadow: inset 0 1px 0 var(--c-hi);
  transition: border-color var(--d-state);
  margin-bottom: 8px;
}

.cyb-wcard:hover {
  border-color: var(--c-ink);
  border-left-color: #C18C21;
}

.cyb-wglyph {
  width: 44px;
  height: 44px;
  border: 1px solid var(--c-gold);
  color: var(--c-gold);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
  font-family: var(--f-mono);
  background: var(--c-tint-gold);
}

.cyb-word-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.cyb-word-grid label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--f-mono);
  font-size: 11px;
  color: var(--c-dim);
}

.cyb-word-grid .cyb-input {
  padding: 8px 10px;
  font-family: var(--f-mono);
  font-size: 14px;
}

@media (max-width: 560px) {
  .cyb-word-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.cyb-cfg-grid {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

@media (max-width: 1023px) {
  .cyb-cfg-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.cyb-cfg-item {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--c-rule);
  padding: 10px 12px;
  margin-bottom: 6px;
  color: var(--c-ink);
  font-size: 15px;
  background: var(--c-raise);
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: border-color var(--d-state), background-color var(--d-state);
  box-sizing: border-box;
}

.cyb-cfg-item:hover {
  border-color: var(--c-faint);
}

.cyb-cfg-item.active {
  border-color: var(--c-violet-deep);
  background: var(--c-tint);
  box-shadow: inset 3px 0 0 var(--c-violet-deep);
}

.cyb-cfg-item .num {
  font-family: var(--f-mono);
  font-size: 10px;
  color: var(--c-dim);
  width: 20px;
  font-variant-numeric: tabular-nums;
}

.cyb-cfg-item .label {
  flex: 1;
}

.cyb-info-panel {
  background: #B0B0B5;
  color: #1E1E28;
  font-style: italic;
  padding: 22px;
  margin-top: 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.cyb-info-panel dt {
  font-style: normal;
  font-family: var(--f-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  margin-top: 8px;
}

.cyb-info-panel dd {
  margin: 0;
}

.cyb-key-row {
  background: #B0B0B5;
  color: #1E1E28;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 6px;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 2px 0 var(--c-shade);
  transition: transform var(--d-press);
}

.cyb-key-row:hover {
  transform: translateY(-1px);
}

.cyb-key-row .cyb-tag {
  color: #1E1E28;
}

.cyb-select-card {
  border: 1px solid var(--c-rule);
  padding: 20px;
  cursor: pointer;
  background: var(--c-raise);
  text-align: left;
  width: 100%;
  color: var(--c-text);
  box-shadow: inset 0 1px 0 var(--c-hi);
  transition: border-color var(--d-state), background-color var(--d-state), transform var(--d-press);
  box-sizing: border-box;
  font-family: var(--f-sans);
}

.cyb-select-card:hover:not(:disabled) {
  border-color: var(--c-ink);
}

.cyb-select-card:active:not(:disabled) {
  transform: translateY(1px);
}

.cyb-select-card.on {
  border-color: var(--c-violet-deep);
  background: var(--c-tint);
}

.cyb-select-card:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.cyb-select-card h4 {
  font-weight: 700;
  color: var(--c-ink);
  margin: 0 0 4px;
  font-size: 16px;
}

.cyb-select-card p {
  margin: 0;
  font-size: 14px;
  color: var(--c-text2);
}

.cyb-select-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
}

.cyb-msg-row {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 13px 10px;
  border: none;
  border-bottom: 1px solid var(--c-rule);
  width: 100%;
  text-align: left;
  background: none;
  cursor: pointer;
  color: var(--c-text);
  transition: background-color var(--d-state);
  box-sizing: border-box;
  font-family: var(--f-sans);
  font-size: 15px;
}

.cyb-msg-row:hover {
  background: var(--c-raise);
}

.cyb-msg-row .who {
  font-weight: 700;
  color: var(--c-ink);
}

.cyb-msg-row .subj {
  color: var(--c-text2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cyb-msg-row .when {
  margin-left: auto;
  font-family: var(--f-mono);
  font-size: 12px;
  color: var(--c-dim);
  white-space: nowrap;
}

.cyb-msg-row .main {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.cyb-unread-dot {
  width: 8px;
  height: 8px;
  background: var(--c-violet-deep);
  flex-shrink: 0;
}

.cyb-unread-dot.off {
  background: transparent;
}

.cyb-stat {
  border: 1px solid var(--c-rule);
  padding: 16px;
  min-height: 96px;
  background: var(--c-raise);
  box-shadow: inset 0 1px 0 var(--c-hi);
  box-sizing: border-box;
}

.cyb-stat .k {
  font-family: var(--f-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  color: var(--c-dim);
  text-transform: uppercase;
}

.cyb-stat .v {
  color: var(--c-ink);
  font-weight: 700;
  margin-top: 6px;
  font-variant-numeric: tabular-nums;
}

.cyb-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

@media (max-width: 767px) {
  .cyb-stats {
    grid-template-columns: 1fr 1fr;
  }
}
.cyb-ro-banner {
  border-bottom: 1px solid var(--c-rule);
  border-left: 4px solid #F2388F;
  background: var(--c-soft);
  padding: 10px 16px;
  font-size: 14px;
  color: var(--c-ink);
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

.cyb-ro-banner.info {
  border-left-color: var(--c-violet-deep);
}

.cyb-ro-banner.warn {
  border-left-color: var(--c-gold);
}

.cyb-ro-banner.ok {
  border-left-color: var(--c-green);
}

.cyb-space-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 32px auto 0;
  border-top: 1px solid var(--c-rule);
  padding-top: 16px;
  position: relative;
}

.cyb-space-switch .name {
  min-width: 180px;
  text-align: center;
  font-weight: 700;
  color: var(--c-ink);
  background: var(--c-raise);
  border: 1px solid var(--c-rule);
  padding: 8px 14px;
  cursor: pointer;
  min-height: 40px;
  box-shadow: inset 0 1px 0 var(--c-hi);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--f-sans);
  font-size: 15px;
}

.cyb-space-switch .name:hover {
  border-color: var(--c-ink);
}

.cyb-entry-field {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 56px 16px 40px;
  position: relative;
  box-sizing: border-box;
}

.cyb-entry-panel {
  position: relative;
  background: var(--c-paper);
  border: 1px solid var(--c-rule);
  border-top: 3px solid var(--c-ink);
  padding: 32px;
  box-shadow: 0 0 0 8px var(--c-soft), 0 0 0 9px var(--c-rule);
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 560px) {
  .cyb-entry-field {
    padding: 24px 12px 32px;
  }
  .cyb-entry-panel {
    padding: 22px;
    box-shadow: none;
  }
}
.cyb-entry-foot {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 24px;
  font-size: 14px;
  color: var(--c-dim);
}

.cyb-entry-foot a, .cyb-entry-foot button {
  color: var(--c-violet);
  text-decoration: underline;
  text-underline-offset: 3px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  min-height: 0;
  box-shadow: none;
}

.cyb-opening {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
}

.cyb-opening .bolts {
  display: grid;
  grid-template-columns: repeat(4, 10px);
  gap: 4px;
}

.cyb-opening .bolts i {
  width: 10px;
  height: 10px;
  background: var(--c-rule);
  animation: cyb-bolt 1.2s var(--e-move) infinite;
}

@keyframes cyb-bolt {
  0%, 100% {
    background: var(--c-rule);
  }
  40% {
    background: var(--c-violet-deep);
  }
}
@keyframes cyb-keypress {
  0%, 100% {
    background: var(--c-raise);
    border-color: var(--c-rule);
    transform: none;
    box-shadow: inset 0 1px 0 var(--c-hi), 0 2px 0 var(--c-shade);
  }
  6%, 16% {
    background: var(--c-fill);
    border-color: var(--c-fill);
    transform: translateY(2px);
    box-shadow: inset 0 1px 0 var(--c-hi), 0 0 0 var(--c-shade);
  }
  30% {
    background: var(--c-tint);
    border-color: var(--c-violet);
    transform: none;
    box-shadow: inset 0 1px 0 var(--c-hi), 0 2px 0 var(--c-shade);
  }
}
.cyb-keyloader {
  --k: 14px;
  --g: 5px;
  display: grid;
  grid-template-columns: repeat(4, var(--k));
  gap: var(--g);
  padding: 7px;
  background: var(--c-sunk);
  border: 1px solid var(--c-rule);
  width: max-content;
}

.cyb-keyloader i {
  width: var(--k);
  height: var(--k);
  box-sizing: border-box;
  border: 1px solid var(--c-rule);
  background: var(--c-raise);
  box-shadow: inset 0 1px 0 var(--c-hi), 0 2px 0 var(--c-shade);
}

.cyb-keyloader i:nth-child(6), .cyb-keyloader i:nth-child(12), .cyb-keyloader i:nth-child(1), .cyb-keyloader i:nth-child(15), .cyb-keyloader i:nth-child(9), .cyb-keyloader i:nth-child(4), .cyb-keyloader i:nth-child(11), .cyb-keyloader i:nth-child(14) {
  animation: cyb-keypress 2.4s var(--e-out) infinite both;
}

.cyb-keyloader i:nth-child(6) {
  animation-delay: 0s;
}

.cyb-keyloader i:nth-child(12) {
  animation-delay: 0.3s;
}

.cyb-keyloader i:nth-child(1) {
  animation-delay: 0.6s;
}

.cyb-keyloader i:nth-child(15) {
  animation-delay: 0.9s;
}

.cyb-keyloader i:nth-child(9) {
  animation-delay: 1.2s;
}

.cyb-keyloader i:nth-child(4) {
  animation-delay: 1.5s;
}

.cyb-keyloader i:nth-child(11) {
  animation-delay: 1.8s;
}

.cyb-keyloader i:nth-child(14) {
  animation-delay: 2.1s;
}

.cyb-keyloader.sm {
  --k: 9px;
  --g: 3px;
  padding: 4px;
}

.cyb-keyloader.lg {
  --k: 20px;
  --g: 7px;
  padding: 10px;
}

.cyb-loadcaption {
  font-family: var(--f-mono);
  font-size: 11.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--c-dim);
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@fontsource-variable/dm-sans/index.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/* dm-sans-latin-ext-wght-normal */
@font-face {
  font-family: 'DM Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url('dm-sans-latin-ext-wght-normal.fbf4c1a63780e158.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* dm-sans-latin-wght-normal */
@font-face {
  font-family: 'DM Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url('dm-sans-latin-wght-normal.bfe8c811ed1df969.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/*# sourceMappingURL=styles.de45f2c8ed89e6cd.css.map*/