@import url(https://fonts.googleapis.com/css2?family=Paytone+One&display=swap);:root,[data-theme=dark]{--filter-button-shadow:1px 1px 2px #dedede57}.controls,header{align-items:center;display:flex}.clear,.controls,header{display:flex}#ptable,.group-row{grid-template-columns:repeat(18,var(--tile-size))}#ptable,.period-col{grid-template-rows:repeat(10,var(--tile-size))}.tile .sym,h1{font-weight:400}.cta span,.elem{vertical-align:middle}#modal strong,.chip,.cta span{text-transform:uppercase}#quiz-controls *,*,.drag-bar,.draggable-box,.elem,.i,.quiz-input,.tile{box-sizing:border-box}:root{--tile-size:95px;--gap-size:6px;--tile-font-size:48px;--app-max-width:2434px;--app-margin:24px auto;--app-padding:18px;--font-base:16px;--font-small:14px;--font-xsmall:12px;--font-el-name:11px;--h1-size:35px;--h2-size:30px;--h3-size:25px;--h4-size:20px;--h5-size:17px;--h6-size:15px;--font-legend:15px;--modal-width:1000px;--modal-tile-size:320px;--modal-tile-font-size:140px;--chip-width:245px;--switch-icon-size:20px;--controls-height:33px;--font-modal-txt:28px;--border-radius:6px;--base-hue:200;--base-saturation:60%;--base-lightness:85%;--base-hue-on:100;--base-saturation-on:50%;--base-lightness-on:80%;--font-family-basic:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;--font-family-large:"Paytone One",sans-serif;--bg-color:#ffffff;--bg-grad:linear-gradient(180deg, #f1f1f1 0%, #f4f4f4 100%);--text-color:#333333;--arrow-bg:#c4c4c4;--arrow-txt-color:#2d2d2d;--buttons-bg:black;--buttons-txt:#f9f9f9;--filter-box-border-color:#33333338;--margin-period-arrow:-5px;--modal-bg:#f9f9f9;--modal-txt-color:#2d2d2d;--modal-h2:#3c2d2d;--modal-shadow:0 8px 20px rgba(0, 0, 0, 0.3);--modal-link-txt:#333333;--modal-link-color:#8bc3ff;--primary-color:#007bff;--border-color:#dddddd;--card:#071025;--muted:#9aa6b2;--accent:#60a5fa;--icon-color:rgb(236, 249, 255);--trans-dur:0.3s;--trans-timing:cubic-bezier(0.76, 0.05, 0.24, 0.95);--trans-timing-in:cubic-bezier(0.76, 0.05, 0.86, 0.06);--trans-timing-out:cubic-bezier(0.05, 0.76, 0.06, 0.86)}[data-theme=dark]{--bg-color:#1a1a1a;--bg-grad:linear-gradient(180deg, #071025 0%, #041022 100%);--text-color:#ffffff;--arrow-bg:#686868;--arrow-txt-color:#e4e4e4;--buttons-bg:#f9f9f9;--buttons-txt:black;--filter-box-border-color:rgba(205, 205, 205, 0.3);--modal-bg:#202020;--modal-txt-color:#f2feff;--modal-h2:#ffffff;--modal-shadow:0 8px 20px rgba(255, 255, 255, 0.3);--modal-link-txt:#ffffff;--modal-link-color:#d8cd25;--primary-color:#4da6ff;--border-color:#444444}body,html{height:100%;margin:0;font-family:var(--font-family-basic);font-size:(var(--font-base));background-color:var(--bg-color);background:var(--bg-grad);color:var(--text-color);transition:background-color .3s,color .3s}.symbol,.tile .sym,h1{font-family:var(--font-family-large);font-style:normal}.app{max-width:var(--app-max-width);margin:var(--app-margin);padding:var(--app-padding);min-height:100vh}.close,.close-button{margin-left:auto}header{gap:12px;justify-content:space-between;margin:.4em 0}h1{margin:0;font-size:20px;font-size:var(--h1-size)}#modal tbody td strong,h3{font-size:var(--h3-size);color:var(--text-color)}h3{margin:.8em 0 .4em}.controls{gap:8px;flex-wrap:wrap}.clear,.elem{align-items:center}.controls>button,.controls>option,.controls>select{height:var(--controls-height);padding:8px 10px;border-radius:var(--border-radius);border:none;background-color:var(--buttons-bg);color:var(--buttons-txt);cursor:pointer;font-size:var(--font-base);text-transform:uppercase}.clear{font-size:var(--h1-size)!important;justify-content:center;flex-wrap:nowrap;background:#7386ff!important;align-content:center}#modalBackdrop,.lightbox-overlay{z-index:999;left:0;display:none;position:fixed}.lightbox-overlay{top:0;width:100vw;height:100vh;background:rgba(0,0,0,.5)}.draggable-box{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);background:var(--bg-color);min-width:280px;border-radius:10px;box-shadow:var(--modal-shadow);transition:.3s}.draggable-content{padding:20px;background:var(--bg-color);border-radius:0 0 var(--border-radius) var(--border-radius)}.draggable-content button,.draggable-content select{padding:8px 12px;background:#424242;color:#fff;border:none;font-size:var(--font-base);border-radius:var(--border-radius);cursor:pointer;text-align:center;min-height:3.5em;width:100%}.lightbox-close-btn{position:absolute;top:-.7em;right:-.7em;width:1.4em;height:1.4em;background-color:#d00;color:#fff;font-size:1.6em;line-height:1.4em;text-align:center;border-radius:50%;border:2px solid #fff;cursor:pointer;padding:0;user-select:none;box-shadow:0 0 6px rgba(208,0,0,.6);transition:background-color .3s;z-index:1000}#dragBar,.drag-bar{cursor:move;padding:.4em 3em;border-radius:var(--border-radius) var(--border-radius) 0 0;font-weight:700}.lightbox-close-btn:hover{background-color:#b00000}#dragBar{background:#eee}.drag-bar{width:100%;background:var(--text-color);color:var(--bg-color);font-size:var(--font-base);line-height:2em}.drag-bar:before{content:'.';position:absolute;left:1em;top:.3em;font-size:1em;line-height:1em;color:var(--bg-color);text-shadow:0 5px var(--bg-color),0 10px var(--bg-color),5px 0 var(--bg-color),5px 5px var(--bg-color),5px 10px var(--bg-color),10px 0 var(--bg-color),10px 5px var(--bg-color),10px 10px var(--bg-color)}.left-arrow-box::after,.top-arrow-box::after{--new-size:calc(var(--tile-size)/2);content:"";width:0;height:0}.group-btn{padding:6px 16px;border:1px solid #888;border-radius:4px;background:#ececec;cursor:pointer}input[type=search]{height:var(--controls-height);padding:8px 10px;border-radius:var(--border-radius);border:1px solid #9cf;background:rgb(187 187 187 / 97%);color:#191919;font-size:var(--font-base)}#modal,.tile{border-radius:var(--border-radius)}input::placeholder{color:#353535;font-weight:700;opacity:.5;font-size:var(--font-base)}#m-cat,#m-elec,.cta span{font-size:var(--font-modal-txt)}#testmode.alert{animation:1s cubic-bezier(.5,0,1,1) infinite alternate blinker}@keyframes blinker{from{opacity:1;background:linear-gradient(90deg,#ed2853,#f54a94)}to{opacity:.9;background:linear-gradient(270deg,#ed2853,#f54a94)}}.legend{margin-top:.1em;display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:var(--font-legend)}.left-arrow-box,.top-arrow-box{background:var(--arrow-bg);color:var(--arrow-txt-color);font-size:var(--font-base);text-align:center}.table-container{display:flex;flex-wrap:wrap;gap:10px}.main-table-area{flex:1;min-width:0}.periodic-table,.spectr{max-width:100%}#ptable-wrapper{display:inline-flex}#ptable{display:grid;gap:var(--gap-size)}.top-arrow-box{display:inline-block;width:100%;padding:2px 6px;position:relative;margin-bottom:6px;font-weight:700}.group-row,.period-col{display:grid;gap:var(--gap-size);font-weight:700}.top-arrow-box::after{position:absolute;left:50%;transform:translateX(-50%);bottom:-8px;border-left:var(--new-size) solid transparent;border-right:var(--new-size) solid transparent;border-top:8px solid var(--arrow-bg)}.group-row,.period-box{opacity:.4}.group-row{text-align:center;margin-bottom:4px}.period-box{position:absolute;transform:translateX(var(--margin-period-arrow));z-index:2}.period-col div{line-height:var(--tile-size)}.left-arrow-box{display:inline-block;padding:4px 6px;position:relative;height:var(--tile-size)}.num,.tile{display:flex}.left-arrow-box::after{position:absolute;top:50%;right:-8px;transform:translateY(-50%);border-top:var(--new-size) solid transparent;border-bottom:var(--new-size) solid transparent;border-left:8px solid var(--arrow-bg)}.bb,.tile .left,.tile .name{position:relative}.tile{padding:4px;cursor:pointer;outline:transparent solid 2px;transition:background .2s,transform .1s;flex-direction:column;justify-content:space-between}.tile.hidden{opacity:.08}.tile:focus{outline-color:var(--accent)}.num{justify-content:space-between;font-size:var(--font-xsmall);padding:0 2px}.elneg,.mass{display:block;opacity:.8;transition:.3s}.hide-advanced-info .num .mass .hide-advanced-info .elneg{display:none!important}.hide-advanced-info .tile{padding:2px}.hide-advanced-info .tile .sym{text-shadow:none}.show-advanced-info .tile{padding:4px}#modal th,.i-elneg,.num .elneg,.num .mass{text-align:left}.name,.tile .sym{text-align:center;width:100%}.name{font-size:var(--font-el-name);font-weight:700}#modal .czn,.i-mass,.source{text-align:right}.bb{width:100%}.tile .sym{font-size:var(--tile-font-size);line-height:1em;text-shadow:2px 1px 2px rgba(255,255,255,.54)}.tile .left{text-align:left;display:block}.z{font-size:var(--font-small);font-weight:700}.tile .name{font-size:var(--font-el-name);color:var(--dark)}.cat-alkali{background:linear-gradient(180deg,#f37070,#ffa8a8);color:#241205}.cat-hal{background:linear-gradient(180deg,#0cf,#76e4ff);color:#241205}.cat-alkaline{background:linear-gradient(180deg,#dda806,#ffe69a);color:#072000}.cat-transition{background:linear-gradient(180deg,#c691ff,#e1c4ff);color:#071036}.cat-no-transition{background:linear-gradient(180deg,#77b1ec,#bedfff);color:#071036}.cat-metalloid-xx,.cat-post{background:linear-gradient(180deg,#ed2853,#ff86a0);color:#052024}.cat-metalloid{background:linear-gradient(180deg,#92e8e8,#dcffff);color:#2b0522}.cat-nonmetal{background:linear-gradient(180deg,#89d92f,#d4ffa2);color:#05203a}.cat-noble{background:linear-gradient(180deg,#d3d305,#ff9);color:#07101b}.cat-lanth{background:linear-gradient(180deg,#ffedcc,#ffd486);color:#2b1502}.cat-act{background:linear-gradient(180deg,#ffc3cc,#ffa9b6);color:#2b0710}.ec,.i,.ioniz,.on{color:#000}.empty{background:0 0;visibility:hidden}.empty:hover{filter:none;transition:none;transform:none}#modalBackdrop{top:0;width:100%;height:100%;background:rgba(0,0,0,.6);justify-content:center;align-items:center}#modal{background:var(--modal-bg);color:var(--modal-txt-color);padding:2em;border:1px solid var(--text-color);max-width:99%;width:var(--modal-width);max-height:90%;overflow-y:auto;display:flex;flex-direction:column}.modal-header{display:flex;align-items:flex-start;position:sticky;top:0;z-index:2}#m-cat,#modal .row{margin:.6em 0}.close-button{right:12px;top:12px;border:none;font-size:20px;cursor:pointer;width:40px;height:40px;border-radius:10px;background:#cc258a;position:-webkit-sticky;position:sticky;display:block;z-index:200;text-indent:-9999px}#m-symbol,#modal tbody td,.symbol{position:relative}.close-button:after,.close-button:before{content:'';width:55%;height:2px;background:#fff;position:absolute;top:48%;left:22%;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-ms-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}.cta:before,.cta:hover:before{background:var(--modal-link-color)}.close-button:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-ms-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}#quiz-controls button,.cta{transition:.2s}.close-button:hover:after,.close-button:hover:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}#modal table{width:100%;border-collapse:collapse;overflow:hidden}#modal td,#modal th{padding:.2em;background-color:#dfdfdf68;color:var(--text-color)}#modal thead th{background-color:#55608f}#modal tbody tr:hover{background-color:rgba(146,146,146,.3)}#modal tbody td{border:1px solid var(--text-color)}#modal tbody td strong{padding:.2em;margin:0;display:block;border:none;font-weight:400}#modal strong,.symbol{border-radius:var(--border-radius)}#modal tbody td:hover:before{content:"";position:absolute;left:0;right:0;top:-9999px;bottom:-9999px;background-color:rgba(255,255,255,.2);z-index:-1}#m-symbol{display:contents}#m-symbol:before{content:attr(z);position:absolute;font-size:.38em;bottom:.2em;left:.2em;width:100%;display:block}.symbol{width:var(--modal-tile-size);height:var(--modal-tile-size);font-size:var(--modal-tile-font-size);display:flex;justify-content:center;align-items:center;font-weight:400;margin:0;text-shadow:2px 1px 2px #000000ba,-2px 1px 2px #ffffff57;padding:.45em}#modal .czn,.cta:before,.i{position:absolute}.i,.modal-grid{display:grid;grid-template-columns:1fr 1fr}#m-cat,#m-elec,.ec,.elem,.ioniz,.on{font-weight:700}.i{width:100%;padding:0 .45em;top:6px;font-family:var(--font-family-basic);font-size:.3em;text-shadow:none}#modal #m-shells,#modal h2,.cta,.cta span,.cta svg,.imgBox,.imgBox img,[data-tooltip]{position:relative}#m-cat,#m-elec,#modal h2,.ec,.elem,.ioniz,.on{font-family:var(--font-family-large)}.modal-grid{gap:8px 16px;margin:1em 0}.source{margin:1.5em 0}.cta{margin:10px auto 20px;text-decoration:none;padding:19px 22px}.cta:before{content:"";top:11px;left:0;display:block;border-radius:18px;width:38px;height:38px;transition:.3s}.cta span{color:var(--modal-link-txt);line-height:1em;letter-spacing:.25em}.imgBox h5,[data-tooltip]::after{background:rgba(0,0,0,.8);padding:3px 6px;font-size:10px;color:#fff}.cta svg{top:0;margin-left:10px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:var(--modal-link-txt);stroke-width:2;transform:translateX(-5px);transition:.3s}.cta:hover:before{width:100%}.cta:hover svg{transform:translateX(0)}.trash span,.trash span:after{transform:rotate(0);transition:transform 250ms}.cta:active{transform:scale(.96)}#modal h2{margin:0 0 1.5em;height:2em;font-size:var(--h2-size);color:var(--modal-h2)}#modal .czn{width:100%;border-top:2px solid;font-size:.6em;display:table-cell;color:var(--muted)}#modal strong{color:var(--text-color);padding:.2em .4em;margin:.2em .4em .2em 0;display:inline-block;border:1px solid var(--text-color);font-size:var(--h3-size)}#modal .unit{font-weight:400;opacity:.85;font-size:.85em}#m-boil,#m-density,#m-discovered,#m-elneg,#m-group,#m-mass,#m-melt,#m-molar-heat,#m-period,#m-phase,#m-z{font-family:var(--font-family-large);font-size:var(--font-modal-txt);margin-left:.5em}.elem{display:inline-flex;justify-content:center;aspect-ratio:1/1;height:2.5em;min-width:2em;padding:0 .5em;background-color:#f0f0f0;border:1px solid #ccc;border-radius:50%;font-size:inherit;line-height:1;margin:0 2px;font-size:var(--font-modal-txt)}.ioniz,.on{background-color:hsl(var(--current-hue),var(--current-saturation),var(--current-lightness))}.ec,.ioniz,.on,span#m-summary{font-size:var(--font-modal-txt)}#modal .cat,.ioniz,.on{padding:.2em .5em;margin:.2em;border-radius:var(--border-radius);display:inline-block}.ioniz,.on{text-shadow:1px 1px #fff;--step:0;--hue-step:1;--saturation-step:2%;--lightness-step:1%}.ioniz{--current-hue:calc(var(--base-hue) + (var(--step) * var(--hue-step)));--current-saturation:calc(var(--base-saturation) + (var(--step) * var(--saturation-step)));--current-lightness:calc(var(--base-lightness) - (var(--step) * var(--lightness-step)))}.on{--current-hue:calc(var(--base-hue-on) + (var(--step) * var(--hue-step)));--current-saturation:calc(var(--base-saturation-on) + (var(--step) * var(--saturation-step)));--current-lightness:calc(var(--base-lightness-on) - (var(--step) * var(--lightness-step)))}.ioniz:first-child,.on:first-child{--step:0}.ioniz:nth-child(2),.on:nth-child(2){--step:1}.ioniz:nth-child(3),.on:nth-child(3){--step:2}.ioniz:nth-child(4),.on:nth-child(4){--step:3}.ioniz:nth-child(5),.on:nth-child(5){--step:4}.ioniz:nth-child(6),.on:nth-child(6){--step:5}.ioniz:nth-child(7),.on:nth-child(7){--step:6}.ioniz:nth-child(8),.on:nth-child(8){--step:7}.ioniz:nth-child(9),.on:nth-child(9){--step:8}.ioniz:nth-child(10),.on:nth-child(10){--step:9}.ioniz:nth-child(11),.on:nth-child(11){--step:10}.ioniz:nth-child(12),.on:nth-child(12){--step:11}.ioniz:nth-child(13),.on:nth-child(13){--step:12}.ioniz:nth-child(14),.on:nth-child(14){--step:13}.ioniz:nth-child(15),.on:nth-child(15){--step:14}#modal .cat{white-space:nowrap;border:1px solid var(--text-color)}.ec,.imgBox h5{border-radius:var(--border-radius)}span#m-summary{display:block;text-align:justify}#modal div#m-img{margin:20px auto}#modal img.el-image,#spectr{width:100%;height:auto}#spectr img{margin:10px auto}div#m-spectr{margin:5px 0 20px}.imgBox,.imgBox img{width:100%;height:200px;object-fit:cover}.imgBox h5{content:attr(info);z-index:1;position:absolute;bottom:5px;margin:0;max-width:85%;right:10px;white-space:normal}[data-tooltip]{cursor:help}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translateX(-50%);border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}[data-tooltip]:hover::after{opacity:1}.ec{padding:.2em .6em;margin:1px;display:inline-block}.catBox,.tb{display:flex}.orb-s{background:#fcc}.orb-p{background:#cfc}.orb-d{background:#ccf}.orb-f{background:#fff0b3}#modal #m-shells{width:200px;height:200px;margin:0 auto}.shell{border:1px solid #888;border-radius:50%;position:absolute}.electron{width:8px;height:8px;background:#007bff;border-radius:50%;position:absolute}.trash,.trash span,.trash span:after{background:var(--icon-color);position:absolute}.catBox{margin:.2em 0 .6em;gap:4px}button#clearCatFilter{position:relative;background:linear-gradient(0deg,#ab205f,#c51162);color:#fdfdfd;display:inline;transition:.3s;border:none;cursor:pointer;width:100%;margin-top:6px;padding:6px 10px;border-radius:var(--border-radius);align-items:center}button#clearCatFilter:hover{background:linear-gradient(180deg,#ab205f,#c51162);color:#fdfdfd;transform:scale(1.06)}.tb{width:100%;padding:4px;justify-content:space-evenly;align-items:center}.trash{transform:scale(.8);width:28px;height:30px;display:none;margin:0;left:1vw;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.trash span{height:5px;top:-7px;left:-3px;right:-2px;border-top-left-radius:5px;border-top-right-radius:5px;transform-origin:19% 100%}.trash span:after{content:'';width:12px;height:4px;top:-6px;border-top-left-radius:6px;border-top-right-radius:6px;transform-origin:19% 100%;left:12px}.trash i,.trash i:after,.trash i:before{width:3px;height:24px;background:#c51162;border-radius:2px}.trash i{position:relative;display:block;margin:3px auto}.trash i:after{content:'';position:absolute;left:-7px}.trash i:before{content:'';position:absolute;right:-7px}button#clearCatFilter:hover .trash span{transform:rotate(-45deg);transition:transform 250ms}.category-legend,.custom-box{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:var(--gap-size);align-content:stretch;justify-content:end;align-items:stretch;position:unset;justify-items:stretch}.switch,.tile{position:relative}.chip{display:inline-flex;align-items:center;gap:7px;padding:.35em .42em;border-radius:var(--border-radius);font-size:var(--font-base);cursor:pointer;border:2px solid rgba(255,255,255,.04);background-image:url(carbon.png);box-shadow:var(--filter-button-shadow);transition:background-color .3s,transform .3s;margin:2px}.chip span{color:#fff}.chip:focus{outline:#60a5fa solid 2px;outline-offset:2px}.chip .sw{height:16px;border-radius:50%;margin-right:2px;flex:0 0 16px;border:4px solid}.chip.selected{transform:scale(1.05);transform:translateY(-2px);box-shadow:0 1px 4px rgba(149,46,113,.3);border:4px solid #952e71}.tile.highlight,.tile:hover{box-shadow:0 10px 20px rgba(0,0,0,.35);z-index:2}.chip.fading{background-color:#ddd!important;transform:scale(1)}.chip.clear{background:0 0;border:1px dashed rgba(255,255,255,.06)}.tile.testing{background:#dcdcdc!important}.tile.dimmed{opacity:.15;filter:grayscale(.9);transition:opacity .18s,filter .18s}.tile.highlight{transform:scale(1.04)}.tile:hover{transform:scale(1.3);filter:drop-shadow(2px 4px 6px black);transition:filter .28s}.tile.highlight::after{content:"";position:absolute;inset:0;border-radius:var(--border-radius);box-shadow:inset 0 0 0 2px rgba(255,255,255,.06);pointer-events:none}.switch{font-size:var(--switch-icon-size);margin:auto;cursor:pointer;transition:background-color var(--trans-dur),color var(--trans-dur)}.switch__icon,.switch__input{display:block}.switch__icon{position:absolute;top:.5em;right:.5em;width:.75em;height:.75em;transition:opacity calc(var(--trans-dur) / 2),transform calc(var(--trans-dur) / 2)}.switch__icon polyline{transition:stroke-dashoffset calc(var(--trans-dur) / 2)}.switch__icon--light,.switch__icon--light polyline{transition-delay:calc(var(--trans-dur) / 2);transition-timing-function:var(--trans-timing-out)}.switch__icon--dark{opacity:0;transform:translateX(-.75em) rotate(30deg) scale(.75);transition-timing-function:var(--trans-timing-in)}.switch__input{font:1em/1.5 sans-serif;background-color:#6db2f7;border-radius:.75em;box-shadow:0 0 0 .125em hsla(var(--hue),90%,50%,0),.125em .125em .25em hsla(var(--hue),90%,10%,.2);outline:transparent;position:relative;width:3em;height:1.5em;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--trans-dur) var(--trans-timing),box-shadow .15s linear}.switch__input:focus-visible{box-shadow:0 0 0 .125em hsl(var(--hue),90%,50%),.125em .125em .25em hsla(var(--hue),90%,10%,.2)}.switch__input:after,.switch__input:before{content:"";display:block;position:absolute}.switch__input:before{background-color:#f2cc0c;border-radius:inherit;mask-image:linear-gradient(120deg,hsl(0,0%,0%) 20%,hsla(0,0%,0%,0) 80%);-webkit-mask-image:linear-gradient(120deg,hsl(0,0%,0%) 20%,hsla(0,0%,0%,0) 80%);inset:0;transition:background-color var(--trans-dur) var(--trans-timing)}.switch__input:after{background-color:#fff;border-radius:50%;box-shadow:.05em .05em .05em hsla(var(--hue),90%,10%,.1);top:.125em;left:.125em;width:1.25em;height:1.25em;transition:background-color var(--trans-dur) var(--trans-timing),transform var(--trans-dur) var(--trans-timing);z-index:1}.switch__input:checked{background-color:#a30ac1}.switch__input:checked:before{background-color:#0a47c1}.switch__input:checked:after{background-color:#000;transform:translateX(1.5em)}.switch__input:checked~.switch__icon--light,.switch__input:checked~.switch__icon--light polyline{transition-delay:0s;transition-timing-function:var(--trans-timing-in)}.switch__input:checked~.switch__icon--light{opacity:0;transform:translateX(-.75em) rotate(-30deg) scale(.75)}.switch__input:checked~.switch__icon--light polyline{stroke-dashoffset:1.5}.switch__input:checked~.switch__icon--dark{opacity:1;transform:translateX(-1.5em);transition-delay:calc(var(--trans-dur) / 2);transition-timing-function:var(--trans-timing-out)}.switch__sr{overflow:hidden;position:absolute;width:1px;height:1px}.fullscreen-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);z-index:9999;animation:1.2s forwards overlay-fade}#quiz-controls,.quiz-box{bottom:20px;transform:translateX(-50%);z-index:10001;backdrop-filter:blur(10px);user-select:none;box-shadow:var(--modal-shadow);cursor:move;position:fixed;left:50%}.circle,.error .circle{animation:.6s ease-in-out .15s forwards draw-circle}@keyframes overlay-fade{0%,100%{opacity:0}15%,85%{opacity:1}}.error-icon,.success-icon{width:100px;height:100px}.circle{stroke:#47d147;stroke-width:4;stroke-dasharray:157;stroke-dashoffset:157}@keyframes draw-circle{to{stroke-dashoffset:0}}.check{stroke:#47d147;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:.4s ease-in-out .5s forwards draw-check}@keyframes draw-check{to{stroke-dashoffset:0}}.error .circle{stroke:#c00;stroke-width:4;stroke-dasharray:157;stroke-dashoffset:157}.cross{stroke:#c00;stroke-width:4;stroke-linecap:round;stroke-dasharray:56;stroke-dashoffset:56;animation:.4s cubic-bezier(.4,2.4,.4,.8) .5s forwards draw-cross}@keyframes draw-cross{to{stroke-dashoffset:0}}.breakpoint-md .group-row,.breakpoint-sm .exportButton,.breakpoint-sm .filter,.breakpoint-sm .group-row,.breakpoint-sm .period-box,.breakpoint-xs .exportButton,.breakpoint-xs .filter,.breakpoint-xs .group-row,.breakpoint-xs .period-box,.tablet-optimized .exportButton,.tablet-optimized .filter,.tablet-optimized .period-box{display:none}.breakpoint-sm .sym,.breakpoint-xs .sym,.tablet-optimized .sym{border-top-width:1px!important}.quiz-box{background:var(--bg-color);color:var(--text-color);padding:0;border-radius:var(--border-radius);min-width:290px;border:0}.quiz-buttons-box{display:flex;gap:10px;flex-direction:column;align-items:stretch}.quiz-buttons-box button{font-size:var(--font-base);padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:.3s}#quiz-results{margin:1.5em 0;font-size:var(--font-base);min-height:1.2em}.quiz-box-content{padding:5px;font-size:var(--font-base)}.quiz-box-content .info{margin-top:10px;padding:4px;background:rgba(200,200,200,.1);border-radius:6px;text-align:center;border:1px solid var(--text-color)}.quiz-box-content .remote{display:flex;gap:8px;justify-content:center;margin-top:5px}.dragan{color:var(--bg-color);font-size:1.5em}.clean-map-mode .tile{background:#fff!important;border:2px solid #e0e0e0!important;transition:.3s!important}.clean-map-mode .tile:hover{background:#f5f5f5!important;border-color:#999!important;transform:scale(1.05)!important;z-index:100!important}.quiz-mode .tile{cursor:text!important}.quiz-mode .tile.quiz-correct{background:#e8f5e9!important;border-color:#4caf50!important;animation:.6s pulse-correct}.quiz-mode .tile.quiz-incorrect{background:#ffebee!important;border-color:#f44336!important;animation:.6s pulse-incorrect}.quiz-mode .tile.quiz-answered{border-width:3px!important}@keyframes pulse-correct{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes pulse-incorrect{0%,100%{transform:scale(1)}50%{transform:scale(.97)}}.quiz-input{transition:.3s!important;width:95%;height:95%;text-transform:capitalize;border:2px solid #666;border-radius:4px;padding:2px 5px;font-size:1em;text-align:center;background:#fff;position:absolute;color:#165687;top:50%;left:50%;transform:translate(-50%,-50%);outline:0;box-shadow:none;font-family:var(--font-family-large)!important}.drag-handle-content h4,.quiiz-table,.quiz-alert{font-size:var(--font-base)}.sm .quiz-input{font-size:var(--h4-size)}.nm .quiz-input{font-size:var(--h5-size)}.quiz-input:focus{border-color:#2196f3!important;box-shadow:0 0 0 2px rgba(33,150,243,.3)!important;transform:scale(1.05);z-index:10}.quiz-input.input-focused{border-color:#ff9800!important;box-shadow:0 0 0 3px rgba(255,152,0,.4)!important;background-color:#fff8e1!important}.tile:has(.quiz-input:focus){transform:scale(.98);background-color:#2196f324!important;z-index:100;box-shadow:2px 2px 10px inset #0000004a;border-color:#2196f3!important}#quiz-controls button:hover{transform:translateY(-2px)!important;box-shadow:0 4px 8px rgba(0,0,0,.2)!important}#quiz-controls button:active{transform:translateY(0)!important}@keyframes pulse-correct{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-incorrect{0%,100%{transform:scale(1)}50%{transform:scale(.95)}}.quiz-mode #ptable{filter:grayscale(.2)}.quiz-mode #quiz-panel{filter:none;opacity:1}#quiz-controls{background:0 0;color:#fff;border-radius:var(--border-radius);min-width:330px;max-width:90vw;border:0;transition:.3s}#quiz-controls.dragging{opacity:.9;cursor:grabbing;box-shadow:0 20px 40px rgba(0,0,0,.4);transform:scale(1.02);z-index:10002}.drag-handle{cursor:move;padding:0;background:rgba(255,255,255,.05)}.drag-handle:hover{background:rgba(204,204,204,.274)}.drag-handle-content{display:flex;justify-content:space-between;align-items:center;color:var(--bg-color);border-radius:var(--border-radius) var(--border-radius) 0 0;background:var(--text-color);padding:6px;border:1px solid var(--bg-color)}.drag-handle-content h4{margin:0}#quiz-controls>div:not(.drag-handle){padding:0}#quiz-controls h6,.debugBox h6{padding:3px;width:100%;text-align:center;font-size:var(--font-base);margin:14px 0 2px;border:1px solid var(--text-color)}.quiiz-table{display:flex;padding:4px;align-content:stretch;justify-content:space-around;justify-items:end;flex-direction:row;flex-wrap:nowrap;align-items:center}.quiz-alert{font-weight:700;text-align:center;color:#f44336}#buttonBox-cat,#buttonBox-debug,#buttonBox-test{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease-out;will-change:transform}#buttonBox-cat.dragging,#buttonBox-debug.dragging,#buttonBox-test.dragging{transition:none!important}.breakpoint-xs .controls{display:grid;grid-template-columns:1fr 1fr 1fr}@media (max-width:768px){header{display:block;width:100%}.head{margin-bottom:10px}.table-container{display:block;overflow:auto}#modal{padding:10px;margin:0}.modal-grid{display:grid;grid-template-columns:1fr;margin:1em 0}.controls,.quiz-buttons-box{grid-template-columns:1fr 1fr}.lightbox-close-btn{right:0}.quiz-buttons-box{display:grid;gap:5px;justify-items:stretch}.group-row,.period-col,.quiz-box-content .info,.quiz-box-content .remote{display:none}.controls{display:grid}#buttonBox-cat,#buttonBox-debug,#buttonBox-test{width:95%;padding:0}}