blockquote{padding:1rem;margin-top:16px}blockquote table td{border:none !important}blockquote.blockquote-success{border-color:#50ba64;border:2px solid #50ba64;border-left:solid 12px #50ba64;border-radius:4px}blockquote.blockquote-success i{color:#50ba64}blockquote.blockquote-info{border-color:#4ea8f1;border:2px solid #4ea8f1;border-left:solid 12px #4ea8f1;border-radius:4px}blockquote.blockquote-info i{color:#08707f}blockquote.blockquote-danger{border-color:#dc3545;border:2px solid #dc3545;border-left:solid 12px #dc3545;border-radius:4px}blockquote.blockquote-danger i{color:#dc3545}blockquote.blockquote-warning{border-color:#fd7e14;border:2px solid #fd7e14;border-left:solid 12px #fd7e14;border-radius:4px}blockquote.blockquote-warning i{color:#fd7e14}.CodeMirror{font-family:monospace;height:300px;color:black;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:white}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:black}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor{caret-color:transparent}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0 !important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection{background:transparent}.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection{background:transparent}.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}@-moz-keyframes blink{0%{}50%{background-color:transparent}100%{}}@-webkit-keyframes blink{0%{}50%{background-color:transparent}100%{}}@keyframes blink{0%{}50%{background-color:transparent}100%{}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:bold}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:#f00}.cm-invalidchar{color:#f00}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,0.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:white}.CodeMirror-scroll{overflow:scroll !important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none !important;border:none !important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection,.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:"IBM Plex Mono", monospace;font-size:14px;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:0.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection{background:#d7d4f0}.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection{background:#d7d4f0}.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,0.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:none}.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:#ffd;border:1px solid black;border-radius:4px 4px 4px 4px;color:black;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=")}.CodeMirror-lint-mark-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==")}.CodeMirror-lint-marker{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=")}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=")}.CodeMirror-lint-marker-multiple{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}.CodeMirror-lint-line-error{background-color:rgba(183,76,81,0.08)}.CodeMirror-lint-line-warning{background-color:rgba(255,211,0,0.1)}.cm-content,.cm-gutter{height:100%}.cm-gutters{margin:1px}.cm-scroller{overflow:auto}.cm-wrap{border:1px solid silver}a.disabled{color:gray;pointer-events:none}.pulse-primary{color:#f8f9fa;box-shadow:0 0 3px 3px #4ea8f1;animation:pulse-primary 3s infinite}.pulse-primary:hover{color:#fff !important}@-webkit-keyframes pulse-primary{0%{box-shadow:0 0 3px 3px 0 0 3px 3px #4ea8f1;color:#fff}70%{box-shadow:0 0 3px 3px #adb5bd}100%{box-shadow:0 0 3px 3px 0 0 3px 3px #4ea8f1;color:#fff}}@keyframes pulse-primary{0%{box-shadow:0 0 3px 3px 0 0 3px 3px #4ea8f1;color:#fff}70%{box-shadow:0 0 3px 3px #adb5bd}100%{box-shadow:0 0 3px 3px #4ea8f1;color:#fff}}.pulse-warning{color:#f8f9fa;box-shadow:0 0 3px 3px #fd7e14;animation:pulse-warning 2.5s infinite}.pulse-warning:hover{color:#fff !important}@-webkit-keyframes pulse-warning{0%{box-shadow:0 0 3px 3px #fd7e14;color:#fff}70%{box-shadow:0 0 3px 3px #adb5bd}100%{color:#fff}}@keyframes pulse-warning{0%{box-shadow:0 0 3px 3px #fd7e14;color:#fff}70%{box-shadow:0 0 3px 3px #adb5bd}100%{box-shadow:0 0 3px 3px #fd7e14;color:#fff}}.pulse-default{color:#000;box-shadow:0 0 3px 3px #f8f9fa;animation:pulse-default 3.2s infinite}.pulse-default:hover{color:#000 !important}@-webkit-keyframes pulse-default{0%{box-shadow:0 0 3px 3px #f8f9fa;color:#000}70%{box-shadow:0 0 3px 3px #adb5bd}100%{box-shadow:0 0 3px 3px #f8f9fa;color:#000}}@keyframes pulse-default{0%{box-shadow:0 0 3px 3px #f8f9fa;color:#000}70%{box-shadow:0 0 3px 3px #adb5bd}100%{box-shadow:0 0 3px 3px #f8f9fa;color:#000}}.pulse-danger{color:#f8f9fa;box-shadow:0 0 3px 3px #dc3545;animation:pulse-danger 2.7s infinite}.pulse-danger:hover{color:#fff !important}@-webkit-keyframes pulse-danger{0%{box-shadow:0 0 3px 3px #dc3545;color:#fff}70%{box-shadow:0 0 3px 3px #adb5bd}100%{box-shadow:0 0 3px 3px #dc3545;color:#fff}}@keyframes pulse-danger{0%{box-shadow:0 0 3px 3px #dc3545;color:#fff}70%{box-shadow:0 0 3px 3px #adb5bd}100%{box-shadow:0 0 3px 3px #dc3545;color:#fff}}.pulse-success{color:#f8f9fa;box-shadow:0 0 3px 3px #50ba64;animation:pulse-success 3.5s infinite}.pulse-success:hover{color:#fff !important}@-webkit-keyframes pulse-success{0%{box-shadow:0 0 3px 3px #50ba64;color:#fff}70%{box-shadow:0 0 3px 3px #adb5bd}100%{box-shadow:0 0 3px 3px #50ba64;color:#fff}}@keyframes pulse-success{0%{box-shadow:0 0 3px 3px #50ba64;color:#fff}70%{box-shadow:0 0 3px 3px #adb5bd}100%{box-shadow:0 0 3px 3px #50ba64;color:#fff}}.pulse-info{color:#f8f9fa;box-shadow:0 0 3px 3px #08707f;animation:pulse-info 3.7s infinite}.pulse-info:hover{color:#fff !important}@-webkit-keyframes pulse-info{0%{box-shadow:0 0 3px 3px #08707f;color:#fff}70%{box-shadow:0 0 3px 3px #adb5bd}100%{box-shadow:0 0 3px 3px #08707f;color:#fff}}@keyframes pulse-info{0%{box-shadow:0 0 3px 3px #08707f;color:#fff}70%{box-shadow:0 0 3px 3px #adb5bd}100%{box-shadow:0 0 3px 3px #08707f;color:#fff}}select{-webkit-appearance:none;-moz-appearance:none;background:transparent;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:95%;background-position-y:8px}select.form-control{height:40px;font-weight:500;font-size:14px;border:1px solid #dee2e6;padding-top:3px;padding-left:12px;display:block}div.dropdown-menu{display:none;white-space:nowrap}div.bootstrap-select.form-control{height:40px;border:1px solid #dee2e6;padding-top:1px;font-weight:500;font-size:14px;border-radius:5px;z-index:inherit}div.bootstrap-select.form-control:disabled{height:35px}div.bootstrap-select.form-control .dropdown-toggle:after{-webkit-appearance:none;-moz-appearance:none;background:transparent;content:''}div.bootstrap-select.form-control .btn{box-shadow:none !important;background-color:transparent !important;border:none !important;height:35px;padding-bottom:0px !important}div.bootstrap-select.form-control .filter-option{font-size:14px;font-weight:500}div.bootstrap-select.form-control.form-control input{border:0}div.bootstrap-select.form-control.form-control input::-moz-placeholder{color:#495057;opacity:1}div.bootstrap-select.form-control.form-control input:-ms-input-placeholder{color:#495057}div.bootstrap-select.form-control.form-control input::-webkit-input-placeholder{color:#495057}div.bootstrap-select.form-control.form-control input:focus{outline:none}div.bootstrap-select.form-control .tag{color:#fff;background-color:#4ea8f1;border-radius:3px;font-size:16px;padding:3px 5px;line-height:30px}div.bootstrap-select.form-control .tag[data-role="remove"]{margin-left:4px;cursor:pointer}div.bootstrap-select.form-control .tag[data-role="remove"]:after{font-family:"Font Awesome 5 Free";content:"\f057";display:inline-block;padding-right:3px;vertical-align:middle;font-weight:500;padding-bottom:1px}div.bootstrap-select.form-control .tag[data-role="remove"]:hover{box-shadow:none !important;font-weight:900}div.bootstrap-select.form-control .tag[data-role="remove"]:hover:active{box-shadow:none !important}.bootstrap-tagsinput{display:block !important;min-height:40px}.bootstrap-tagsinput.form-control input{border:0}.bootstrap-tagsinput.form-control input::-moz-placeholder{color:#495057;opacity:1}.bootstrap-tagsinput.form-control input:-ms-input-placeholder{color:#495057}.bootstrap-tagsinput.form-control input::-webkit-input-placeholder{color:#495057}.bootstrap-tagsinput.form-control input:focus{outline:none}.bootstrap-tagsinput .tag{color:#fff;background-color:#4ea8f1;border-radius:3px;font-size:16px;padding:3px 5px;line-height:30px}.bootstrap-tagsinput .tag[data-role="remove"]{margin-left:4px;cursor:pointer}.bootstrap-tagsinput .tag[data-role="remove"]:after{font-family:"Font Awesome 5 Free";content:"\f057";display:inline-block;padding-right:3px;vertical-align:middle;font-weight:500;padding-bottom:1px}.bootstrap-tagsinput .tag[data-role="remove"]:hover{box-shadow:none !important;font-weight:900}.bootstrap-tagsinput .tag[data-role="remove"]:hover:active{box-shadow:none !important}.logo{width:300px}.logo img{width:172px;height:38px}ul.navbar-nav>li.nav-item{margin:0 20px;vertical-align:middle;align-items:center}#page-content{color:#343a40;font-size:17px;overflow-wrap:break-word}#page-content a.title-anchor{color:#4ea8f1}pre{font-size:1em;margin:0 0}.bd-navbar{min-height:4rem;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.05),inset 0 -1px 0 rgba(0,0,0,0.1);background-color:#fff}@media (max-width: 991.98px){.bd-navbar{padding-right:.5rem;padding-left:.5rem}.bd-navbar .navbar-nav-scroll{max-width:100%;height:2.5rem;margin-top:.25rem;overflow:hidden}.bd-navbar .navbar-nav-scroll .navbar-nav{padding-bottom:2rem;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}@media (min-width: 768px){@supports (position: sticky){.bd-navbar{position:sticky;top:0;z-index:1071}}}.bd-navbar .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem;color:rgba(255,255,255,0.85)}.bd-navbar .navbar-nav .nav-link.active,.bd-navbar .navbar-nav .nav-link:hover{color:#fff;background-color:transparent}.bd-navbar .navbar-nav .nav-link.active{font-weight:600}.bd-navbar .navbar-nav-svg{display:inline-block;width:1rem;height:1rem;vertical-align:text-top}.bd-navbar .dropdown-menu{font-size:.875rem}.bd-navbar .dropdown-item.active{font-weight:600;color:#212529;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") no-repeat 0.4rem 0.6rem/0.75rem 0.75rem}.bd-sidebar{order:0;height:100%}@supports (position: sticky){.bd-sidebar{position:sticky}}@media (min-width: 768px){.bd-sidebar{top:4rem;z-index:1000}}@media (min-width: 1350px){.bd-sidebar{flex:0 1 320px}}.bd-main{grid-area:main}@media (min-width: 768px){.bd-main{display:grid;gap:inherit;grid-template-areas:"toc" "content";grid-template-rows:auto auto 1fr}}@media (min-width: 992px){.bd-main{grid-template-areas:"content toc";grid-template-columns:4fr 1fr;grid-template-rows:auto 1fr}}.bd-links{padding-top:1rem;padding-bottom:1rem;margin-right:-15px;margin-left:-15px}@supports (position: sticky){.bd-links{position:sticky;max-height:calc(100vh - 65px);overflow-y:auto}}@media (min-width: 768px){.bd-links{display:block !important}}.bd-sidenav{display:none;padding-left:15px}.toc-entry{display:block}.toc-entry a{display:block;padding:.125rem 1.5rem;color:#77757a}.toc-entry a:hover{color:#4ea8f1;text-decoration:none}.bd-toc-link{padding:.25rem 1.5rem;font-weight:800;color:rgba(0,0,0,0.65)}.bd-toc-link:hover{color:rgba(0,0,0,0.85);text-decoration:none}.bd-toc-item.active{margin-bottom:1rem}.bd-toc-item.active:not(:first-child){margin-top:1rem}.bd-toc-item.active>.bd-toc-link{color:rgba(0,0,0,0.85)}.bd-toc-item.active>.bd-sidenav{display:block}.bd-toc{order:2;padding-top:1.5rem;padding-bottom:1.5rem;font-size:.875rem}@supports (position: sticky){.bd-toc{position:sticky;top:4rem;height:calc(100vh - 4rem);overflow-y:auto}}.section-nav{padding-left:0;border-left:1px solid #eee}.section-nav ul{padding-left:1rem}.bd-sidebar .nav>li>a{display:block;padding:.25rem 1.5rem;font-size:90%;color:rgba(0,0,0,0.65)}.bd-sidebar .nav>li>a:hover{color:rgba(0,0,0,0.85);text-decoration:none}.bd-sidebar .nav>.active>a,.bd-sidebar .nav>.active:hover>a{font-weight:600;color:rgba(0,0,0,0.85)}.plex{font-family:'IBM Plex Mono', monospace}article h1,article h2{margin-top:20px}.tool-hero{background:linear-gradient(135deg, #4ea8f1 0%, #2d8bcf 100%);color:#fff;padding:3rem 2rem;margin-bottom:2rem;border-radius:12px}.tool-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.tool-hero h1 i{font-size:2rem;vertical-align:middle}.tool-hero p{font-size:1.125rem;opacity:0.95;max-width:800px;margin:0 auto;color:#fff}.tool-hero-icon{font-size:3.5rem;display:block;margin-bottom:1.5rem;opacity:0.95}.tool-card{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #dee2e6;border-left:4px solid #4ea8f1}.tool-card h3{color:#4ea8f1;font-size:1.3rem;margin-bottom:1rem;font-weight:600}.tool-feature{display:flex;justify-content:space-between;align-items:center;padding:0.75rem;margin:0.5rem 0;background:#f8f9fa;border-radius:8px;border-left:3px solid #dee2e6}.tool-feature.matched{background:#f5fbf6;border-left-color:#50ba64}.tool-feature.not-matched{background:#fae3e5;border-left-color:#dc3545}.tool-feature-name{font-family:'IBM Plex Mono', monospace;font-weight:600;color:#343a40}.tool-feature-value{font-family:'IBM Plex Mono', monospace;color:#6c757d;margin-left:1rem}.tool-status{display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.85rem;font-weight:600}.tool-status.matched{background:#50ba64;color:#fff}.tool-status.not-matched{background:#dc3545;color:#fff}.tool-status.checking{background:#fd7e14;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:0.5rem}.stat-value.detected{color:#dc3545}.stat-value.safe{color:#50ba64}.stat-value.suspicious{color:#fd7e14}.stat-label{font-size:0.875rem;color:#6c757d;text-transform:uppercase;letter-spacing:0.05em}.tool-section{margin-bottom:2rem}.tool-section-header{background:linear-gradient(135deg, #4ea8f1 0%, #2d8bcf 100%);color:#fff;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.tool-section-header h4{margin:0;font-size:1.2rem;font-weight:600}.tool-section-badge{background:rgba(255,255,255,0.2);padding:0.25rem 0.75rem;border-radius:20px;font-size:0.85rem}.tool-input{width:100%;padding:0.75rem;border:2px solid #dee2e6;border-radius:8px;font-family:'IBM Plex Mono', monospace;font-size:0.95rem;background:#fff;color:#343a40}.tool-input:focus{outline:none;border-color:#4ea8f1}.tool-button{background:linear-gradient(135deg, #4ea8f1 0%, #2d8bcf 100%);color:#fff;border:none;padding:0.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform 0.2s}.tool-result{margin-top:1rem;padding:1rem;border-radius:8px;font-family:'IBM Plex Mono', monospace}.tool-result.matched{background:#f5fbf6;border:2px solid #50ba64;color:#122c17}.tool-result.not-matched{background:#fae3e5;border:2px solid #dc3545;color:#66121a}.tool-explanation{background:#f8f9fa;border-left:4px solid #4ea8f1;padding:1rem;border-radius:8px;margin-top:1rem}.tool-explanation h5{color:#1f91ed;margin-bottom:0.5rem;font-weight:600;display:flex;align-items:center;gap:0.5rem}.tool-explanation p{margin:0;color:#343a40;line-height:1.6}.tool-alert{background:#ffdfc5;border-left:4px solid #fd7e14;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.tool-alert h5{color:#773701;margin-bottom:0.5rem;font-weight:600}.tool-alert p{margin:0;color:#773701}.tool-container{max-width:1200px;padding:2rem 1rem}.tool-loading{text-align:center;padding:4rem 2rem}.tool-loading p{color:#6c757d;font-size:1.125rem}.tool-results{display:none}.tool-results.active{display:block}.tool-verdict{padding:2rem;text-align:center}.tool-verdict h2{font-size:2rem;font-weight:700;margin:0 0 0.5rem 0}.tool-verdict p{font-size:1.125rem;margin:0}.detection-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.75rem}.detection-item-name{font-weight:600;font-size:1rem;color:#343a40}.detection-item-value{font-family:'IBM Plex Mono', monospace;font-size:0.875rem;color:#6c757d;padding:0.75rem;background:#f8f9fa;border-radius:6px;margin-top:0.75rem;word-break:break-all}.detection-item-description{font-size:0.875rem;color:#6c757d;margin-top:0.5rem}.keyboard-viz{background:#f8f9fa;border-radius:12px;padding:2rem;margin-bottom:2rem}.keyboard-viz h3{color:#4ea8f1;margin-bottom:1.5rem}.key-row{display:flex;justify-content:center;margin-bottom:0.5rem;gap:0.3rem}.key{background:#fff;border:2px solid #dee2e6;border-radius:6px;padding:0.75rem;min-width:50px;text-align:center;font-family:'IBM Plex Mono', monospace;font-weight:600;color:#495057;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.key.pressed{background:linear-gradient(135deg, #4ea8f1 0%, #2d8bcf 100%);color:#fff;border-color:#4ea8f1;transform:translateY(2px)}.key.spacebar{min-width:300px}.drm-system-card{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.1);border-left:4px solid #dee2e6}.drm-system-card.supported{border-left-color:#50ba64;background:#fff}.drm-system-card.not-supported{border-left-color:#dc3545;background:#fef9f9}.drm-system-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.drm-system-name{font-size:1.4rem;font-weight:700;color:#495057}.drm-detail{display:flex;justify-content:space-between;padding:0.5rem 0;border-bottom:1px solid #e9ecef}.drm-detail:last-child{border-bottom:none}.drm-detail-label{font-weight:600;color:#6c757d}.drm-detail-value{font-family:'IBM Plex Mono', monospace;color:#495057}.spinner{width:60px;height:60px;border:4px solid rgba(78,168,241,0.3);border-top-color:#4ea8f1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.accordion{background:#fff;border:1px solid #dee2e6;border-radius:12px;margin-bottom:1rem;overflow:hidden}.accordion-header{padding:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color 0.2s}.accordion-header:hover{background:#f8f9fa}.accordion-header h4{margin:0;font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:0.75rem;color:#343a40}.accordion-header h4 i{color:#4ea8f1;transition:none;transform:none}.accordion-header>i.fa-chevron-down{transition:transform 0.3s;color:#6c757d}.accordion-header.active>i.fa-chevron-down{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.accordion-content.active{max-height:2000px}.accordion-body{padding:1.25rem;border-top:1px solid #dee2e6;max-height:0;overflow:hidden;transition:max-height 0.3s ease}.accordion-body.active{max-height:2000px}.detection-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1rem;margin-bottom:1.5rem}.detection-category{margin-bottom:2rem}.detection-category h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:0.75rem;color:#343a40}.detection-category h3 i{font-size:1.25rem;color:#4ea8f1}.code-block{background:#111827;color:#f9fafb;padding:1rem;border-radius:8px;font-family:'IBM Plex Mono', monospace;font-size:0.875rem;overflow-x:auto;margin:1rem 0}.battery-visual{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:3rem 2rem;margin-bottom:2rem;text-align:center}.battery-icon-container{position:relative;width:200px;height:100px;margin:0 auto 2rem}.battery-outline{width:180px;height:100px;border:4px solid #343a40;border-radius:8px;position:absolute;left:0}.battery-tip{width:10px;height:40px;background:#343a40;border-radius:0 4px 4px 0;position:absolute;right:0;top:30px}.battery-fill{height:92px;max-width:172px;background:linear-gradient(135deg, #50ba64 0%, #10b981 100%);border-radius:4px;position:absolute;left:4px;top:4px;transition:width 0.3s ease, background 0.3s ease}.battery-fill.charging{animation:pulse 1.5s infinite}.battery-fill.low{background:linear-gradient(135deg, #dc3545 0%, #dc2626 100%)}.battery-fill.medium{background:linear-gradient(135deg, #fd7e14 0%, #f59e0b 100%)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}.battery-percentage{font-size:3rem;font-weight:700;color:#343a40;margin-bottom:0.5rem}.battery-status{font-size:1.25rem;color:#6c757d;margin-bottom:2rem}.battery-details{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin-top:2rem}.detail-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;padding:1.5rem}.detail-label{font-size:0.875rem;color:#6c757d;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.5rem}.detail-value{font-size:1.5rem;font-weight:600;color:#343a40}.api-status-badge{display:inline-block;padding:0.5rem 1rem;border-radius:6px;font-weight:600;font-size:0.875rem}.api-status-badge.supported{background:rgba(80,186,100,0.15);color:#50ba64}.api-status-badge.deprecated{background:rgba(253,126,20,0.15);color:#fd7e14}.api-status-badge.blocked{background:rgba(220,53,69,0.15);color:#dc3545}.voice-demo{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:2rem;margin-bottom:2rem}.voice-demo h3{font-size:1.5rem;font-weight:600;color:#343a40;margin-bottom:1.5rem}.demo-controls{display:grid;grid-template-columns:1fr auto auto;gap:1rem;margin-bottom:1rem}.demo-input{padding:0.75rem 1rem;border:1px solid #dee2e6;border-radius:8px;font-size:1rem;font-family:inherit;background:#fff;color:#343a40}.demo-input:focus{outline:none;border-color:#4ea8f1}.demo-button{padding:0.75rem 2rem;background:linear-gradient(135deg, #4ea8f1 0%, #2d8bcf 100%);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity 0.2s}.demo-button:hover{opacity:0.9}.demo-button:disabled{opacity:0.5;cursor:not-allowed}.demo-button.stop{background:#dc3545}.voice-selector{padding:0.75rem 1rem;border:1px solid #dee2e6;border-radius:8px;font-size:1rem;background:#fff;color:#343a40;cursor:pointer;min-width:250px}.filter-controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{padding:0.5rem 1rem;border:1px solid #dee2e6;border-radius:8px;background:#fff;color:#343a40;font-weight:500;cursor:pointer;transition:all 0.2s}.filter-btn:hover{border-color:#4ea8f1;color:#4ea8f1}.filter-btn.active{background:#4ea8f1;color:#fff;border-color:#4ea8f1}.search-box{flex:1;padding:0.5rem 1rem;border:1px solid #dee2e6;border-radius:8px;font-size:1rem;background:#fff;color:#343a40}.search-box:focus{outline:none;border-color:#4ea8f1}.voices-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1rem;margin-bottom:2rem}.voice-card{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:1.25rem;transition:all 0.2s}.voice-card:hover{border-color:#4ea8f1}.voice-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.75rem}.voice-name{font-weight:600;color:#343a40;font-size:1rem}.voice-badge{padding:0.25rem 0.75rem;border-radius:6px;font-size:0.75rem;font-weight:600}.voice-badge.local{background:rgba(80,186,100,0.15);color:#50ba64}.voice-badge.network{background:rgba(8,112,127,0.15);color:#08707f}.voice-details{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.75rem}.voice-detail{font-size:0.875rem;color:#6c757d}.voice-detail i{width:16px;margin-right:0.5rem}.voice-actions{display:flex;gap:0.5rem}.voice-play-btn{flex:1;padding:0.5rem 1rem;background:#4ea8f1;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:opacity 0.2s}.voice-play-btn:hover{opacity:0.9}.voice-card.russian-voice{border:2px solid rgba(220,53,69,0.4);background:linear-gradient(to bottom, rgba(220,53,69,0.02), #fff)}.voice-card.russian-voice:hover{border-color:#dc3545}.special-marker{color:#dc3545 !important;font-weight:500}.special-marker i{color:#dc3545 !important}.voice-fingerprint{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:2rem;margin-bottom:2rem}.voice-fingerprint h3{font-size:1.5rem;font-weight:600;color:#343a40;margin-bottom:1rem}.fingerprint-hash{font-family:'IBM Plex Mono', monospace;font-size:1.25rem;color:#4ea8f1;padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:1rem;word-break:break-all;text-align:center;cursor:pointer;transition:background 0.2s}.fingerprint-hash:hover{background:#4ea8f1;color:#fff}.fingerprint-card{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #dee2e6}.section-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:2px solid #dee2e6}.section-header i{color:#4ea8f1;font-size:1.5rem}.section-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#343a40}.section-footer{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding:0.75rem 1rem;margin-top:1.5rem;border-top:1px solid #dee2e6;font-size:0.875rem}.section-footer i{font-size:1rem;margin-right:0.25rem}.section-footer span{color:#495057;display:flex;align-items:center;gap:0.25rem}.section-footer span strong{color:#212529}.hash-display{background:#343a40;color:#50ba64;padding:1rem;border-radius:8px;font-family:'IBM Plex Mono', monospace;font-size:0.9rem;word-break:break-all;cursor:pointer;transition:all 0.2s;margin-bottom:1rem;position:relative}.hash-display:hover{background:#3f474e}.hash-display::after{content:'Click to copy';position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:0.75rem;color:#adb5bd}.hash-display-inline{background:#343a40;color:#50ba64;padding:0.5rem 0.75rem;border-radius:6px;font-family:'IBM Plex Mono', monospace;font-size:0.75rem;word-break:break-all;cursor:pointer;transition:all 0.2s;display:inline-block;max-width:100%}.hash-display-inline:hover{background:#3f474e}.algorithm-tabs{display:flex;gap:0.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.algorithm-btn{flex:1;min-width:120px;padding:0.75rem 1rem;border:2px solid #dee2e6;background:#fff;border-radius:8px;cursor:pointer;transition:all 0.2s;font-weight:600;color:#6c757d}.algorithm-btn:hover{border-color:#ced4da;background:#f8f9fa}.algorithm-btn.active{border-color:#4ea8f1;background:linear-gradient(135deg, #4ea8f1 0%, #2d8bcf 100%);color:#fff}.cipher-list{display:flex;flex-direction:column;gap:0.5rem}.cipher-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #dee2e6;transition:all 0.2s}.cipher-item:hover{border-color:#4ea8f1;background:#fefefe}.cipher-code{font-family:'IBM Plex Mono', monospace;font-weight:700;color:#4ea8f1;min-width:60px}.cipher-name{flex:1;font-size:0.9rem}.cipher-name a{color:#343a40;text-decoration:none}.cipher-name a:hover{color:#4ea8f1;text-decoration:underline}.cipher-badge{padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem;font-weight:600}.cipher-badge.ja3{background:rgba(80,186,100,0.2);color:#3d9a4e}.cipher-badge.grease{background:rgba(253,126,20,0.2);color:#aa4e01}.extension-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:0.5rem}.extension-item{padding:0.5rem 0.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #dee2e6;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem}.extension-code{font-family:'IBM Plex Mono', monospace;font-weight:700;color:#4ea8f1;font-size:0.8rem}.session-info{display:flex;flex-direction:column;gap:0.75rem}.session-item{display:flex;align-items:center;gap:0.5rem;padding:0.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.session-item i{color:#4ea8f1}.session-item.warning{background:rgba(253,126,20,0.1);border-color:rgba(253,126,20,0.3)}.session-item.warning i{color:#fd7e14}.loading-state{text-align:center;padding:3rem 1rem}.loading-state i{font-size:3rem;color:#4ea8f1;margin-bottom:1rem}.loading-state p{font-size:1.1rem;color:#6c757d}.success-state{text-align:center;padding:2rem 1rem}.success-state i{font-size:3rem;color:#50ba64;margin-bottom:1rem}.success-state p{color:#495057}.success-state-compact{display:flex;align-items:center;justify-content:center;gap:0.75rem;padding:0.75rem 1rem;background:rgba(80,186,100,0.1);border-radius:8px}.success-state-compact i{font-size:1.25rem;color:#50ba64}.success-state-compact span{font-weight:500;color:#343a40}.success-state-compact small{color:#6c757d}.akamai-format{background:#343a40;color:#50ba64;padding:1rem;border-radius:8px;font-family:'IBM Plex Mono', monospace;font-size:0.85rem;word-break:break-all;margin-top:1rem}@media (max-width: 768px){.algorithm-tabs{flex-direction:column}.algorithm-btn{min-width:auto}.extension-list{grid-template-columns:1fr}}.frame-timeline{display:flex;gap:1rem;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;overflow-x:auto}.frame-timeline-item{flex:0 0 auto;text-align:center;padding:1rem;background:#fff;border:2px solid #dee2e6;border-radius:8px;min-width:150px;cursor:pointer;transition:all 0.2s}.frame-timeline-item:hover{border-color:#4ea8f1;background:#f8f9fa}.frame-timeline-item.active{border-color:#4ea8f1;background:rgba(78,168,241,0.1)}.frame-timeline-icon{font-size:2rem;color:#4ea8f1;margin-bottom:0.5rem}.frame-timeline-label{font-weight:600;color:#343a40;font-size:0.9rem}.frame-timeline-order{font-size:0.75rem;color:#6c757d;margin-top:0.25rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1rem}.setting-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1rem;transition:all 0.2s}.setting-card:hover{border-color:#4ea8f1;background:#fefefe}.setting-name{font-weight:600;color:#343a40;font-size:0.9rem;margin-bottom:0.5rem}.setting-value{font-family:'IBM Plex Mono', monospace;font-size:1.25rem;color:#4ea8f1;font-weight:700}.setting-description{font-size:0.8rem;color:#6c757d;margin-top:0.5rem;line-height:1.4}.frame-detail{background:#343a40;color:#50ba64;padding:1.5rem;border-radius:8px;font-family:'IBM Plex Mono', monospace;font-size:0.85rem;overflow-x:auto;margin-top:1rem}.frame-detail pre{margin:0;color:inherit;white-space:pre-wrap;word-wrap:break-word}.pseudo-header-list{display:flex;flex-wrap:wrap;gap:0.5rem}.pseudo-header-item{padding:0.5rem 1rem;background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;font-family:'IBM Plex Mono', monospace;font-weight:600;color:#343a40;display:flex;align-items:center;gap:0.5rem}.pseudo-header-order{background:#4ea8f1;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr}.frame-timeline{flex-direction:column}.frame-timeline-item{min-width:auto}}.ip-display{background:linear-gradient(135deg, #4ea8f1 0%, #2d8bcf 100%);color:#fff;padding:2.5rem;border-radius:12px;text-align:center;margin-bottom:2rem}.ip-address{font-size:3rem;font-weight:700;font-family:'IBM Plex Mono', monospace;margin-bottom:0.5rem;cursor:pointer;transition:opacity 0.2s}.ip-address:hover{opacity:0.9}.ip-label{font-size:0.875rem;opacity:0.9}.section-header{display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #dee2e6}.section-header i{font-size:1.5rem;margin-right:0.75rem;color:#4ea8f1}.section-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#343a40}.map-container{background:#dee2e6;border-radius:12px;height:400px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;overflow:hidden}.map-placeholder{text-align:center;color:#6c757d}.map-placeholder i{color:#adb5bd}.map-placeholder p{color:#6c757d}.map-marker{position:absolute;width:20px;height:20px;background:#dc3545;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,0.3);animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:0.8}}.ip-property{display:flex;justify-content:space-between;padding:1rem;border-left:3px solid #dee2e6;margin-bottom:0.75rem;background:#f8f9fa;border-radius:4px}.ip-property.warning{border-left-color:#dc3545;background:#fef9f9}.ip-property.success{border-left-color:#50ba64;background:#fff}.property-name{font-weight:500;color:#343a40}.property-value{font-family:'IBM Plex Mono', monospace;color:#6c757d;word-break:break-word;max-width:60%;text-align:right}.badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:12px;font-size:0.75rem;font-weight:600}.badge-success{background:#e2f4e6;color:#205129}.badge-danger{background:#fae3e5;color:#921925}.badge-warning{background:#ffedde;color:#773701}.badge-info{background:#5ee2f5;color:#000}.webrtc-test{background:#343a40;color:#fff;padding:2rem;border-radius:12px;margin-bottom:1.5rem}.webrtc-test h4{margin-bottom:1rem;color:#fff}.webrtc-test p{color:rgba(255,255,255,0.7);margin-bottom:1.5rem}.webrtc-result{font-family:'IBM Plex Mono', monospace;font-size:0.875rem;margin-top:1rem}.webrtc-result p{color:rgba(255,255,255,0.7);margin-top:1rem}.webrtc-ip{background:#6c757d;padding:0.5rem 1rem;border-radius:4px;margin:0.5rem 0;display:flex;justify-content:space-between;align-items:center}.test-button{background:linear-gradient(135deg, #4ea8f1 0%, #2d8bcf 100%);color:#fff;border:none;padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity 0.2s}.test-button:hover{opacity:0.9}.test-button:disabled{opacity:0.5;cursor:not-allowed}.test-button i{margin-right:0.5rem}.ip-property .property-value code{font-size:0.75rem}@media (max-width: 768px){.ip-address{font-size:2rem}.property-value{max-width:50%}}.canvas-container{background:#000;border-radius:8px;position:relative;overflow:hidden;margin-bottom:1rem}.canvas-container canvas{display:block;width:100%;height:auto}.fps-counter{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,0.8);color:#50ba64;padding:0.5rem 1rem;border-radius:6px;font-family:'IBM Plex Mono', monospace;font-size:1.2rem;font-weight:700;border:2px solid #50ba64}.canvas-controls{display:flex;gap:0.5rem;margin-bottom:1rem;flex-wrap:wrap}.canvas-controls button{padding:0.5rem 1rem;border:1px solid #ced4da;background:#e9ecef;border-radius:6px;cursor:pointer;font-weight:600;transition:all 0.2s ease;color:#343a40}.canvas-controls button:hover{background:#dee2e6}.canvas-controls button.active{background:#4ea8f1;color:#fff;border-color:#4ea8f1}.property-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1rem;margin-top:1rem}.property-item{background:#f8f9fa;border-left:3px solid #ced4da;padding:1rem;border-radius:6px;transition:all 0.2s ease}.property-item:hover{background:#e9ecef}.property-item.unique{border-left-color:#dc3545;background:#fef9f9}.property-item.unique:hover{background:#fae3e5}.property-label{font-size:0.85rem;color:#6c757d;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.25rem;font-weight:600}.property-value{font-size:1.1rem;color:#343a40;font-weight:600;font-family:'IBM Plex Mono', monospace;word-break:break-all}.badge-feature{display:inline-block;padding:0.35rem 0.75rem;border-radius:20px;font-size:0.85rem;font-weight:600;margin:0.25rem}.extension-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:0.5rem;margin-top:1rem}.extension-item{background:#f8f9fa;padding:0.5rem 0.75rem;border-radius:4px;font-size:0.85rem;font-family:'IBM Plex Mono', monospace;color:#343a40;border-left:3px solid #50ba64;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.extension-item a{color:#4ea8f1;text-decoration:none;transition:all 0.2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.extension-item a:hover{color:#1f91ed;text-decoration:underline}.accordion-button{background:#fff;border:2px solid #dee2e6;border-radius:8px;padding:0.875rem 1.25rem;width:100%;text-align:left;font-weight:600;color:#343a40;cursor:pointer;transition:all 0.2s ease;margin-top:1rem;display:flex;align-items:center;justify-content:space-between;user-select:none}.accordion-button:hover{background:#f8f9fa;border-color:#4ea8f1}.accordion-button i{transition:transform 0.2s ease;color:#4ea8f1}.accordion-button i:first-child{margin-right:0.5rem}.accordion-button.active{border-color:#4ea8f1;background:#fff}.accordion-button.active i.fa-chevron-down{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.4s ease}.accordion-content.active{max-height:3000px}.accordion-content-inner{padding:1.25rem;background:#fff;border:2px solid #dee2e6;border-top:none;border-radius:0 0 8px 8px;margin-top:-6px}.info-box{background:#f8f9fa;border-left:4px solid #4ea8f1;padding:1rem;border-radius:6px;margin-top:1rem}.info-box .info-title{font-weight:700;color:#1f91ed;margin-bottom:0.5rem;display:flex;align-items:center;gap:0.5rem}.info-box .info-text{color:#343a40;font-size:0.95rem;line-height:1.6}.info-box .info-text strong{color:#1f91ed}.warning-box{background:#fffbf8;border-left:4px solid #fd7e14;padding:1rem;border-radius:6px;margin-top:1rem}.warning-box .warning-title{font-weight:700;color:#773701;margin-bottom:0.5rem;display:flex;align-items:center;gap:0.5rem}.warning-box .warning-text{color:#5e2b01;font-size:0.95rem;line-height:1.6}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}@media (max-width: 768px){.comparison-grid{grid-template-columns:1fr}}.version-card{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;padding:1.5rem}.version-card.supported{border-color:#50ba64;background:#fff}.version-card.unsupported{border-color:#dc3545;background:#fef9f9}.version-card h4{margin:0 0 1rem 0;font-size:1.3rem;font-weight:700;color:#343a40}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:#fff;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.educational-content{line-height:1.8;color:#6c757d}.educational-content p{margin-bottom:1rem}.educational-content h5{color:#343a40;font-weight:600;margin-top:1.5rem;margin-bottom:1rem}.educational-content ul{margin-bottom:1rem}.educational-content strong{color:#343a40}.uniqueness-meter{margin:2rem 0}.uniqueness-bar{background:#fafafb;height:40px;border-radius:20px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.uniqueness-fill{background:linear-gradient(135deg, #62c174, #3d9a4e);height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:1rem;transition:width 0.6s ease;border-radius:20px;position:relative;overflow:hidden}.uniqueness-fill::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);animation:shimmer 2s infinite}.uniqueness-fill span{color:white;font-weight:700;font-size:1.125rem;text-shadow:0 1px 2px rgba(0,0,0,0.2);z-index:1}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.hash-label{text-transform:uppercase;font-size:0.75rem;font-weight:700;color:#adb5bd;letter-spacing:0.5px;margin-bottom:0.5rem}.hash-display{background:#4ea8f1;background:linear-gradient(135deg, #4ea8f1, #1f91ed);color:white;padding:1.5rem;border-radius:12px;font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace;font-size:1rem;word-break:break-all;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 6px rgba(78,168,241,0.2);margin-bottom:1.5rem}.hash-display:hover{box-shadow:0 6px 12px rgba(78,168,241,0.3)}.hash-display span{display:block}.oscillator-controls{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:1rem;margin-bottom:2rem}.oscillator-btn{background:white;border:2px solid #ebeef0;color:#495057;padding:0.875rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;gap:0.5rem}.oscillator-btn i{font-size:1.5rem;color:#6c757d}.oscillator-btn:hover{border-color:#4ea8f1;background:#fff}.oscillator-btn:hover i{color:#4ea8f1}.oscillator-btn.active{background:#4ea8f1;background:linear-gradient(135deg, #4ea8f1, #1f91ed);border-color:#4ea8f1;color:white;box-shadow:0 4px 8px rgba(78,168,241,0.3)}.oscillator-btn.active i{color:white}.waveform-container{margin-top:2rem;background:#edeff1;border-radius:12px;padding:1.5rem;box-shadow:inset 0 2px 8px rgba(0,0,0,0.1)}.waveform-canvas{width:100%;max-width:100%;height:300px;border-radius:8px;background:#2d3748;display:block;margin-bottom:1.5rem;box-sizing:border-box}.play-controls{display:flex;flex-direction:column;align-items:center;gap:0.75rem}.play-btn{background:#4ea8f1;background:linear-gradient(135deg, #4ea8f1, #1f91ed);color:white;border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:0.5rem;box-shadow:0 4px 6px rgba(78,168,241,0.2)}.play-btn i{font-size:1.125rem}.play-btn:hover:not(:disabled){box-shadow:0 6px 12px rgba(78,168,241,0.3)}.play-btn:disabled{opacity:0.6;cursor:not-allowed}.compressor-params{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:1rem}.param-card{background:#f8f9fa;padding:1rem;border-radius:8px;text-align:center;border:1px solid #ebeef0}.param-label{font-size:0.875rem;color:#6c757d;font-weight:600;margin-bottom:0.5rem}.param-value{font-size:1.25rem;color:#4ea8f1;font-weight:700;font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace}.audio-property{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #fafafb;transition:background 0.2s ease}.audio-property:last-child{border-bottom:none}.audio-property:hover{background:#f8f9fa}.audio-property.unique{background:#ffedde;border-left:4px solid #fd7e14}.audio-property.unique .property-name::after{content:' ⚠️';font-size:0.875rem}.audio-property.common{background:transparent}.property-name{font-weight:600;color:#495057;font-size:0.875rem}.property-value{font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace;color:#4ea8f1;font-weight:600;text-align:right}.worklet-status{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:6px;font-weight:600;font-size:0.875rem}.worklet-status.supported{background:#e2f4e6;color:#3d9a4e}.worklet-status.unsupported{background:#f6cdd1;color:#bd2130}.worklet-status i{font-size:1rem}.accordion{margin-top:2rem}.accordion-item{background:white;border:1px solid #ebeef0;border-radius:8px;margin-bottom:1rem;overflow:hidden;transition:all 0.3s ease}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;cursor:pointer;font-weight:600;color:#343a40;background:transparent;transition:all 0.3s ease}.accordion-header span{display:flex;align-items:center;gap:0.75rem}.accordion-header span i.fas.fa-question-circle,.accordion-header span i.fas.fa-shield-alt,.accordion-header span i.fas.fa-code,.accordion-header span i.fas.fa-book{color:#4ea8f1;font-size:1.125rem}.accordion-header i.fa-chevron-down{transition:transform 0.3s ease;color:#6c757d}.accordion-header:hover{background:#f8f9fa}.accordion-header.active i.fa-chevron-down{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height 0.3s ease;padding:0 1.5rem;color:#495057}.accordion-body.active{max-height:2000px}.accordion-body p{margin:1rem 0;line-height:1.7}.accordion-body ul,.accordion-body ol{margin:1rem 0;padding-left:2rem}.accordion-body ul li,.accordion-body ol li{margin:0.5rem 0;line-height:1.6}.accordion-body ul ul{margin-top:0.5rem}.accordion-body strong{color:#212529;font-weight:600}.accordion-body pre{background:#2d3748;color:#e2e8f0;padding:1.5rem;border-radius:8px;overflow-x:auto;font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace;font-size:0.875rem;line-height:1.6;margin:1rem 0}.accordion-body:first-child{padding-top:1.5rem}.accordion-body:last-child{padding-bottom:1.5rem}.uniqueness-score{font-size:4rem;font-weight:700;color:#4ea8f1;text-align:center;margin:2rem 0 1rem 0;font-family:'IBM Plex Mono', monospace}.gamut-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin:2rem 0}.gamut-card{background:#fff;border-radius:12px;padding:2rem;text-align:center;border:2px solid #dee2e6;transition:all 0.3s ease}.gamut-card.supported{border-color:#50ba64;background:#fff}.gamut-card.unsupported{border-color:#ced4da;background:#f8f9fa}.gamut-name{font-size:1.5rem;font-weight:700;color:#343a40;margin-bottom:1rem}.gamut-status{font-size:1.125rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:0.5rem}.gamut-status i{font-size:1.25rem}.supported .gamut-status{color:#3d9a4e}.unsupported .gamut-status{color:#adb5bd}.screen-visual{text-align:center;padding:2rem;background:#f8f9fa;border-radius:12px;margin:1.5rem 0}.screen-diagram{position:relative;display:inline-block;background:#343a40;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,0.3)}.screen-inner{background:rgba(255,255,255,0.95);display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono', monospace;font-weight:700;color:#343a40;font-size:1.125rem;border-radius:4px}.screen-label{position:absolute;font-family:'IBM Plex Mono', monospace;font-weight:600;color:#4ea8f1;font-size:1rem;background:#fff;padding:0.25rem 0.75rem;border-radius:6px;border:2px solid #4ea8f1;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.screen-label.top{top:-2rem;left:50%;transform:translateX(-50%)}.screen-label.left{left:-3rem;top:50%;transform:translateY(-50%)}.orientation-visual{display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem;background:#f8f9fa;border-radius:12px}.orientation-icon{font-size:4rem;color:#4ea8f1}.orientation-label{font-size:1.5rem;font-weight:700;color:#343a40;margin-bottom:0.25rem}.orientation-angle{font-size:1rem;color:#6c757d}.orientation-type{font-size:0.9rem;color:#adb5bd;margin-top:0.5rem}.multi-monitor-grid{display:flex;gap:1.5rem;justify-content:center;align-items:center;padding:2rem;background:#f8f9fa;border-radius:12px;flex-wrap:wrap}.monitor-box{text-align:center}.monitor-screen{background:#343a40;border-radius:8px;padding:3rem 2rem;color:#fff;font-family:'IBM Plex Mono', monospace;font-weight:700;font-size:1rem;min-width:180px;box-shadow:0 8px 16px rgba(0,0,0,0.3);position:relative}.monitor-screen::before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:40%;height:4px;background:#495057;border-radius:2px 2px 0 0}.monitor-screen::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:60%;height:8px;background:#495057;border-radius:0 0 4px 4px}.monitor-label{margin-top:1.5rem;font-size:0.875rem;font-weight:600;color:#6c757d}.badge-secondary{background:#fff;color:#495057}.hdr-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;margin:1.5rem 0}.hdr-card{background:#fff;border-radius:12px;padding:2rem;text-align:center;border:2px solid #dee2e6;transition:all 0.3s ease;position:relative;overflow:hidden}.hdr-card.supported{border-color:#50ba64;background:#fff}.hdr-card.supported::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg, #50ba64, #99d7a5)}.hdr-card.unsupported{border-color:#ced4da;background:#f8f9fa}.hdr-card.unsupported::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:#ced4da}.hdr-icon{font-size:3rem;margin-bottom:1rem;display:block}.supported .hdr-icon{color:#50ba64}.unsupported .hdr-icon{color:#adb5bd}.hdr-name{font-size:1.25rem;font-weight:700;color:#343a40;margin-bottom:0.75rem}.hdr-status{font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:8px;margin-top:0.75rem}.hdr-status i{font-size:1.125rem}.supported .hdr-status{background:rgba(80,186,100,0.15);color:#3d9a4e}.unsupported .hdr-status{background:rgba(173,181,189,0.15);color:#495057}.base64-hero{background:linear-gradient(135deg, #4ea8f1 0%, #2d8bcf 100%);color:#fff;padding:3rem 0;margin-bottom:2rem;border-radius:12px}.base64-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.base64-hero p{font-size:1.125rem;opacity:0.95;max-width:800px;margin:0 auto}.mode-switcher,.mode-selector{display:flex;gap:0.5rem;margin-bottom:1.5rem;background:#f8f9fa;padding:0.5rem;border-radius:8px;border:2px solid #dee2e6}.mode-btn{flex:1;padding:0.75rem 1.5rem;border:none;border-radius:6px;background:transparent;color:#495057;font-weight:600;cursor:pointer;transition:all 0.2s ease}.mode-btn:hover{background:#fff;color:#4ea8f1}.mode-btn.active{background:#4ea8f1;color:#fff}.io-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 768px){.io-container{grid-template-columns:1fr}}.io-panel{background:#fff;border:2px solid #dee2e6;border-radius:12px;overflow:hidden}.io-header{background:#f8f9fa;padding:1rem 1.5rem;border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.io-header h4{margin:0;font-size:1rem;font-weight:600;color:#343a40;display:flex;align-items:center;gap:0.5rem}.io-header h4 i{color:#4ea8f1}.char-count{font-size:0.875rem;color:#6c757d;font-weight:500}.io-body{padding:1rem}.io-actions{margin-top:1rem;display:flex;gap:0.5rem}.io-textarea{width:100%;min-height:300px;padding:1rem;border:none;border-radius:8px;background:#f8f9fa;font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.875rem;resize:vertical;color:#343a40}.io-textarea:focus{outline:2px solid #4ea8f1;background:#fff}.io-textarea::placeholder{color:#adb5bd}.options-panel{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.option-row{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem}.option-row:last-child{margin-bottom:0}.option-checkbox{width:18px;height:18px;cursor:pointer}.option-label{flex:1;font-size:0.875rem;color:#343a40;cursor:pointer}.option-description{font-size:0.75rem;color:#6c757d;margin-top:0.25rem}.action-buttons{display:flex;gap:0.75rem;flex-wrap:wrap;margin-bottom:1.5rem}@media (max-width: 768px){.action-buttons{flex-direction:column}}.btn-encode,.btn-parse{background:#4ea8f1;color:#fff;border:none;padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:0.5rem}.btn-encode:hover,.btn-parse:hover{background:#1f91ed}.btn-decode,.btn-normalize{background:#50ba64;color:#fff;border:none;padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:0.5rem}.btn-decode:hover,.btn-normalize:hover{background:#3d9a4e}.btn-swap,.btn-sort{background:#fff;color:#4ea8f1;border:2px solid #4ea8f1;padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:0.5rem}.btn-swap:hover,.btn-sort:hover{background:#f8f9fa}.btn-clear{background:#fff;color:#dc3545;border:2px solid #dc3545;padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:0.5rem}.btn-clear:hover{background:#fef9f9}.btn-copy{background:#fff;color:#4ea8f1;border:2px solid #4ea8f1;padding:0.5rem 1rem;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.btn-copy:hover{background:#f8f9fa}.btn-download{background:#fff;color:#4ea8f1;border:2px solid #4ea8f1;padding:0.5rem 1rem;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.btn-download:hover{background:#f8f9fa}.code-examples{margin-top:2rem}.language-tabs{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1rem}@media (max-width: 768px){.language-tabs{flex-direction:column}}.lang-tab{padding:0.5rem 1rem;border:2px solid #dee2e6;border-radius:8px;background:#fff;color:#495057;font-weight:500;cursor:pointer;transition:all 0.2s ease}.lang-tab:hover{border-color:#4ea8f1;color:#4ea8f1}.lang-tab.active{background:#4ea8f1;color:#fff;border-color:#4ea8f1}.code-example-card{background:#fff;border:2px solid #dee2e6;border-radius:12px;overflow:hidden;display:none}.code-example-card.active{display:block}.code-example-header{background:#f8f9fa;padding:1rem 1.5rem;border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.code-example-header h4{margin:0;font-size:1rem;font-weight:600;color:#343a40}.code-example-body{padding:1.5rem}.code-section{margin-bottom:1.5rem}.code-section:last-child{margin-bottom:0}.code-section h5{font-size:0.875rem;font-weight:600;color:#343a40;margin-bottom:0.5rem}.tool-notification{position:fixed;top:20px;right:20px;padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;z-index:9999;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.15);animation:slideInRight 0.3s ease-out}.tool-notification.success{background:#50ba64}.tool-notification.error{background:#dc3545}.tool-notification.warning{background:#fd7e14}@keyframes slideInRight{from{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}.highlighted-output{width:100%;min-height:300px;padding:1rem;border:none;border-radius:8px;background:#f8f9fa;font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.875rem;overflow-y:auto;line-height:1.5;white-space:pre-wrap;word-break:break-all;color:#343a40}.encoded-char{background:#fffbf8;color:#5e2b01;padding:0.125rem 0.25rem;border-radius:3px;border:1px solid #fec392}.encoded-space{background:#5ee2f5;color:#000;padding:0.125rem 0.25rem;border-radius:3px;border:1px solid #0ec5df}.char-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:0.5rem}@media (max-width: 768px){.char-grid{grid-template-columns:repeat(auto-fill, minmax(80px, 1fr))}}.char-item{background:#f8f9fa;padding:0.75rem;border-radius:6px;border:1px solid #dee2e6;text-align:center;font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.875rem}.char-symbol{font-size:1.25rem;font-weight:600;color:#343a40;margin-bottom:0.5rem}.char-encoded{color:#4ea8f1;font-size:0.75rem}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.examples-grid{grid-template-columns:1fr}}.example-card{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;padding:1rem;cursor:pointer;transition:all 0.2s ease}.example-card:hover{border-color:#4ea8f1;background:#fff}.example-title{font-weight:600;color:#343a40;margin-bottom:0.5rem;font-size:0.875rem}.example-text,.example-url{font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.75rem;color:#4ea8f1;word-break:break-all}.url-anatomy{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;font-family:'IBM Plex Mono', 'Courier New', monospace;overflow-x:auto}.url-part{display:inline-block;padding:0.25rem 0.5rem;margin:0.125rem;border-radius:4px;font-size:0.875rem;cursor:pointer;transition:all 0.2s ease}.part-protocol{background:#fffbf8;color:#5e2b01;border:1px solid #fec392}.part-subdomain{background:#5ee2f5;color:#000;border:1px solid #0ec5df}.part-domain{background:#f6cdd1;color:#7c151f;border:1px solid #e77681}.part-port{background:#f3f9fe;color:#0c5a9a;border:1px solid #95cbf7}.part-path{background:#e2f4e6;color:#205129;border:1px solid #99d7a5}.part-query{background:#fce4ec;color:#880e4f;border:1px solid #ec407a}.part-fragment{background:#f3e8ff;color:#5b21b6;border:1px solid #a78bfa}.url-components{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.url-components{grid-template-columns:1fr}}.component-card{background:#fff;border:2px solid #dee2e6;border-radius:8px;padding:1rem;transition:all 0.2s ease}.component-card:hover{border-color:#4ea8f1}.component-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}.component-label{font-weight:600;color:#343a40;font-size:0.875rem;display:flex;align-items:center;gap:0.5rem}.component-icon{color:#4ea8f1}.component-value{font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.875rem;color:#495057;word-break:break-all;background:#f8f9fa;padding:0.5rem;border-radius:4px;border:1px solid #dee2e6}.component-empty{color:#adb5bd;font-style:italic}.query-params{background:#fff;border:2px solid #dee2e6;border-radius:8px;overflow:hidden;margin-bottom:1.5rem}.query-header{background:#f8f9fa;padding:1rem 1.5rem;border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.query-header h4{margin:0;font-size:1rem;font-weight:600;color:#343a40}.param-count{background:#4ea8f1;color:#fff;padding:0.25rem 0.75rem;border-radius:4px;font-size:0.75rem;font-weight:600}.query-body{padding:1rem}.param-row{display:grid;grid-template-columns:1fr 2fr auto;gap:1rem;padding:0.75rem;background:#f8f9fa;border-radius:6px;margin-bottom:0.5rem;align-items:center}.param-row:last-child{margin-bottom:0}@media (max-width: 768px){.param-row{grid-template-columns:1fr}}.param-key{font-family:'IBM Plex Mono', 'Courier New', monospace;font-weight:600;color:#4ea8f1;font-size:0.875rem}.param-value{font-family:'IBM Plex Mono', 'Courier New', monospace;color:#495057;font-size:0.875rem;word-break:break-all}.param-actions{display:flex;gap:0.5rem}.btn-icon{background:#fff;color:#4ea8f1;border:2px solid #4ea8f1;padding:0.5rem;border-radius:6px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.btn-icon:hover{background:#f8f9fa}.validation-result{padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem}.validation-valid{background:#f5fbf6;border:2px solid #50ba64;color:#193f20}.validation-invalid{background:#fae3e5;border:2px solid #dc3545;color:#7c151f}.validation-icon{font-size:1.5rem}.json-output{background:#212529;color:#e9ecef;padding:1.5rem;border-radius:8px;font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.875rem;overflow-x:auto;margin-bottom:1.5rem}.json-key{color:#0ec5df}.json-string{color:#75c884}.json-number{color:#fd7e14}.split-pane-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.split-pane-container{grid-template-columns:1fr}}.pane{background:#fff;border-radius:12px;border:1px solid #dee2e6;overflow:hidden}.pane-header{background:#f8f9fa;padding:1rem 1.5rem;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.pane-title{font-weight:600;color:#343a40;display:flex;align-items:center;gap:0.5rem}.pane-title i{color:#4ea8f1}.pane-body{padding:0}.CodeMirror{height:400px;font-size:14px;border-radius:0 0 12px 12px}.selector-input-group{display:flex;gap:0.5rem;margin-bottom:1rem}@media (max-width: 768px){.selector-input-group{flex-direction:column}}.selector-input{width:100%;padding:1rem;border:2px solid #dee2e6;border-radius:8px;font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:1rem;background:#fff;transition:all 0.2s ease}.selector-input:focus{outline:none;border-color:#4ea8f1;box-shadow:0 0 0 3px rgba(78,168,241,0.1)}.selector-input::placeholder{color:#adb5bd}.selector-type-btns{display:flex;gap:0.5rem}@media (max-width: 768px){.selector-type-btns{flex-wrap:wrap}}.selector-type-btn{padding:0.75rem 1.5rem;border:2px solid #dee2e6;background:#fff;border-radius:8px;cursor:pointer;transition:all 0.2s ease;font-weight:600;color:#495057}.selector-type-btn:hover{border-color:#ced4da;background:#f8f9fa}.selector-type-btn.active{border-color:#4ea8f1;background:#4ea8f1;color:#fff}.match-counter{padding:0.5rem 1rem;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;font-weight:600;color:#343a40;display:flex;align-items:center;gap:0.5rem}.match-counter i{color:#4ea8f1}.match-count{color:#4ea8f1;font-family:'IBM Plex Mono', monospace}.results-list{max-height:400px;overflow-y:auto}.result-item{padding:1rem;border-bottom:1px solid #dee2e6;transition:all 0.2s ease}.result-item:hover{background:#f8f9fa}.result-item:hover .result-copy-btn{opacity:1}.result-item:last-child{border-bottom:none}.result-item-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem}.result-index{display:inline-flex;align-items:center;justify-content:center;background:#4ea8f1;color:#fff;border-radius:50%;width:28px;height:28px;font-size:0.875rem;font-weight:600;flex-shrink:0}.result-copy-btn{margin-left:auto;padding:0.375rem 0.75rem;background:#4ea8f1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:0.875rem;transition:all 0.2s ease;opacity:0}.result-copy-btn:hover{background:#2895ee;transform:scale(1.05)}.result-copy-btn i{font-size:0.875rem}.result-content{font-family:'IBM Plex Mono', monospace;font-size:0.875rem;color:#343a40;white-space:pre-wrap;word-break:break-all;padding-left:2.5rem}.action-btns{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1rem}.action-btn{padding:0.5rem 1rem;border:1px solid #dee2e6;background:#fff;border-radius:6px;cursor:pointer;transition:all 0.2s ease;font-size:0.875rem;display:flex;align-items:center;gap:0.5rem}.action-btn:hover{border-color:#4ea8f1;background:#f8f9fa;color:#4ea8f1}.action-btn i{font-size:0.875rem}.template-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:0.75rem;margin-bottom:1.5rem}@media (max-width: 768px){.template-grid{grid-template-columns:1fr}}.template-card{padding:1rem;background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;transition:all 0.2s ease}.template-card:hover{border-color:#4ea8f1;background:#e9ecef}.template-name{font-weight:600;color:#343a40;margin-bottom:0.25rem}.template-desc{font-size:0.8rem;color:#6c757d}.code-export-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:9999;align-items:center;justify-content:center}.code-export-modal.show{display:flex}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{padding:1.5rem;border-bottom:1px solid #dee2e6}.modal-header h3{margin:0;color:#343a40}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #dee2e6;display:flex;justify-content:flex-end;gap:0.5rem}.no-matches-message{padding:2rem;text-align:center;color:#6c757d}.result-node-name{color:#6c757d;font-size:0.85rem}.curl-hero{background:linear-gradient(135deg, #4ea8f1 0%, #2d8bcf 100%);color:#fff;padding:3rem 0;margin-bottom:2rem;border-radius:12px}.curl-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.curl-hero p{font-size:1.125rem;opacity:0.95;max-width:800px;margin:0 auto}@media (max-width: 768px){.curl-hero h1{font-size:1.75rem}.curl-hero p{font-size:1rem}}.curl-input-container{position:relative}.curl-input{width:100%;min-height:200px;padding:1rem;border:2px solid #dee2e6;border-radius:8px;font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.875rem;resize:vertical;transition:border-color 0.2s;background:#fff}.curl-input:focus{outline:none;border-color:#4ea8f1}.curl-input::placeholder{color:#adb5bd}.library-tabs{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.5rem}@media (max-width: 768px){.library-tabs{flex-direction:column}}.library-tab{padding:0.5rem 1rem;border:2px solid #dee2e6;border-radius:8px;background:#fff;color:#495057;font-weight:500;text-decoration:none;transition:all 0.2s;cursor:pointer}.library-tab:hover{border-color:#4ea8f1;color:#4ea8f1;text-decoration:none}.library-tab.active{background:#4ea8f1;color:#fff;border-color:#4ea8f1}.action-buttons{display:flex;gap:0.75rem;flex-wrap:wrap;margin-top:1rem}@media (max-width: 768px){.action-buttons{flex-direction:column}}.btn-convert{background:#4ea8f1;color:#fff;border:none;padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s}.btn-convert:hover{background:#2895ee;color:#fff}.btn-scrapfly{background:#fff;color:#4ea8f1;border:2px solid #4ea8f1;padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s}.btn-scrapfly:hover{background:#f8f9fa}.btn-scrapfly.disabled,.btn-scrapfly:disabled{opacity:0.5;cursor:not-allowed}.btn-scrapfly.disabled:hover,.btn-scrapfly:disabled:hover{background:#fff}.output-container{margin-top:2rem}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.output-header h3{font-size:1.25rem;font-weight:600;color:#343a40;margin:0}.output-actions{display:flex;gap:0.5rem}@media (max-width: 768px){.output-actions{flex-direction:column}}.copy-btn{background:#4ea8f1;color:#fff;border:none;padding:0.5rem 1rem;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:0.5rem;transition:all 0.2s}.copy-btn:hover{background:#2895ee}.copy-btn i{font-size:0.875rem}.download-btn{background:#fff;color:#4ea8f1;border:2px solid #4ea8f1;padding:0.5rem 1rem;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:0.5rem;transition:all 0.2s}.download-btn:hover{background:#f8f9fa}.code-output{border:2px solid #dee2e6;border-radius:8px;overflow:hidden}.CodeMirror{height:auto;min-height:300px;font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.875rem}.multi-output-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}.library-output-card{background:#fff;border:2px solid #dee2e6;border-radius:12px;overflow:hidden}.library-output-header{background:#f8f9fa;padding:1rem 1.5rem;border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.library-output-header h4{margin:0;font-size:1rem;font-weight:600;color:#343a40;display:flex;align-items:center;gap:0.5rem}.library-badge{background:#4ea8f1;color:#fff;padding:0.25rem 0.75rem;border-radius:4px;font-size:0.75rem;font-weight:600}.library-output-body{padding:1.5rem}.library-output-code{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1rem;font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.875rem;overflow-x:auto;margin-bottom:1rem}.library-output-code pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.quick-links{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem;margin-bottom:2rem}@media (max-width: 768px){.quick-links{grid-template-columns:1fr}}.quick-link-card{background:#fff;border:2px solid #dee2e6;border-radius:8px;padding:1rem;transition:all 0.2s}.quick-link-card:hover{border-color:#4ea8f1}.quick-link-card h4{font-size:0.875rem;font-weight:600;color:#343a40;margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem}.quick-link-card h4 i{color:#4ea8f1}.quick-link-card ul{list-style:none;padding:0;margin:0}.quick-link-card li{margin-bottom:0.5rem}.quick-link-card a{color:#4ea8f1;text-decoration:none;font-size:0.875rem}.quick-link-card a:hover{text-decoration:underline}.library-info{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;padding:1rem;margin-top:1rem}.library-info-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem}.library-info-header h4{margin:0;font-size:1rem;font-weight:600;color:#343a40}.install-command{display:flex;gap:0.5rem;margin-bottom:0.75rem}.install-command input{flex:1;padding:0.5rem;border:1px solid #dee2e6;border-radius:6px;font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.875rem;background:#fff}.install-command button{background:#4ea8f1;color:#fff;border:none;padding:0.5rem 1rem;border-radius:6px;cursor:pointer;transition:all 0.2s}.install-command button:hover{background:#2895ee}.library-links{display:flex;flex-direction:column;gap:0.5rem}.library-links a{color:#4ea8f1;text-decoration:none;font-size:0.875rem;display:flex;align-items:center;gap:0.5rem}.library-links a:hover{text-decoration:underline}.validation-warnings{background:#fae3e5;border:2px solid #eb8c95;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.validation-warnings h4{color:#7c151f;font-size:1rem;font-weight:600;margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem}.validation-warnings ul{margin:0;padding-left:1.5rem}.validation-warnings li{color:#66121a;margin-bottom:0.5rem}.validation-tip{background:#fffbf8;border:2px solid #feb679;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.validation-tip h4{color:#773701;font-size:1rem;font-weight:600;margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem}.validation-tip p{color:#5e2b01;margin:0;font-size:0.875rem}canvas{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.timezone-hero{background:linear-gradient(135deg, #4ea8f1 0%, #2d8bcf 100%);color:#fff;padding:4rem 2rem;margin-bottom:3rem;border-radius:12px}.timezone-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.timezone-hero p{font-size:1.125rem;opacity:0.95;max-width:800px;margin:0 auto}@media (max-width: 768px){.timezone-hero{padding:2rem 1rem}.timezone-hero h1{font-size:1.75rem}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:1.5rem;text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:#4ea8f1;margin-bottom:0.5rem}.stat-label{font-size:0.875rem;color:#6c757d;text-transform:uppercase;letter-spacing:0.05em}.world-clock{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:2rem;margin-bottom:2rem;text-align:center}.clock-time{font-size:4rem;font-weight:700;color:#343a40;font-family:'IBM Plex Mono', monospace;margin-bottom:0.5rem}@media (max-width: 768px){.clock-time{font-size:2.5rem}}.clock-date{font-size:1.25rem;color:#6c757d;margin-bottom:1rem}.clock-timezone{font-size:1rem;color:#4ea8f1;font-weight:600}.info-section{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:2rem;margin-bottom:2rem}.info-section h3{font-size:1.5rem;font-weight:600;color:#343a40;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:0.5rem}.info-label{font-size:0.875rem;color:#6c757d;font-weight:500}.info-value{font-size:1rem;color:#343a40;font-family:'IBM Plex Mono', monospace;background:#f8f9fa;padding:0.5rem 0.75rem;border-radius:6px}.warning-box{background:#fae3e5;border-left:4px solid #dc3545;padding:1.25rem;border-radius:8px;margin-bottom:2rem}.warning-box h4{color:#bd2130;font-weight:600;margin-bottom:0.75rem}.warning-box p{color:#343a40;margin:0}.format-examples{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:2rem;margin-bottom:2rem}.example-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1.5rem}.example-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1.25rem}.example-title{font-weight:600;color:#343a40;margin-bottom:0.75rem;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em}.example-value{font-size:1.125rem;color:#4ea8f1;font-weight:600}.accordion{background:#fff;border:1px solid #dee2e6;border-radius:12px;margin-bottom:1rem;overflow:hidden}.accordion-header{padding:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color 0.2s}.accordion-header:hover{background:#f8f9fa}.accordion-header h4{margin:0;font-size:1.125rem;font-weight:600;color:#343a40}.accordion-header i{transition:transform 0.3s;color:#6c757d}.accordion-header.active i{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.accordion-content.active{max-height:2000px}.accordion-body{padding:1.25rem;border-top:1px solid #dee2e6;color:#343a40}.accordion-body h5{font-size:1.125rem;font-weight:600;color:#343a40;margin:1.5rem 0 1rem 0}.accordion-body p{margin:0.75rem 0;line-height:1.6;color:#495057}.accordion-body ul{margin:0.75rem 0;padding-left:1.5rem;line-height:1.8}.accordion-body ul li{margin-bottom:0.5rem;color:#495057}.accordion-body strong{color:#212529;font-weight:600}.code-block{background:#212529;color:#f8f9fa;padding:1rem;border-radius:8px;font-family:'IBM Plex Mono', monospace;font-size:0.875rem;overflow-x:auto;margin:1rem 0}.code-block pre{margin:0;padding:0;background:transparent;border:none}.code-block code{background:transparent;color:inherit;padding:0;font-family:inherit;font-size:inherit}.format-examples h3{font-size:1.5rem;font-weight:600;color:#343a40;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem}.performance-hero{background:linear-gradient(135deg, #4ea8f1 0%, #2d8bcf 100%);color:#fff;padding:4rem 0;margin-bottom:3rem}.performance-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.performance-hero p{font-size:1.125rem;opacity:0.95;max-width:800px;margin:0 auto}@media (max-width: 768px){.performance-hero h1{font-size:2rem}}.performance-container{max-width:1400px;margin:0 auto;padding:0 1rem 3rem}.fingerprint-card{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.section-header{display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #dee2e6}.section-header i{font-size:1.5rem;margin-right:0.75rem;color:#4ea8f1}.section-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#343a40}.performance-container .stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem;margin-bottom:2rem}.performance-container .stat-card{background:linear-gradient(135deg, #4ea8f1 0%, #2d8bcf 100%);color:#fff;padding:1.5rem;border-radius:12px;text-align:center}.performance-container .stat-card .stat-label{font-size:0.875rem;opacity:0.9;margin-bottom:0.5rem;color:#fff}.performance-container .stat-card .stat-value{font-size:2rem;font-weight:700;font-family:'IBM Plex Mono', monospace;color:#fff}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f8f9fa}.data-table th{padding:1rem;text-align:left;font-weight:600;color:#343a40;border-bottom:2px solid #dee2e6}.data-table td{padding:1rem;border-bottom:1px solid #dee2e6;font-family:'IBM Plex Mono', monospace;font-size:0.875rem;color:#343a40}.data-table tr:hover{background:#f8f9fa}@media (max-width: 768px){.data-table{font-size:0.75rem}.data-table th,.data-table td{padding:0.5rem}}.badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:12px;font-size:0.75rem;font-weight:600}.badge-success{background:#c6f6d5;color:#22543d}.badge-info{background:#bee3f8;color:#2c5282}.badge-warning{background:#feebc8;color:#744210}.badge-danger{background:#fed7d7;color:#742a2a}.warning-box{background:#fffaf0;border-left:4px solid #ed8936;padding:1rem 1.5rem;border-radius:4px;margin-bottom:2rem}.warning-box strong{color:#c05621;display:block;margin-bottom:0.5rem}.warning-box p{margin:0;color:#744210}.info-box{background:#ebf8ff;border-left:4px solid #4299e1;padding:1rem 1.5rem;border-radius:4px;margin-bottom:2rem}.info-box strong{color:#2c5282;display:block;margin-bottom:0.5rem}.info-box p{margin:0;color:#2a4365}.info-box ul{margin:0;padding-left:1.5rem}.progress-bar-container{background:#dee2e6;height:30px;border-radius:15px;overflow:hidden;position:relative;margin:0.5rem 0}.progress-bar-fill{height:100%;background:linear-gradient(90deg, #48bb78 0%, #38a169 100%);display:flex;align-items:center;justify-content:flex-end;padding-right:1rem;color:#fff;font-weight:600;font-size:0.875rem;transition:width 0.5s ease}.progress-bar-fill.danger{background:linear-gradient(90deg, #f56565 0%, #e53e3e 100%)}.progress-bar-fill.warning{background:linear-gradient(90deg, #ed8936 0%, #dd6b20 100%)}.jitter-histogram{background:#343a40;border-radius:12px;padding:2rem;margin-top:1rem}.histogram-canvas{width:100%;height:300px;display:block}.performance-container .accordion{margin-top:2rem}.accordion-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:1rem;overflow:hidden}.accordion-item .accordion-header{background:#f8f9fa;padding:1rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:500;color:#343a40;transition:background 0.2s}.accordion-item .accordion-header:hover{background:#e9ecef}.accordion-item .accordion-header i{color:#4ea8f1;transition:none;transform:none}.accordion-item .accordion-header i.fa-chevron-down{transition:transform 0.3s}.accordion-item .accordion-header.active i.fa-chevron-down{transform:rotate(180deg)}.accordion-item .accordion-body{padding:1.5rem;display:none;border-top:1px solid #dee2e6;color:#495057;line-height:1.6}.accordion-item .accordion-body.active{display:block}.performance-container code{background:#343a40;color:#68d391;padding:0.2rem 0.4rem;border-radius:4px;font-family:'IBM Plex Mono', monospace;font-size:0.875rem}.small-text{font-size:0.875rem;color:#6c757d;margin-top:1rem}.fingerprint-hero{background:linear-gradient(135deg, #4ea8f1 0%, #2d8bcf 100%);border-radius:12px;padding:3rem 2rem;color:#fff;margin-bottom:2rem;position:relative;overflow:hidden}.fingerprint-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:rgba(255,255,255,0.1);border-radius:50%}.fingerprint-category{border:2px solid #dee2e6;border-radius:8px;background:#fff;padding:1rem;margin-bottom:1.5rem}.fingerprint-category:hover{border-color:#ced4da}.property-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:0.75rem}.property-item{display:flex;justify-content:space-between;padding:0.75rem;background:#f8f9fa;border-radius:6px;border-left:3px solid #dee2e6}.property-item.unique{border-left-color:#f56565;background:#fff5f5}.property-item.common{border-left-color:#48bb78;background:#f0fff4}.property-label{font-weight:600;color:#495057;font-size:0.85rem}.property-value{color:#343a40;font-family:'IBM Plex Mono', monospace;font-size:0.85rem;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-value.long{cursor:help}.hash-display{background:#343a40;color:#68d391;padding:0.75rem 1rem;border-radius:6px;font-family:'IBM Plex Mono', monospace;font-size:0.9rem;word-break:break-all;position:relative;cursor:pointer}.hash-display:hover{background:#1a202c}.hash-display::after{content:'Click to copy';position:absolute;right:1rem;top:0.75rem;font-size:0.7rem;color:#adb5bd;opacity:0;transition:opacity 0.2s}.hash-display:hover::after{opacity:1}.section-hash-display{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.75rem;background:#f8f9fa;border-radius:6px;font-size:0.85rem;cursor:pointer;transition:all 0.2s;border:1px solid #dee2e6}.section-hash-display:hover{background:#e9ecef;border-color:#ced4da}.section-hash-display .hash-label{font-weight:600;color:#6c757d;margin-right:0.5rem}.section-hash-display .hash-label i{margin-right:0.25rem;color:#08707f}.section-hash-display .hash-value{font-family:'IBM Plex Mono', monospace;color:#343a40;flex:1;text-align:center}.section-hash-display .fa-copy{color:#adb5bd;margin-left:0.5rem;opacity:0;transition:opacity 0.2s}.section-hash-display:hover .fa-copy{opacity:1}.section-hash{display:inline-block;margin-left:0.5rem;padding:0.15rem 0.5rem;background:#e9ecef;border-radius:4px;font-family:'IBM Plex Mono', monospace;font-size:0.7rem;font-weight:500;color:#495057;cursor:pointer;transition:all 0.2s;border:1px solid #dee2e6;vertical-align:middle}.section-hash:hover{background:#08707f;color:#fff;border-color:#08707f}.codec-table{width:100%;border-collapse:collapse;font-size:0.875rem;margin-bottom:1rem}.codec-table thead{background:#f8f9fa;border-bottom:2px solid #dee2e6}.codec-table th{padding:0.75rem;text-align:left;font-weight:600;color:#343a40;white-space:nowrap}.codec-table th:first-child{width:45%}.codec-table th.api-col{text-align:center;width:13.75%}.codec-table tbody tr{border-bottom:1px solid #dee2e6}.codec-table tbody tr:hover{background:#f8f9fa}.codec-table td{padding:0.75rem;color:#343a40}.codec-table td:first-child{font-family:'IBM Plex Mono', monospace;font-size:0.9rem;font-weight:500}.codec-table td.api-cell{text-align:center}.codec-check{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;font-weight:600;font-size:0.75rem}.codec-check.probably{background:#c6f6d5;color:#22543d}.codec-check.maybe{background:#fef3c7;color:#78350f}.codec-check.true{background:#dbeafe;color:#1e3a8a}.codec-check.none{background:#e9ecef;color:#adb5bd}.codec-section-header{font-size:1.1rem;font-weight:600;color:#343a40;padding:1rem 0.75rem 0.5rem 0.75rem;border-bottom:2px solid #dee2e6;margin-top:2rem;margin-bottom:0.5rem;display:flex;justify-content:space-between;align-items:center}.codec-section-header:first-child{margin-top:0}.codec-section-header code{background:#e9ecef;padding:0.25rem 0.5rem;border-radius:4px;font-weight:bold;color:#343a40;cursor:pointer;font-size:0.75rem}.codec-section-header code:hover{background:#08707f;color:#fff}.codec-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 768px){.codec-stats-grid{grid-template-columns:1fr}}.codec-stats-column{display:flex;flex-direction:column;gap:0.75rem}.codec-stat-card{display:flex;align-items:center;padding:0.75rem;background:#f8f9fa;border-radius:6px}.codec-stat-card i{font-size:1.5rem;margin-right:1rem}.codec-stat-card i.fa-film{color:#4299e1}.codec-stat-card i.fa-music{color:#48bb78}.codec-stat-card i.fa-file-code{color:#ed8936}.codec-stat-card .stat-number{font-size:1.5rem;font-weight:700;color:#343a40}.codec-stat-card .stat-text{font-size:0.875rem;color:#6c757d}.codec-section-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6}.codec-section-footer span{color:#6c757d;font-size:0.9rem}.codec-section-footer code{background:#e9ecef;padding:0.25rem 0.5rem;border-radius:4px;font-weight:bold;color:#343a40;cursor:pointer}.codec-section-footer code:hover{background:#08707f;color:#fff}.stat-badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:12px;font-size:0.85rem;font-weight:600;margin-right:0.5rem;margin-bottom:0.5rem}.stat-badge.success{background:#c6f6d5;color:#22543d}.stat-badge.info{background:#bee3f8;color:#2c5282}.stat-badge.warning{background:#feebc8;color:#7c2d12}.stat-badge.danger{background:#fed7d7;color:#742a2a}.uniqueness-meter{height:8px;background:#dee2e6;border-radius:4px;overflow:hidden;margin-top:0.5rem}.uniqueness-fill{height:100%;background:linear-gradient(90deg, #48bb78 0%, #f6ad55 50%, #f56565 100%);transition:width 0.3s ease}.info-card{background:#f8f9fa;border-left:4px solid #4299e1;padding:1rem 1.5rem;border-radius:6px;margin-bottom:2rem}.accordion-button{background:#e9ecef;border:none;padding:1rem;width:100%;text-align:left;font-weight:600;border-radius:6px;cursor:pointer;transition:all 0.3s;margin-bottom:0.5rem;color:#343a40}.accordion-button:hover{background:#dee2e6}.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.accordion-content.active{max-height:2000px}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.signals-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;margin-top:1.5rem}@media (max-width: 768px){.signals-grid{grid-template-columns:1fr;gap:1.5rem}}.signal-category h4{font-size:1.125rem;font-weight:600;color:#343a40;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.signal-category h4 i{color:#4ea8f1;font-size:1rem}.signal-links{display:flex;flex-direction:column;gap:0.75rem}.signal-link{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.875rem 1rem;background:#f8f9fa;border:2px solid transparent;border-radius:8px;text-decoration:none;transition:all 0.2s ease;color:#343a40}.signal-link:hover{background:#fff;border-color:#4ea8f1;text-decoration:none}.signal-link .signal-info{display:flex;align-items:center;gap:0.75rem;flex:1}.signal-link .signal-info i{font-size:1.25rem;color:#4ea8f1;width:24px;text-align:center;flex-shrink:0}.signal-link .signal-info>div{display:flex;flex-direction:column}.signal-link .signal-info>div span{font-weight:600;font-size:0.95rem;color:#343a40}.signal-link .signal-info>div small{display:block;font-size:0.8rem;color:#6c757d;margin-top:0.125rem}.signal-link .signal-hash{background:#e9ecef;color:#495057;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem;font-weight:700;font-family:'Courier New', monospace;flex-shrink:0;cursor:pointer;transition:all 0.2s ease}.signal-link .signal-hash:hover{background:#4ea8f1;color:#fff}.system-styles-section h6{font-weight:600;color:#343a40;margin-bottom:0.5rem;font-size:0.875rem}.system-styles-section h6 i{color:#4ea8f1;margin-right:0.25rem;font-size:0.875rem}.system-colors-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:0.375rem;max-height:400px;overflow-y:auto;padding-right:0.5rem}@media (max-width: 768px){.system-colors-grid{grid-template-columns:repeat(2, 1fr);max-height:300px}}.system-colors-grid::-webkit-scrollbar{width:6px}.system-colors-grid::-webkit-scrollbar-track{background:#e9ecef;border-radius:3px}.system-colors-grid::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}.system-colors-grid::-webkit-scrollbar-thumb:hover{background:#adb5bd}.system-color-item{display:flex;align-items:center;gap:0.375rem;padding:0.25rem 0.375rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;transition:all 0.15s ease}.system-color-item:hover{background:#fff;border-color:#4ea8f1}.color-swatch{width:18px;height:18px;border-radius:2px;border:1px solid #ced4da;flex-shrink:0;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.color-info{display:flex;flex-direction:column;gap:0.05rem;flex:1;min-width:0}.color-name{font-weight:600;font-size:0.65rem;color:#343a40;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.color-value{font-family:'Courier New', monospace;font-size:0.6rem;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.system-fonts-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:0.375rem}@media (max-width: 768px){.system-fonts-list{grid-template-columns:1fr}}.system-font-item{display:flex;align-items:center;padding:0.375rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;gap:0.5rem}.system-font-item .font-name{font-weight:600;font-size:0.65rem;color:#343a40;min-width:80px;flex-shrink:0}.system-font-item .font-preview{flex:1;padding:0.25rem 0.375rem;background:#fff;border:1px solid #dee2e6;border-radius:2px;color:#343a40;font-size:0.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-fingerprint{background:linear-gradient(135deg, #fff 0%, #fff 100%);border:2px solid #4ea8f1;border-radius:12px;padding:2rem;text-align:center;margin-top:2rem;box-shadow:0 4px 12px rgba(0,0,0,0.08)}.global-fingerprint h3{display:flex;align-items:center;justify-content:center;gap:0.5rem;font-size:1.25rem;font-weight:700;color:#212529;margin-bottom:1.25rem}.global-fingerprint h3 i{font-size:1.5rem;color:#4ea8f1}.global-fingerprint .fingerprint-hash{background:#fff;border:2px solid #4ea8f1;border-radius:8px;padding:1rem 1.5rem;font-family:'Courier New', monospace;font-size:1.75rem;font-weight:700;color:#4ea8f1;cursor:pointer;transition:all 0.2s ease;display:inline-block;min-width:200px;letter-spacing:0.1em}.global-fingerprint .fingerprint-hash:hover{background:#4ea8f1;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.global-fingerprint p{margin-top:1rem;margin-bottom:0;font-size:0.875rem;color:#6c757d}.global-fingerprint p i{margin-right:0.25rem;color:#4ea8f1}.codec-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:1rem;margin-top:1rem}.codec-card{background:#fff;border:2px solid #dee2e6;border-radius:8px;padding:1rem;transition:all 0.2s ease}.codec-card.supported{border-color:#50ba64;background:rgba(80,186,100,0.05)}.codec-card.maybe{border-color:#fd7e14;background:rgba(253,126,20,0.05)}.codec-card.unsupported{opacity:0.6}.codec-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem}.codec-header i{font-size:1.5rem;color:#4ea8f1}.codec-name{font-weight:600;font-size:1rem;color:#212529}.codec-status{display:flex;align-items:center;gap:0.5rem;font-weight:600;margin-bottom:0.5rem;font-size:0.9rem}.codec-status i{font-size:1rem}.supported .codec-status{color:#50ba64}.maybe .codec-status{color:#fd7e14}.unsupported .codec-status{color:#adb5bd}.codec-description{font-size:0.85rem;color:#6c757d;line-height:1.4}.mime-list{display:flex;flex-direction:column;gap:0.75rem;margin-top:1rem}.mime-item{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:1rem;transition:border-color 0.2s ease}.mime-item:hover{border-color:#4ea8f1}.mime-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem;padding-bottom:0.5rem;border-bottom:1px solid #e9ecef}.mime-type{font-family:'IBM Plex Mono', 'Courier New', monospace;font-weight:600;color:#4ea8f1;font-size:0.9rem}.mime-index{font-size:0.85rem;color:#adb5bd;font-weight:500}.mime-details{display:flex;flex-direction:column;gap:0.5rem;font-size:0.875rem}.mime-details div{color:#495057}.mime-details strong{color:#212529;margin-right:0.5rem}.empty-state{text-align:center;padding:3rem 2rem;color:#6c757d}.empty-state i{font-size:3rem;margin-bottom:1rem;opacity:0.5}.empty-state p{margin:0;font-size:1rem}.gpu-banner{display:flex;align-items:center;gap:1.5rem;background:linear-gradient(135deg, #4ea8f1 0%, #2d8bcf 100%);color:#fff;padding:1.5rem;border-radius:12px;margin-top:1rem}.gpu-banner i{font-size:3rem;opacity:0.9}.gpu-name{font-size:1.25rem;font-weight:700;margin-bottom:0.25rem}.gpu-vendor{font-size:0.95rem;opacity:0.9}.canvas-display{display:flex;justify-content:center;align-items:center;padding:2rem;background:#f8f9fa;border-radius:8px;min-height:120px}.canvas-display canvas{border:2px solid #dee2e6;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.extension-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:0.5rem;margin-top:1rem}.extension-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:0.5rem 0.75rem;font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.85rem;color:#343a40;transition:all 0.2s ease}.extension-item:hover{background:#fff;border-color:#4ea8f1}.shader-editor{width:100%;min-height:200px;padding:1rem;font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.9rem;line-height:1.5;background:#212529;color:#a8dadc;border:2px solid #495057;border-radius:8px;resize:vertical;tab-size:4;white-space:pre;overflow:auto}.shader-editor:focus{outline:none;border-color:#4ea8f1;box-shadow:0 0 0 3px rgba(78,168,241,0.1)}.shader-canvas-container{display:flex;justify-content:center;align-items:center;padding:2rem;background:#f8f9fa;border-radius:12px;min-height:450px}.shader-canvas-container canvas{max-width:100%;border:2px solid #dee2e6;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.shader-compilation-status{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1rem}.compilation-step{margin-bottom:0.75rem}.compilation-step:last-child{margin-bottom:0}.compilation-result{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;border-radius:6px;font-weight:500}.compilation-result i{font-size:1.25rem}.compilation-result .step-label{font-weight:600;min-width:140px}.compilation-result .step-status{flex:1;font-weight:400}.compilation-result.success{background:#f5fbf6;border:1px solid #abdeb5;color:#3d9a4e}.compilation-result.success i{color:#50ba64}.compilation-result.success.final{background:#50ba64;border-color:#3d9a4e;color:#fff}.compilation-result.success.final i{color:#fff}.compilation-result.error{background:#fae3e5;border:1px solid #eb8c95;color:#bd2130}.compilation-result.error i{color:#dc3545}.compilation-result.secondary{background:#76e6f6;border:1px solid #16d5f0;color:#033137}.compilation-result.secondary i{color:#08707f}.error-details{margin:0.5rem 0 0 0;padding:0.75rem;background:#212529;color:#ff6b6b;border-radius:4px;font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.85rem;border-left:3px solid #dc3545;overflow-x:auto}.font-category-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1rem;margin-bottom:1rem}.font-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:2px solid #e9ecef}.font-category-title{display:flex;align-items:center;gap:0.75rem;font-weight:600;font-size:1.05rem;color:#212529}.font-category-title i{font-size:1.25rem}.font-category-count{font-weight:600;color:#495057}.font-category-count small{color:#adb5bd;margin-left:0.5rem}.font-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:0.5rem}.font-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:0.5rem 0.75rem;font-size:0.9rem;transition:all 0.2s ease}.font-item:hover{background:#fff;border-color:#4ea8f1}.empty-state-mini{grid-column:1 / -1;text-align:center;padding:1rem;color:#adb5bd;font-size:0.9rem;font-style:italic}.loading-state{text-align:center;padding:2rem}.loading-state p{margin-top:1rem;color:#6c757d}.stat-card-compact{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #dee2e6;border-radius:8px;transition:all 0.2s ease}.stat-card-compact i{font-size:2rem;width:48px;text-align:center}.stat-card-compact:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1)}.stat-value-compact{font-size:1.75rem;font-weight:700;color:#212529;line-height:1}.stat-label-compact{font-size:0.875rem;color:#6c757d;margin-top:0.25rem}.os-detection-card{background:#fff;border-radius:12px;padding:1.5rem;margin-top:1rem}.os-primary{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;background:linear-gradient(135deg, rgba(111,66,193,0.1), rgba(232,62,140,0.1));border-radius:12px;border:2px solid rgba(111,66,193,0.2)}.os-icon-container{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.os-icon-container i{color:#6f42c1}.os-details{flex:1}.os-details h4{margin:0 0 0.75rem 0;font-size:1.75rem;font-weight:700;color:#212529}.confidence-bar{width:100%;height:24px;background:rgba(0,0,0,0.1);border-radius:12px;overflow:hidden;margin-bottom:0.5rem}.confidence-fill{height:100%;background:linear-gradient(90deg, #6f42c1, #e83e8c);border-radius:12px;transition:width 0.6s ease}.confidence-text{margin:0;font-size:0.875rem;font-weight:600;color:#6c757d}.os-breakdown{margin-top:1.5rem}.os-breakdown h5{margin-bottom:1rem;font-size:1.125rem;font-weight:600;color:#212529}.os-scores{display:flex;flex-direction:column;gap:1rem}.os-score-item{padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.os-score-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.5rem}.os-score-header i{font-size:1.25rem;color:#495057}.os-score-header span:first-of-type{flex:1;font-weight:600;font-size:1rem;color:#212529}.os-score-header .score{font-size:0.875rem;font-weight:700;color:#6c757d}.os-score-bar{width:100%;height:8px;background:rgba(0,0,0,0.1);border-radius:4px;overflow:hidden;margin-bottom:0.75rem}.os-score-fill{height:100%;background:linear-gradient(90deg, #50ba64, #75c884);border-radius:4px;transition:width 0.6s ease}.system-styles-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e9ecef}.system-styles-section{margin-bottom:2rem}.system-styles-section:last-child{margin-bottom:0}.system-styles-section h5{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#212529;display:flex;align-items:center}.system-styles-section h5 i{color:#6f42c1}.system-styles-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:0.75rem}.system-style-item{display:flex;justify-content:space-between;align-items:center;padding:0.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.system-style-name{font-weight:600;color:#495057;font-size:0.875rem}.system-style-value{font-family:'IBM Plex Mono', monospace;color:#6c757d;font-size:0.8rem}.system-styles-list{display:flex;flex-direction:column;gap:0.75rem}.system-font-item{display:flex;justify-content:space-between;align-items:center;padding:0.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.system-font-name{font-weight:600;color:#495057;font-size:0.875rem;text-transform:lowercase}.system-font-value{font-family:'IBM Plex Mono', monospace;color:#6c757d;font-size:0.8rem}.alert{padding:1rem;border-radius:8px;border:1px solid}.alert-warning{background:rgba(253,126,20,0.1);border-color:rgba(253,126,20,0.3);color:#441f01}.alert-warning i{margin-right:0.5rem}@media (max-width: 991.98px){.os-primary{flex-direction:column;text-align:center}.os-icon-container{width:64px;height:64px}.os-icon-container i{font-size:2rem}}.math-category{margin-bottom:1.5rem}.math-category:last-child{margin-bottom:0}.math-category-header{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;background:#f8f9fa;border-radius:6px;margin-bottom:1rem;font-weight:600}.math-category-header i{color:#6f42c1}.math-category-header .math-test-count{margin-left:auto;font-size:0.875rem;color:#6c757d;font-weight:normal}.math-tests-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1rem}.math-test-item{padding:0.75rem;background:#fff;border:2px solid #dee2e6;border-radius:6px;transition:all 0.2s ease}.math-test-item:hover{box-shadow:0 4px 8px rgba(0,0,0,0.1)}.math-test-item.error{border-color:#dc3545;background:rgba(220,53,69,0.05)}.math-test-item.special{border-color:#fd7e14;background:rgba(253,126,20,0.05)}.math-test-name{font-size:0.813rem;color:#495057;margin-bottom:0.5rem;font-family:'Fira Code', 'Courier New', monospace;word-break:break-all;display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.btn-copy-formula{background:transparent;border:1px solid #ced4da;color:#6c757d;padding:0.25rem 0.5rem;border-radius:4px;cursor:pointer;font-size:0.75rem;transition:all 0.2s ease;flex-shrink:0}.btn-copy-formula:hover{background:#4ea8f1;border-color:#4ea8f1;color:#fff}.btn-copy-formula i{font-size:0.75rem}.math-test-value{font-size:0.75rem;font-family:'Fira Code', 'Courier New', monospace;color:#6f42c1;font-weight:600;word-break:break-all}.engine-info{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.engine-icon{font-size:3rem;color:#6f42c1}.engine-details{flex:1}.engine-name{font-size:1.5rem;font-weight:700;color:#212529;margin-bottom:0.25rem}.engine-browser{font-size:1rem;color:#6c757d;margin-bottom:0.75rem}.engine-confidence .stat-badge{font-size:0.813rem}.anomaly-grid{display:grid;gap:1rem}.anomaly-item{padding:1rem;background:#fff;border-left:4px solid #fd7e14;border-radius:6px}.anomaly-test{font-family:'Fira Code', 'Courier New', monospace;font-size:0.875rem;color:#212529;font-weight:600;margin-bottom:0.25rem}.anomaly-reason{font-size:0.813rem;color:#6c757d;margin-bottom:0.5rem}.anomaly-value{font-family:'Fira Code', 'Courier New', monospace;font-size:0.75rem;color:#fd7e14;font-weight:600}.mime-types-container{display:grid;gap:1.5rem}.mime-category h5{font-size:1rem;font-weight:600;color:#212529;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.mime-category h5 i{color:#4ea8f1}.mime-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:0.75rem}.mime-item{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;background:#fff;border:2px solid #dee2e6;border-radius:6px;font-size:0.875rem}.mime-item.supported{border-color:#50ba64;background:rgba(80,186,100,0.05)}.mime-item.supported i{color:#50ba64}.mime-item.unsupported{border-color:#ced4da;background:rgba(206,212,218,0.05);opacity:0.7}.mime-item.unsupported i{color:#adb5bd}.mime-item span{flex:1;font-weight:500}.mime-item .mime-support{font-size:0.75rem;color:#6c757d;text-transform:capitalize}.system-styles-preview h6{font-size:0.875rem;font-weight:600;color:#495057;margin-bottom:1rem}.canvas-visualization{border:2px solid #dee2e6;border-radius:8px;background:#fff;padding:1rem;margin-bottom:1.5rem;transition:border-color 0.2s}.canvas-visualization:hover{border-color:#ced4da}.canvas-display{background:#f8f9fa;border:1px dashed #ced4da;border-radius:6px;padding:1rem;display:flex;justify-content:center;align-items:center;min-height:280px;margin-bottom:1rem}.canvas-display canvas{max-width:100%;height:auto;image-rendering:pixelated;border-radius:4px}.canvas-hash-display{background:#343a40;color:#50ba64;padding:0.75rem 1rem;border-radius:6px;font-family:'IBM Plex Mono', monospace;font-size:0.9rem;word-break:break-all;position:relative;cursor:pointer;transition:background 0.2s}.canvas-hash-display:hover{background:#292d32}.canvas-hash-display::after{content:'Click to copy';position:absolute;right:1rem;top:0.75rem;font-size:0.7rem;color:#adb5bd;opacity:0;transition:opacity 0.2s}.canvas-hash-display:hover::after{opacity:1}.emoji-test-display{font-size:2rem;padding:1rem;background:#f8f9fa;border-radius:6px;text-align:center;margin-bottom:1rem;letter-spacing:0.5rem}.performance-indicator{display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.75rem;background:#e9ecef;border-radius:6px;font-size:0.85rem;color:#495057}.canvas-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;font-size:0.9rem}@media (max-width: 768px){.canvas-details-grid{grid-template-columns:1fr}}.canvas-details-grid-item{display:flex;justify-content:space-between;padding:0.5rem;background:#fff;border-radius:4px;border:1px solid #e9ecef}.canvas-details-grid-item strong{color:#495057}.canvas-details-grid-item span{color:#212529;font-family:'IBM Plex Mono', monospace}#rectTest{background-color:skyblue;top:0;left:0;width:100px;height:100px;transform:rotate(45deg);padding:0;opacity:0;z-index:-20;position:fixed}.canvas-accordion-button{background:#e9ecef;border:none;padding:1rem;width:100%;text-align:left;font-weight:600;border-radius:6px;cursor:pointer;transition:all 0.3s;margin-bottom:0.5rem;color:#212529}.canvas-accordion-button:hover{background:#dee2e6}.canvas-accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.canvas-accordion-content.active{max-height:1000px}.patch-stats-compact{display:flex;gap:1rem;align-items:center;font-size:0.875rem;padding:0.25rem 0.5rem;border-left:1px solid #ced4da;border-right:1px solid #ced4da}.patch-stat{display:inline-flex;align-items:center;gap:0.25rem;color:#495057}.patch-stat i{font-size:0.875rem}.patch-stat strong{font-family:'IBM Plex Mono', monospace;font-size:0.875rem;color:#212529}.example-patches{display:flex;gap:0.75rem;flex-wrap:wrap;margin-bottom:1rem}.example-btn{padding:0.5rem 1rem;border-radius:8px;border:1px solid #ced4da;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s;background:#fff;color:#343a40}.example-btn:hover{background:#f8f9fa;border-color:#adb5bd}.options-panel{border-radius:8px;padding:1rem;margin-bottom:1rem;display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center;background:#f8f9fa;border:1px solid #dee2e6}.option-toggle{display:flex;align-items:center;gap:0.5rem}.option-toggle input[type="checkbox"]{width:18px;height:18px;cursor:pointer}.option-toggle label{margin:0;cursor:pointer;font-weight:500;color:#343a40}.patch-input-area{width:100%;height:300px;font-family:'IBM Plex Mono', monospace;font-size:13px;padding:1rem;border:2px solid #ced4da;border-radius:8px;resize:vertical;transition:border-color 0.2s;background:#fff;color:#212529}.patch-input-area:focus{outline:none;border-color:#08707f}.diff-toolbar{border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center;background:#f8f9fa;border:1px solid #dee2e6}.toolbar-section{display:flex;gap:0.5rem;align-items:center}.view-toggle-btn{padding:0.5rem 1rem;border-radius:6px;border:1px solid #ced4da;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center;gap:0.5rem;background:#fff;color:#343a40}.view-toggle-btn:hover{background:#e9ecef}.view-toggle-btn.active{background:#08707f;color:#fff;border-color:#08707f}.file-explorer-container{position:sticky;top:16px;height:calc(100vh - 100px);overflow-y:auto;border:1px solid #ced4da;border-radius:8px;background:#fff}.file-explorer-header{position:sticky;top:0;z-index:10;padding:1rem;border-bottom:1px solid #ced4da;border-radius:8px 8px 0 0;background:#f8f9fa}.file-count-badge{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.875rem;font-weight:600;font-family:'IBM Plex Mono', monospace;color:#343a40}.file-filter-input{width:100%;padding:0.5rem;border:1px solid #ced4da;border-radius:6px;font-size:0.875rem;margin-top:0.75rem;font-family:'IBM Plex Mono', monospace;background:#fff;color:#212529}.file-filter-input:focus{outline:none;border-color:#08707f}.file-tree{padding:0.5rem}.folder-item{padding:0.5rem;cursor:pointer;display:flex;align-items:center;gap:0.5rem;border-radius:6px;font-family:'IBM Plex Mono', monospace;font-size:0.875rem;transition:background 0.2s;color:#343a40}.folder-item:hover{background:#f8f9fa}.folder-item .chevron{width:14px;font-size:12px;transition:all 0.2s}.folder-item.collapsed .chevron{transform:rotate(-90deg)}.file-item{padding:0.5rem 0.5rem 0.5rem 1.5rem;cursor:pointer;display:flex;align-items:center;gap:0.5rem;border-radius:6px;font-family:'IBM Plex Mono', monospace;font-size:0.875rem;transition:background 0.2s;color:#343a40}.file-item:hover{background:#f8f9fa}.file-item.active{background:rgba(8,112,127,0.15);color:#08707f;font-weight:600}.file-item .file-icon{width:16px;font-size:14px}.file-item .filename{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.status-badge.added{background:#f5fbf6;color:#50ba64}.status-badge.deleted{background:#fae3e5;color:#dc3545}.status-badge.modified{background:#ffedde;color:#773701}.share-input-group{display:flex;gap:0.5rem;flex:1;max-width:600px}.share-input{flex:1;padding:0.5rem;border:1px solid #ced4da;border-radius:6px;font-family:'IBM Plex Mono', monospace;font-size:0.875rem;background:#fff;color:#212529}.share-copy-btn{padding:0.5rem 1rem;border-radius:6px;border:1px solid #ced4da;font-weight:500;cursor:pointer;transition:all 0.2s;background:#fff;color:#343a40}.share-copy-btn:hover{background:#e9ecef}.notification{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:8px;border:1px solid #ced4da;z-index:9999;display:none;max-width:400px;background:#fff;color:#212529}.notification.success{border-left:4px solid #50ba64}.notification.error{border-left:4px solid #dc3545}.notification.warning{border-left:4px solid #fd7e14}.notification.info{border-left:4px solid #08707f}tr.highlight{background-color:rgba(253,126,20,0.1) !important}tr.highlight td{border-left:3px solid #fd7e14 !important}.patch-button-group{gap:1rem}.patch-input-group-sm{gap:0.5rem}.patch-feature-item{gap:0.75rem}.patch-feature-icon{font-size:1.5rem}.patch-features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem}@media (max-width: 768px){.patch-stats-compact{border:none;padding:0.5rem 0;flex-wrap:wrap;gap:0.5rem}.patch-stat{font-size:0.75rem}.example-patches{gap:0.5rem}.example-btn{font-size:0.75rem;padding:0.4rem 0.8rem}.options-panel{flex-direction:column;align-items:flex-start}.diff-toolbar{flex-direction:column}.share-input-group{max-width:100%}}body.full-width-no-menu .header{display:none !important}body.full-width-no-menu .bd-sidebar{display:none !important}body.full-width-no-menu .container-fluid{padding:0;max-width:100%;width:100%}body.full-width-no-menu main{padding:0;margin:0;width:100%}body.full-width-no-menu .col-md-9,body.full-width-no-menu .col-xl-10{flex:0 0 100%;max-width:100%;padding:0}body.full-width-no-menu .tool-container{max-width:100%;padding:0;margin:0}body.full-width-no-menu #diff-view{margin:0;padding:0}body.full-width-no-menu #diff-view .diff-toolbar{margin-bottom:0;border-radius:0}body.full-width-no-menu #diff-view .options-panel{border-radius:0}.cookie-type-selector{display:flex;gap:1.5rem;align-items:center}.radio-label{display:flex;align-items:center;gap:0.5rem;cursor:pointer;user-select:none}.radio-label input[type="radio"]{cursor:pointer}.radio-label span{font-weight:500;color:#495057}.cookie-input{width:100%;min-height:150px;padding:1rem;font-family:'IBM Plex Mono', monospace;font-size:0.9rem;border:2px solid #dee2e6;border-radius:8px;resize:vertical;transition:border-color 0.2s ease}.cookie-input:focus{outline:none;border-color:#4ea8f1}.action-buttons{display:flex;gap:0.75rem;margin-top:1rem;flex-wrap:wrap}.search-bar{display:flex;gap:0.75rem;align-items:center;margin-bottom:1.5rem}.search-input{flex:1;padding:0.75rem 1rem;font-size:0.95rem;border:2px solid #dee2e6;border-radius:6px;transition:border-color 0.2s ease}.search-input:focus{outline:none;border-color:#4ea8f1}.cookies-list{display:flex;flex-direction:column;gap:1rem}.cookie-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.25rem;transition:all 0.2s ease}.cookie-item:hover{border-color:#4ea8f1;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.cookie-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cookie-name{display:flex;align-items:center;font-size:1.1rem;color:#212529}.cookie-name i{color:#fd7e14}.cookie-actions{display:flex;gap:0.5rem}.btn-icon{background:#f8f9fa;border:1px solid #dee2e6;padding:0.5rem 0.75rem;border-radius:6px;cursor:pointer;transition:all 0.2s ease}.btn-icon:hover{background:#4ea8f1;border-color:#4ea8f1;color:white}.btn-icon i{font-size:0.9rem}.cookie-value{margin-bottom:0.75rem}.value-label{font-size:0.85rem;font-weight:600;color:#6c757d;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:0.5px}.value-content{background:#f8f9fa;padding:0.75rem 1rem;border-radius:6px;font-family:'IBM Plex Mono', monospace;font-size:0.9rem;color:#343a40;word-break:break-all;line-height:1.5}.value-content.decoded{background:#f5fbf6;color:#3d9a4e}.btn-toggle-decode{margin-top:0.5rem;padding:0.5rem 1rem;background:#e9ecef;border:1px solid #dee2e6;border-radius:6px;font-size:0.85rem;cursor:pointer;transition:all 0.2s ease}.btn-toggle-decode:hover{background:#4ea8f1;border-color:#4ea8f1;color:white}.btn-toggle-decode i{margin-right:0.5rem}.cookie-decoded{margin-top:0.75rem}.cookie-attributes{margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.attr-label{font-size:0.85rem;font-weight:600;color:#6c757d;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:0.5px}.attr-list{display:flex;flex-wrap:wrap;gap:0.5rem}.attr-badge{background:#e9ecef;padding:0.4rem 0.75rem;border-radius:4px;font-size:0.85rem;font-family:'IBM Plex Mono', monospace;color:#495057}.help-content h5{color:#343a40;margin-bottom:0.75rem}.help-content p{color:#6c757d;margin-bottom:1rem}.help-content code{background:#f8f9fa;padding:0.2rem 0.5rem;border-radius:4px;font-size:0.9rem;color:#4ea8f1}.help-content ul{padding-left:1.5rem}.help-content ul li{color:#6c757d;margin-bottom:0.5rem}.help-content ul li strong{color:#343a40}