/*! 98.css v0.1.21 - https://github.com/jdan/98.css */@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:400;src:url(/assets/ms_sans_serif-C3pax6mQ.woff) format("woff");src:url(/assets/ms_sans_serif-Du8rjN1q.woff2) format("woff2")}@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:700;src:url(/assets/ms_sans_serif_bold-B8yxhAcs.woff) format("woff");src:url(/assets/ms_sans_serif_bold-D5dpRRHG.woff2) format("woff2")}body{color:#222;font-family:Arial;font-size:12px}.title-bar,.window,button,input,label,legend,li[role=tab],option,select,table,textarea,ul.tree-view{-webkit-font-smoothing:none;font-family:"Pixelated MS Sans Serif",Arial;font-size:11px}h1{font-size:5rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}u{border-bottom:.5px solid #222;text-decoration:none}button,input[type=reset],input[type=submit]{background:silver;border:none;border-radius:0;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;box-sizing:border-box;color:transparent;min-height:23px;min-width:75px;padding:0 12px;text-shadow:0 0 #222}button.default,input[type=reset].default,input[type=submit].default{box-shadow:inset -2px -2px #0a0a0a,inset 1px 1px #0a0a0a,inset 2px 2px #fff,inset -3px -3px grey,inset 3px 3px #dfdfdf}.vertical-bar{background:silver;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;height:20px;width:4px}button:not(:disabled):active,input[type=reset]:not(:disabled):active,input[type=submit]:not(:disabled):active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey;text-shadow:1px 1px #222}button.default:not(:disabled):active,input[type=reset].default:not(:disabled):active,input[type=submit].default:not(:disabled):active{box-shadow:inset 2px 2px #0a0a0a,inset -1px -1px #0a0a0a,inset -2px -2px #fff,inset 3px 3px grey,inset -3px -3px #dfdfdf}@media (not(hover)){button:not(:disabled):hover,input[type=reset]:not(:disabled):hover,input[type=submit]:not(:disabled):hover{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey}}button:focus,input[type=reset]:focus,input[type=submit]:focus{outline:1px dotted #000;outline-offset:-4px}button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0}:disabled,:disabled+label,input[readonly],input[readonly]+label{color:grey}:disabled+label,button:disabled,input[type=reset]:disabled,input[type=submit]:disabled{text-shadow:1px 1px 0 #fff}.window{background:silver;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;padding:3px}.title-bar{align-items:center;background:linear-gradient(90deg,navy,#1084d0);display:flex;justify-content:space-between;padding:3px 2px 3px 3px}.title-bar.inactive{background:linear-gradient(90deg,grey,#b5b5b5)}.title-bar-text{color:#fff;font-weight:700;letter-spacing:0;margin-right:24px}.title-bar-controls{display:flex}.title-bar-controls button{display:block;min-height:14px;min-width:16px;padding:0}.title-bar-controls button:active{padding:0}.title-bar-controls button:focus{outline:none}.title-bar-controls button[aria-label=Minimize],.title-bar-controls button[aria-label].minimize{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E");background-position:bottom 3px left 4px;background-repeat:no-repeat}.title-bar-controls button[aria-label=Maximize],.title-bar-controls button[aria-label].maximize{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls button[aria-label=Maximize]:disabled,.title-bar-controls button[aria-label].maximize:disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 1H1v9h9V1zM9 3H2v6h7V3z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='gray'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls button[aria-label=Restore],.title-bar-controls button[aria-label].restore{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M2 0h6v2H2zM7 2h1v4H7zM2 2h1v1H2zM6 5h1v1H6zM0 3h6v2H0zM5 5h1v4H5zM0 5h1v4H0zM1 8h4v1H1z'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls button[aria-label=Help],.title-bar-controls button[aria-label].help{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 1h2v2H0zM1 0h4v1H1zM4 1h2v2H4zM3 3h2v1H3zM2 4h2v2H2zM2 7h2v2H2z'/%3E%3C/svg%3E");background-position:top 2px left 5px;background-repeat:no-repeat}.title-bar-controls button[aria-label=Close],.title-bar-controls button[aria-label].close{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E");background-position:top 3px left 4px;background-repeat:no-repeat;margin-left:2px}.status-bar{gap:1px;display:flex;margin:0 1px}.status-bar-field{box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px grey;flex-grow:1;margin:0;padding:2px 3px}.window-body{margin:8px}fieldset{border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' fill='gray' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h5v5H0V2h2v1h1V2H0' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h4v4H0V1h1v2h2V1H0'/%3E%3C/svg%3E") 2;margin:0;padding:10px;padding-block-start:8px}legend{background:silver}.field-row{align-items:center;display:flex}[class^=field-row]+[class^=field-row]{margin-top:6px}.field-row>*+*{margin-left:6px}.field-row-stacked{display:flex;flex-direction:column}.field-row-stacked *+*{margin-top:6px}label{align-items:center;display:inline-flex;user-select:none}input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:0;border:none;margin:0;opacity:0;position:fixed}input[type=checkbox]+label,input[type=radio]+label{line-height:13px}input[type=radio]+label{margin-left:18px;position:relative}input[type=radio]+label:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='%23fff'/%3E%3C/svg%3E");content:"";display:inline-block;height:12px;left:-18px;margin-right:6px;position:absolute;top:0;width:12px}input[type=radio]:active+label:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E")}input[type=radio]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='%23000'/%3E%3C/svg%3E");content:"";display:block;height:4px;left:-14px;position:absolute;top:4px;width:4px}input[type=checkbox]:focus+label,input[type=radio]:focus+label{outline:1px dotted #000}input[type=radio][disabled]+label:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E")}input[type=radio][disabled]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='gray'/%3E%3C/svg%3E")}input[type=checkbox]+label{margin-left:19px;position:relative}input[type=checkbox]+label:before{background:#fff;box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;content:"";display:inline-block;height:13px;left:-19px;margin-right:6px;position:absolute;width:13px}input[type=checkbox]:active+label:before{background:silver}input[type=checkbox]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='%23000'/%3E%3C/svg%3E");content:"";display:block;height:7px;left:-16px;position:absolute;width:7px}input[type=checkbox][disabled]+label:before{background:silver}input[type=checkbox][disabled]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='gray'/%3E%3C/svg%3E")}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select{background-color:#fff;box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;box-sizing:border-box;padding:3px 4px}select,textarea{border:none}textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:0;box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;box-sizing:border-box;padding:3px 4px}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select{height:21px}input[type=number]{height:22px}input[type=search]::-ms-clear,input[type=search]::-ms-reveal{display:none;height:0;width:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{line-height:2}input[type=email]:disabled,input[type=email]:read-only,input[type=number]:disabled,input[type=number]:read-only,input[type=password]:disabled,input[type=password]:read-only,input[type=search]:disabled,input[type=search]:read-only,input[type=tel]:disabled,input[type=tel]:read-only,input[type=text]:disabled,input[type=text]:read-only,input[type=url]:disabled,input[type=url]:read-only,textarea:disabled{background-color:silver}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");background-position:top 2px right 2px;background-repeat:no-repeat;border-radius:0;padding-right:32px;position:relative}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:none}input[type=range]{-webkit-appearance:none;background:transparent;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E");border:none;box-shadow:none;height:21px;transform:translateY(-8px);width:11px}input[type=range].has-box-indicator::-webkit-slider-thumb{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v20h1V1h9V0z' fill='%23fff'/%3E%3Cpath fill='%23C0C7C8' d='M1 1h8v18H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v19H1v-1h8z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v21H0v-1h10z' fill='%23000'/%3E%3C/svg%3E");transform:translateY(-10px)}input[type=range]::-moz-range-thumb{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E");border:0;border-radius:0;height:21px;transform:translateY(2px);width:11px}input[type=range].has-box-indicator::-moz-range-thumb{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v20h1V1h9V0z' fill='%23fff'/%3E%3Cpath fill='%23C0C7C8' d='M1 1h8v18H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v19H1v-1h8z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v21H0v-1h10z' fill='%23000'/%3E%3C/svg%3E");transform:translateY(0)}input[type=range]::-webkit-slider-runnable-track{background:#000;border-bottom:1px solid grey;border-right:1px solid grey;box-shadow:1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 0 0 #a9a9a9,-1px -1px 0 #a9a9a9,0 -1px 0 #a9a9a9,-1px 1px 0 #fff,1px -1px #a9a9a9;box-sizing:border-box;height:2px;width:100%}input[type=range]::-moz-range-track{background:#000;border-bottom:1px solid grey;border-right:1px solid grey;box-shadow:1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 0 0 #a9a9a9,-1px -1px 0 #a9a9a9,0 -1px 0 #a9a9a9,-1px 1px 0 #fff,1px -1px #a9a9a9;box-sizing:border-box;height:2px;width:100%}.is-vertical{display:inline-block;height:150px;transform:translateY(50%);width:4px}.is-vertical>input[type=range]{height:4px;margin:0 16px 0 10px;transform:rotate(270deg) translateX(calc(-50% + 8px));transform-origin:left;width:150px}.is-vertical>input[type=range]::-webkit-slider-runnable-track{border-bottom:1px solid grey;border-left:1px solid grey;border-right:0;box-shadow:-1px 0 0 #fff,-1px 1px 0 #fff,0 1px 0 #fff,1px 0 0 #a9a9a9,1px -1px 0 #a9a9a9,0 -1px 0 #a9a9a9,1px 1px 0 #fff,-1px -1px #a9a9a9}.is-vertical>input[type=range]::-moz-range-track{border-bottom:1px solid grey;border-left:1px solid grey;border-right:0;box-shadow:-1px 0 0 #fff,-1px 1px 0 #fff,0 1px 0 #fff,1px 0 0 #a9a9a9,1px -1px 0 #a9a9a9,0 -1px 0 #a9a9a9,1px 1px 0 #fff,-1px -1px #a9a9a9}.is-vertical>input[type=range]::-webkit-slider-thumb{transform:translateY(-8px) scaleX(-1)}.is-vertical>input[type=range].has-box-indicator::-webkit-slider-thumb{transform:translateY(-10px) scaleX(-1)}.is-vertical>input[type=range]::-moz-range-thumb{transform:translateY(2px) scaleX(-1)}.is-vertical>input[type=range].has-box-indicator::-moz-range-thumb{transform:translateY(0) scaleX(-1)}select:focus{background-color:navy;color:#fff}select:focus option{background-color:#fff;color:#000}select:active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h16v17H0V0zm1 16h14V1H1v15z' fill='gray'/%3E%3Cpath fill='silver' d='M1 1h14v15H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7H5v1h1v1h1v1h1v1h1v-1h1V9h1V8h1V7z' fill='%23000'/%3E%3C/svg%3E")}a{color:#00f}a:focus{outline:1px dotted #00f}ul.tree-view{background:#fff;box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;display:block;margin:0;padding:6px}ul.tree-view li{list-style-type:none}ul.tree-view a{color:#000;text-decoration:none}ul.tree-view a:focus{background-color:navy;color:#fff}ul.tree-view li,ul.tree-view ul{margin-top:3px}ul.tree-view ul{border-left:1px dotted grey;margin-left:16px;padding-left:16px}ul.tree-view ul>li{position:relative}ul.tree-view ul>li:before{border-bottom:1px dotted grey;content:"";display:block;left:-16px;position:absolute;top:6px;width:12px}ul.tree-view ul>li:last-child:after{background:#fff;bottom:0;content:"";display:block;left:-20px;position:absolute;top:7px;width:8px}ul.tree-view details{margin-top:0}ul.tree-view details[open] summary{margin-bottom:0}ul.tree-view ul details>summary:before{margin-left:-22px;position:relative;z-index:1}ul.tree-view details>summary:before{background-color:#fff;border:1px solid grey;content:"+";display:block;float:left;height:9px;line-height:8px;margin-right:5px;padding-left:1px;text-align:center;width:8px}ul.tree-view details[open]>summary:before{content:"-"}ul.tree-view details>summary::-webkit-details-marker,ul.tree-view details>summary::marker{content:""}pre{background:#fff;box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;display:block;margin:0;padding:12px 8px}code,code *{font-family:monospace}summary:focus{outline:1px dotted #000}::-webkit-scrollbar{width:16px}::-webkit-scrollbar:horizontal{height:17px}::-webkit-scrollbar-corner{background:#dfdfdf}::-webkit-scrollbar-track{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E")}::-webkit-scrollbar-thumb{background-color:#dfdfdf;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf}::-webkit-scrollbar-button:horizontal:end:increment,::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:vertical:end:increment,::-webkit-scrollbar-button:vertical:start:decrement{display:block}::-webkit-scrollbar-button:vertical:start{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6H7v1H6v1H5v1H4v1h7V9h-1V8H9V7H8V6z' fill='%23000'/%3E%3C/svg%3E");height:17px}::-webkit-scrollbar-button:vertical:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");height:17px}::-webkit-scrollbar-button:horizontal:start{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4H8v1H7v1H6v1H5v1h1v1h1v1h1v1h1V4z' fill='%23000'/%3E%3C/svg%3E");width:16px}::-webkit-scrollbar-button:horizontal:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4H6v7h1v-1h1V9h1V8h1V7H9V6H8V5H7V4z' fill='%23000'/%3E%3C/svg%3E");width:16px}.window[role=tabpanel]{position:relative;z-index:2}menu[role=tablist]{display:flex;list-style-type:none;margin:0 0 -2px;padding-left:3px;position:relative;text-indent:0}menu[role=tablist]>li{border-top-left-radius:3px;border-top-right-radius:3px;box-shadow:inset -1px 0 #0a0a0a,inset 1px 1px #dfdfdf,inset -2px 0 grey,inset 2px 2px #fff;z-index:1}menu[role=tablist]>li[aria-selected=true]{background-color:silver;margin-left:-3px;margin-top:-2px;padding-bottom:2px;position:relative;z-index:8}menu[role=tablist]>li>a{color:#222;display:block;margin:6px;text-decoration:none}menu[role=tablist]>li[aria-selected=true]>a:focus{outline:none}menu[role=tablist]>li>a:focus{outline:1px dotted #222}menu[role=tablist].multirows>li{flex-grow:1;text-align:center}.sunken-panel{border:2px groove transparent;border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='gray' d='M0 0h4v1H0z'/%3E%3Cpath fill='gray' d='M0 0h1v4H0z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h2v1H1z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h1v2H1z'/%3E%3Cpath fill='%23fff' d='M0 4h5v1H0z'/%3E%3Cpath fill='%23fff' d='M4 0h1v5H4z'/%3E%3Cpath fill='%23dfdfdf' d='M3 1h1v3H3z'/%3E%3Cpath fill='%23dfdfdf' d='M1 3h3v1H1z'/%3E%3C/svg%3E") 2;box-sizing:border-box;overflow:auto}.sunken-panel,table{background-color:#fff}table{border-collapse:collapse;position:relative;text-align:left;white-space:nowrap}table>thead>tr>*{background:silver;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;box-sizing:border-box;font-weight:400;height:17px;padding:0 6px;position:sticky;top:0}table.interactive>tbody>tr{cursor:pointer}table>tbody>tr.highlighted{background-color:navy;color:#fff}table>tbody>tr>*{height:14px;padding:0 6px}.progress-indicator{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;box-shadow:inset -2px -2px #dfdfdf,inset 2px 2px grey;box-sizing:border-box;height:32px;padding:4px;position:relative}.progress-indicator>.progress-indicator-bar{background-color:navy;display:block;height:100%}.progress-indicator.segmented>.progress-indicator-bar{background-color:transparent;background-image:linear-gradient(90deg,navy 16px,transparent 0 2px);background-repeat:repeat;background-size:18px 100%;width:100%}.field-border{background:#fff}.field-border,.field-border-disabled{box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;padding:2px}.field-border-disabled{background:silver}.status-field-border{background:silver;box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px grey;padding:1px}/* ── Reset ── */*, *::before, *::after {
  box-sizing: border-box;
}html, body, #root {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: 'MS Sans Serif', 'Tahoma', 'Arial', sans-serif;
  font-size: 11px;
}/* ── CRT Effect ── */.crt-screen {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
}.crt-screen::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 99999;
  background: repeating-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.03) 0px,
    rgba(0, 0, 0, 0.03) 1px,
    transparent 1px,
    transparent 3px
  );
}.crt-screen::after {
  content: '';
  position: fixed;
  top: -50%;
  left: -50%;
  right: -50%;
  bottom: -50%;
  pointer-events: none;
  z-index: 99998;
  background: radial-gradient(
    ellipse at center,
    transparent 60%,
    rgba(0, 0, 0, 0.15) 100%
  );
}/* ── Win98 Cursors ── */.desktop-root,
.desktop-root * {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' viewBox='0 0 16 24'%3E%3Cpath d='M0 0L0 20L4 16L7 22L9 21L6 15L12 15Z' fill='white' stroke='black' stroke-width='1'/%3E%3C/svg%3E") 0 0, auto;
}a, button, .desktop-icon, .sidebar-link, .taskbar__start,
.taskbar__window-btn, [role='button'], input[type='submit'],
.shuffle-btn, .browser-menubar button {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='22' viewBox='0 0 15 22'%3E%3Cpath d='M5 0V8H3V6H1V12L1 16L4 21H13L14 14V8H12V6H10V4H8V2H6V0Z' fill='white' stroke='black' stroke-width='1'/%3E%3Cpath d='M6 1V9H5V8H4V7H2V12L2 16L5 20H12L13 14V9H12V7H10V5H8V3H6Z' fill='white'/%3E%3C/svg%3E") 6 0, pointer;
}.win-draggable .title-bar {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cpath d='M8 0L5 3H7V5H5V3L2 6H0V7V10V11H2L5 14V12H7V14H5L8 17L11 14H9V12H11V14L14 11H16V10V7V6H14L11 3V5H9V3H11Z' fill='white' stroke='black' stroke-width='0.5'/%3E%3C/svg%3E") 8 8, move;
}/* Countly easter egg — green title bars */.countly-mode .title-bar {
  background: linear-gradient(180deg, #0a0, #060) !important;
}.countly-mode .title-bar-text {
  color: #fff !important;
}.boot-screen, .shutdown-screen {
  cursor: none;
}/* ── Desktop ── */.desktop-root {
  width: 100vw;
  height: 100vh;
  background: #008080;
  position: relative;
  overflow: hidden;
  user-select: none;
}/* ── Wallpapers ── */.wallpaper-clouds {
  background: linear-gradient(180deg, #1a6ad4 0%, #4a9ae8 30%, #7ab8f0 50%, #b8d8f8 70%, #e8f0f8 85%, #d0d8e0 100%) !important;
}.wallpaper-clouds::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 200px 60px at 15% 40%, rgba(255,255,255,0.9), transparent),
    radial-gradient(ellipse 300px 80px at 55% 35%, rgba(255,255,255,0.85), transparent),
    radial-gradient(ellipse 250px 70px at 80% 50%, rgba(255,255,255,0.8), transparent),
    radial-gradient(ellipse 180px 50px at 35% 55%, rgba(255,255,255,0.7), transparent),
    radial-gradient(ellipse 220px 65px at 70% 65%, rgba(255,255,255,0.75), transparent),
    radial-gradient(ellipse 150px 45px at 10% 70%, rgba(255,255,255,0.65), transparent);
}.wallpaper-matrix {
  background: #0a0a0a !important;
}.wallpaper-matrix::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(1px 1px at 10% 20%, #00ff00 50%, transparent),
    radial-gradient(1px 1px at 20% 40%, #00cc00 50%, transparent),
    radial-gradient(1px 1px at 30% 10%, #00ff00 50%, transparent),
    radial-gradient(1px 1px at 40% 60%, #008800 50%, transparent),
    radial-gradient(1px 1px at 50% 30%, #00ff00 50%, transparent),
    radial-gradient(1px 1px at 60% 80%, #00cc00 50%, transparent),
    radial-gradient(1px 1px at 70% 50%, #00ff00 50%, transparent),
    radial-gradient(1px 1px at 80% 15%, #008800 50%, transparent),
    radial-gradient(1px 1px at 90% 70%, #00ff00 50%, transparent),
    radial-gradient(1px 1px at 15% 85%, #00cc00 50%, transparent),
    radial-gradient(1px 1px at 25% 55%, #00ff00 50%, transparent),
    radial-gradient(1px 1px at 35% 75%, #008800 50%, transparent),
    radial-gradient(1px 1px at 45% 25%, #00ff00 50%, transparent),
    radial-gradient(1px 1px at 55% 95%, #00cc00 50%, transparent),
    radial-gradient(1px 1px at 65% 45%, #00ff00 50%, transparent),
    radial-gradient(1px 1px at 75% 65%, #00ff00 50%, transparent),
    radial-gradient(1px 1px at 85% 35%, #008800 50%, transparent),
    radial-gradient(1px 1px at 95% 5%, #00ff00 50%, transparent);
  animation: matrix-rain 3s linear infinite;
}@keyframes matrix-rain {
  0% { background-position: 0 0; }
  100% { background-position: 0 100vh; }
}.wallpaper-vaporwave {
  background: linear-gradient(180deg, #ff71ce 0%, #b967ff 30%, #7b5ea7 50%, #5651a7 70%, #01cdfe 100%) !important;
}.wallpaper-starfield {
  background: #0a0a1a !important;
}.wallpaper-starfield::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(1px 1px at 5% 10%, #fff 100%, transparent),
    radial-gradient(1px 1px at 12% 35%, #ddf 100%, transparent),
    radial-gradient(1px 1px at 18% 68%, #fff 100%, transparent),
    radial-gradient(1px 1px at 25% 15%, #aac 100%, transparent),
    radial-gradient(1px 1px at 32% 85%, #fff 100%, transparent),
    radial-gradient(1px 1px at 38% 42%, #ddf 100%, transparent),
    radial-gradient(1px 1px at 45% 72%, #fff 100%, transparent),
    radial-gradient(1px 1px at 52% 28%, #aac 100%, transparent),
    radial-gradient(1px 1px at 58% 91%, #fff 100%, transparent),
    radial-gradient(1px 1px at 65% 55%, #ddf 100%, transparent),
    radial-gradient(1px 1px at 72% 8%, #fff 100%, transparent),
    radial-gradient(1px 1px at 78% 48%, #aac 100%, transparent),
    radial-gradient(1px 1px at 85% 78%, #fff 100%, transparent),
    radial-gradient(1px 1px at 92% 22%, #ddf 100%, transparent),
    radial-gradient(2px 2px at 15% 50%, #fff 100%, transparent),
    radial-gradient(2px 2px at 55% 15%, #ddf 100%, transparent),
    radial-gradient(2px 2px at 85% 60%, #fff 100%, transparent),
    radial-gradient(1px 1px at 42% 95%, #aac 100%, transparent),
    radial-gradient(1px 1px at 68% 38%, #fff 100%, transparent),
    radial-gradient(1px 1px at 95% 88%, #ddf 100%, transparent);
  animation: twinkle 4s ease-in-out infinite alternate;
}@keyframes twinkle {
  0% { opacity: 0.8; }
  100% { opacity: 1; }
}/* ── Desktop Context Menu ── */.desktop-context-menu {
  position: fixed;
  z-index: 99990;
  min-width: 180px;
  padding: 2px;
  font-size: 11px;
  font-family: 'MS Sans Serif', 'Tahoma', Arial, sans-serif;
  background: #c0c0c0;
  border: 2px outset #dfdfdf;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}.desktop-context-menu__title {
  padding: 4px 8px;
  font-weight: bold;
  color: #000080;
  border-bottom: 1px solid #808080;
  margin-bottom: 2px;
}.desktop-context-menu__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 3px 20px 3px 8px;
  cursor: pointer;
  white-space: nowrap;
}.desktop-context-menu__item:hover {
  background: #000080;
  color: #fff;
}.desktop-context-menu__item--active {
  font-weight: bold;
}.desktop-context-menu__check {
  width: 12px;
  text-align: center;
}.desktop-context-menu__swatch {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #808080;
  vertical-align: middle;
}/* ── Desktop Icons ── */.desktop-icons {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  z-index: 1;
}.desktop-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  width: 80px;
  text-align: center;
  padding: 4px;
  border: 1px solid transparent;
}.desktop-icon:hover {
  background: rgba(255, 255, 255, 0.1);
}.desktop-icon:focus {
  background: #000080;
  outline: 1px dotted #fff;
}.desktop-icon__img {
  width: 32px;
  height: 32px;
  image-rendering: pixelated;
}.desktop-icon__label {
  color: #fff;
  font-size: 11px;
  text-shadow: 1px 1px 1px #000;
  white-space: nowrap;
  line-height: 1.2;
}/* ── Taskbar ── */.taskbar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 28px;
  z-index: 9999;
  display: flex;
  align-items: center;
  padding: 2px;
  gap: 2px;
}.taskbar__start {
  font-weight: bold;
  font-size: 11px;
  padding: 1px 6px;
  min-width: 54px;
  display: flex;
  align-items: center;
  gap: 3px;
  height: 22px;
}.taskbar__start-logo {
  width: 16px;
  height: 16px;
}.taskbar__windows {
  flex: 1;
  display: flex;
  gap: 2px;
  overflow: hidden;
}.taskbar__window-btn {
  font-size: 11px;
  padding: 1px 6px;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 22px;
  text-align: left;
}.taskbar__window-btn--active {
  font-weight: bold;
}.taskbar__tray {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 6px;
  height: 22px;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-size: 11px;
}/* ── Draggable Window ── */.win-draggable {
  position: absolute;
}.win-draggable .window {
  display: flex;
  flex-direction: column;
  min-width: 320px;
}.win-draggable .title-bar {
  cursor: move;
}.win-draggable .window-body {
  flex: 1;
  overflow: auto;
}/* ── Retro Browser ── */.retro-browser {
  width: 760px;
  max-width: calc(100vw - 20px);
  height: calc(100vh - 50px);
  max-height: 700px;
}.browser-toolbar {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 2px 4px;
  background: #c0c0c0;
}.browser-menubar {
  display: flex;
  gap: 0;
  font-size: 11px;
}.browser-menubar button {
  background: none;
  border: none;
  padding: 1px 8px;
  font-size: 11px;
  font-family: inherit;
  cursor: default;
}.browser-menubar button:hover {
  background: #000080;
  color: #fff;
}.browser-navbar {
  display: flex;
  align-items: center;
  gap: 2px;
}.browser-navbar button {
  font-size: 10px;
  padding: 1px 6px;
  min-width: 0;
  height: 20px;
}.browser-address {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 1px 4px;
}.browser-address label {
  font-size: 11px;
  white-space: nowrap;
}.browser-address input {
  flex: 1;
  font-size: 11px;
  font-family: inherit;
  height: 20px;
}.browser-content {
  flex: 1;
  overflow: hidden;
  background: #fff;
  padding: 0;
  font-family: 'Verdana', 'Tahoma', 'Geneva', sans-serif;
  font-size: 12px;
  line-height: 1.6;
  color: #333;
}.browser-layout {
  display: flex;
  height: 100%;
}.browser-sidebar {
  width: 180px;
  min-width: 180px;
  padding: 14px 12px;
  border-right: 1px solid #999;
  background: linear-gradient(180deg, #e8e8ee 0%, #d0d0d8 100%);
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow-y: auto;
  box-shadow: inset -1px 0 3px rgba(0,0,0,0.08);
}.sidebar-brand {
  padding-bottom: 10px;
  border-bottom: 1px solid #888;
  text-align: center;
}.sidebar-nav {
  display: flex;
  flex-direction: column;
  gap: 2px;
}.sidebar-link {
  font-family: 'Verdana', sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #336 !important;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 2px;
  letter-spacing: 0.5px;
  transition: background 0.1s;
}.sidebar-link:hover {
  background: rgba(0,0,128,0.08);
  color: #003 !important;
}.sidebar-link--active {
  color: #fff !important;
  background: #336;
  text-decoration: none;
}.sidebar-link--active:hover {
  background: #447;
  color: #fff !important;
}.sidebar-footer {
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid #aaa;
  text-align: center;
}.browser-main {
  flex: 1;
  overflow-y: auto;
  padding: 16px 20px;
  background: #fafafa;
}.browser-content a {
  color: #369;
  text-decoration: none;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}.browser-content a:hover {
  color: #c30;
  border-bottom-color: #c30;
}.browser-content a:visited {
  color: #639;
}.browser-content hr {
  border: none;
  border-top: 1px solid #ccc;
  margin: 16px 0;
}.browser-content h1 {
  font-family: 'Georgia', 'Times New Roman', serif;
  font-size: 22px;
  font-weight: normal;
  color: #222;
  margin: 0 0 6px;
  letter-spacing: -0.5px;
}.browser-content h2 {
  font-family: 'Georgia', 'Times New Roman', serif;
  font-size: 16px;
  font-weight: normal;
  color: #333;
  margin: 18px 0 8px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 4px;
}.browser-content h3 {
  font-family: 'Verdana', sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #336;
  margin: 14px 0 4px;
}.browser-content table {
  border-collapse: collapse;
  margin: 8px 0;
}.browser-content td, .browser-content th {
  border: 1px solid #ddd;
  padding: 4px 10px;
  font-size: 11px;
}.browser-content th {
  background: #eef;
  font-weight: bold;
  text-align: left;
}.browser-content p {
  margin: 8px 0;
}.browser-content blockquote {
  margin: 12px 0;
  padding: 8px 14px;
  border-left: 3px solid #99a;
  background: #f5f5f8;
  color: #444;
  font-style: italic;
}.browser-statusbar {
  display: flex;
  align-items: center;
  padding: 2px 6px;
  font-size: 11px;
  min-height: 18px;
  border-top: 1px solid #808080;
  background: #c0c0c0;
  color: #000;
}/* ── Retro page content ── */.retro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 16px;
  font-size: 11px;
  font-family: 'MS Sans Serif', Arial, sans-serif;
}.retro-badge {
  border: 1px solid #bbb;
  padding: 3px 8px;
  background: linear-gradient(#f8f8f8, #e8e8e8);
  font-size: 9px;
  font-family: 'Verdana', sans-serif;
  letter-spacing: 0.3px;
  color: #666;
  border-radius: 2px;
}.visitor-counter {
  font-family: 'VT323', monospace;
  background: #000;
  color: #0f0;
  padding: 2px 8px;
  font-size: 14px;
  letter-spacing: 2px;
}.blink {
  animation: blink 1s step-start infinite;
}@keyframes blink {
  50% { opacity: 0; }
}.marquee-text {
  display: inline-block;
  white-space: nowrap;
  animation: marquee 8s linear infinite;
}@keyframes marquee {
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}/* ── Home page ── */.home-hero-img {
  width: 180px;
  height: 180px;
  object-fit: cover;
  border: 1px solid #999;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
  margin: 8px 0;
  border-radius: 2px;
}.home-releases {
  width: 100%;
  border: none;
}.home-album-thumb {
  width: 110px;
  height: 110px;
  object-fit: cover;
  border: 1px solid #999;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.12);
  transition: box-shadow 0.15s, transform 0.15s;
  border-radius: 2px;
}.home-album-thumb:hover {
  box-shadow: 2px 2px 8px rgba(0,0,80,0.25);
  transform: translateY(-1px);
}/* ── Disco page ── */.disco-album {
  margin-bottom: 8px;
  padding-bottom: 0;
}.disco-album h3 {
  margin: 0 0 2px;
  font-size: 16px;
}.disco-album .disco-meta {
  font-size: 10px;
  color: #888;
  font-style: italic;
  margin-bottom: 6px;
  font-family: 'Verdana', sans-serif;
}.disco-table {
  border: none !important;
}.disco-table td {
  border: none !important;
  padding: 4px;
}.disco-cover-cell {
  width: 130px;
  padding-right: 12px !important;
}.disco-cover {
  width: 110px;
  height: 110px;
  object-fit: cover;
  border: 1px solid #999;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.12);
  border-radius: 2px;
}.disco-info-cell {
  vertical-align: top;
}.disco-track-table {
  border: none !important;
  width: 100%;
}.disco-track-table td {
  border: none !important;
  border-bottom: 1px dotted #ccc !important;
  padding: 1px 4px !important;
}.disco-track-row:hover td {
  background: #eef0f8;
}.disco-track-num {
  color: #808080;
  white-space: nowrap;
}.disco-track-dur {
  white-space: nowrap;
}/* Links page */.links-list {
  list-style: none;
  padding: 0;
}.links-list li {
  padding: 4px 0;
}.links-list li::before {
  content: '→ ';
}/* Live page */.coming-soon-banner {
  text-align: center;
  padding: 20px;
  margin: 16px 0;
  border: 1px solid #cc9;
  background: linear-gradient(#fffde8, #fff8cc);
  border-radius: 3px;
}.coming-soon-banner h2 {
  font-family: 'Verdana', sans-serif;
  font-size: 14px;
  margin: 0 0 6px;
  color: #996600;
}/* ASCII logo */.ascii-logo {
  font-family: 'VT323', 'Courier New', monospace;
  font-size: 10px;
  line-height: 1.1;
  white-space: pre;
  color: #000;
  margin: 8px 0;
  letter-spacing: 1px;
}/* Nav in browser content */.browser-nav-links {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  padding: 8px 0;
  font-size: 14px;
}.browser-nav-links a {
  font-weight: bold;
}/* ── WordArt Title ── */.wordart {
  font-family: 'Impact', 'Arial Black', sans-serif;
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 4px;
  line-height: 1.1;
  -webkit-text-stroke: 1px #333;
  padding: 2px 0 6px;
}.wordart-rainbow {
  background: linear-gradient(90deg, #ff0000, #ff8800, #ffff00, #00cc00, #0066ff, #8800ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(2px 2px 0 rgba(0,0,0,0.3));
}.wordart-ocean {
  background: linear-gradient(180deg, #0044aa, #00aaff, #88ddff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(2px 3px 0 rgba(0,0,80,0.4));
}.wordart-fire {
  background: linear-gradient(180deg, #ff0, #f80, #f00, #900);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(2px 2px 0 rgba(80,0,0,0.4));
}.wordart-chrome {
  background: linear-gradient(180deg, #eee, #999, #eee, #666, #ccc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(1px 2px 0 rgba(0,0,0,0.5));
  -webkit-text-stroke: 0.5px #888;
}.wordart-neon {
  background: linear-gradient(90deg, #ff00ff, #00ffff, #ff00ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 6px rgba(255,0,255,0.6)) drop-shadow(0 0 12px rgba(0,255,255,0.4));
  -webkit-text-stroke: 0;
}.wordart-matrix {
  background: linear-gradient(180deg, #0f0, #0a0, #060);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 4px rgba(0,255,0,0.5));
  font-family: 'VT323', 'Courier New', monospace;
  -webkit-text-stroke: 0;
}.wordart-gold {
  background: linear-gradient(180deg, #ffd700, #daa520, #ffd700, #b8860b, #ffd700);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(2px 2px 0 rgba(100,70,0,0.5));
  -webkit-text-stroke: 0.5px #8B6914;
}.wordart-glitch {
  background: linear-gradient(90deg, #f0f, #0ff, #f0f, #ff0, #f0f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(3px 0 0 rgba(255,0,0,0.7)) drop-shadow(-3px 0 0 rgba(0,255,255,0.7));
  -webkit-text-stroke: 0;
  animation: glitch-shake 0.3s infinite;
}@keyframes glitch-shake {
  0%, 100% { transform: translate(0); }
  25% { transform: translate(-2px, 1px); }
  50% { transform: translate(2px, -1px); }
  75% { transform: translate(-1px, -1px); }
}.wordart-ice {
  background: linear-gradient(180deg, #e8f4ff, #88ccff, #4499dd, #88ccff, #e8f4ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(1px 2px 0 rgba(0,50,100,0.4)) drop-shadow(0 0 8px rgba(100,180,255,0.3));
  -webkit-text-stroke: 0.5px #6699cc;
}.wordart-blood {
  background: linear-gradient(180deg, #8b0000, #cc0000, #ff0000, #990000, #660000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(2px 3px 1px rgba(50,0,0,0.6));
  -webkit-text-stroke: 0.5px #4a0000;
}.wordart-sunset {
  background: linear-gradient(90deg, #ff6b35, #f7c59f, #ff6b35, #eb3c27);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(2px 2px 0 rgba(100,30,0,0.4));
}/* ── Shuffle / Theme Variations ── */.shuffle-btn {
  font-size: 10px;
  padding: 2px 8px;
  cursor: pointer;
  font-family: 'Verdana', sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}/* Theme: Geocities */.theme-geocities .browser-main {
  background: #000 url("data:image/svg+xml,%3Csvg width='4' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23111'/%3E%3C/svg%3E") repeat;
  color: #0f0;
}.theme-geocities .browser-main a { color: #0ff !important; }.theme-geocities .browser-main a:hover { color: #ff0 !important; }.theme-geocities .browser-main h1,
.theme-geocities .browser-main h2,
.theme-geocities .browser-main h3 { color: #ff0; }.theme-geocities .browser-main hr { border-top-color: #333; }.theme-geocities .browser-main td,
.theme-geocities .browser-main th { border-color: #333; color: #0f0; }.theme-geocities .browser-main th { background: #111; }.theme-geocities .browser-main blockquote { background: #111; border-left-color: #0f0; color: #0a0; }/* Theme: Angelfire */.theme-angelfire .browser-main {
  background: #1a0033;
  color: #e0c0ff;
}.theme-angelfire .browser-main a { color: #ff88ff !important; }.theme-angelfire .browser-main a:hover { color: #ffcc00 !important; }.theme-angelfire .browser-main h1,
.theme-angelfire .browser-main h2,
.theme-angelfire .browser-main h3 { color: #ff66ff; }.theme-angelfire .browser-main hr { border-top-color: #440066; }.theme-angelfire .browser-main td,
.theme-angelfire .browser-main th { border-color: #440066; color: #e0c0ff; }.theme-angelfire .browser-main th { background: #2a0044; }/* Theme: Y2K */.theme-y2k .browser-main {
  background: linear-gradient(135deg, #e8f4ff 0%, #fff0f5 50%, #f0fff0 100%);
  color: #336;
}.theme-y2k .browser-main a { color: #c06 !important; }.theme-y2k .browser-main a:hover { color: #f09 !important; }.theme-y2k .browser-main h1,
.theme-y2k .browser-main h2 { color: #609; font-family: 'Comic Sans MS', 'Verdana', cursive; }/* Theme: Hacker */.theme-hacker .browser-main {
  background: #0a0a0a;
  color: #00ff00;
  font-family: 'VT323', 'Courier New', monospace;
}.theme-hacker .browser-main a { color: #00cc00 !important; }.theme-hacker .browser-main a:hover { color: #88ff88 !important; text-decoration: underline !important; }.theme-hacker .browser-main h1,
.theme-hacker .browser-main h2,
.theme-hacker .browser-main h3 { color: #00ff00; font-family: 'VT323', monospace; }.theme-hacker .browser-main hr { border-top-color: #003300; }.theme-hacker .browser-main td,
.theme-hacker .browser-main th { border-color: #003300; }.theme-hacker .browser-main th { background: #001a00; }/* Theme: Vaporwave */.theme-vaporwave .browser-main {
  background: linear-gradient(180deg, #ff71ce 0%, #01cdfe 50%, #05ffa1 100%);
  color: #220033;
}.theme-vaporwave .browser-main a { color: #ff0090 !important; }.theme-vaporwave .browser-main h1,
.theme-vaporwave .browser-main h2 { color: #fff; text-shadow: 2px 2px #ff0090; font-family: 'Impact', sans-serif; }.theme-vaporwave .browser-main hr { border-top-color: rgba(255,255,255,0.4); }/* Theme sidebar variants */.theme-geocities .browser-sidebar {
  background: linear-gradient(180deg, #111 0%, #1a1a1a 100%);
  border-right-color: #333;
}.theme-geocities .sidebar-link { color: #0f0 !important; }.theme-geocities .sidebar-link--active { background: #0a0; color: #000 !important; }.theme-geocities .sidebar-brand b { color: #0f0; }.theme-geocities .sidebar-footer { border-top-color: #333; }.theme-geocities .sidebar-brand { border-bottom-color: #333; }.theme-angelfire .browser-sidebar {
  background: linear-gradient(180deg, #2a0044 0%, #1a0033 100%);
  border-right-color: #440066;
}.theme-angelfire .sidebar-link { color: #e0c0ff !important; }.theme-angelfire .sidebar-link--active { background: #660099; color: #fff !important; }.theme-angelfire .sidebar-brand b { color: #ff88ff; }.theme-angelfire .sidebar-footer { border-top-color: #440066; color: #aa88cc; }.theme-angelfire .sidebar-brand { border-bottom-color: #440066; }.theme-hacker .browser-sidebar {
  background: linear-gradient(180deg, #0a1a0a 0%, #001a00 100%);
  border-right-color: #003300;
}.theme-hacker .sidebar-link { color: #00cc00 !important; font-family: 'VT323', monospace; }.theme-hacker .sidebar-link--active { background: #003300; color: #00ff00 !important; }.theme-hacker .sidebar-brand b { color: #00ff00; }.theme-hacker .sidebar-footer { border-top-color: #003300; color: #006600; }.theme-hacker .sidebar-brand { border-bottom-color: #003300; }.theme-vaporwave .browser-sidebar {
  background: linear-gradient(180deg, #ff71ce 0%, #b967ff 100%);
  border-right-color: #ff0090;
}.theme-vaporwave .sidebar-link { color: #fff !important; }.theme-vaporwave .sidebar-link--active { background: rgba(255,255,255,0.3); color: #fff !important; }.theme-vaporwave .sidebar-brand b { color: #fff; }.theme-vaporwave .sidebar-footer { border-top-color: rgba(255,255,255,0.3); color: #fff; }.theme-vaporwave .sidebar-brand { border-bottom-color: rgba(255,255,255,0.3); }.theme-y2k .browser-sidebar {
  background: linear-gradient(180deg, #f0e8ff 0%, #e8f0ff 100%);
  border-right-color: #cc99ff;
}.theme-y2k .sidebar-link { color: #609 !important; font-family: 'Comic Sans MS', cursive; }.theme-y2k .sidebar-link--active { background: #cc99ff; color: #fff !important; }.theme-y2k .sidebar-brand b { color: #609; }/* Theme: Cyberpunk */.theme-cyberpunk .browser-main {
  background: #0a0a1a;
  color: #e0e0ff;
}.theme-cyberpunk .browser-main a { color: #ff2d95 !important; }.theme-cyberpunk .browser-main a:hover { color: #00f0ff !important; }.theme-cyberpunk .browser-main h1,
.theme-cyberpunk .browser-main h2,
.theme-cyberpunk .browser-main h3 { color: #00f0ff; text-shadow: 0 0 8px rgba(0,240,255,0.5); }.theme-cyberpunk .browser-main hr { border-top-color: #1a1a3a; }.theme-cyberpunk .browser-main td,
.theme-cyberpunk .browser-main th { border-color: #1a1a3a; color: #c0c0ff; }.theme-cyberpunk .browser-main th { background: #111133; }.theme-cyberpunk .browser-main blockquote { background: #0d0d22; border-left-color: #ff2d95; color: #c0c0e0; }.theme-cyberpunk .browser-sidebar {
  background: linear-gradient(180deg, #0d0d22 0%, #1a0a2e 100%);
  border-right-color: #2a1a4a;
}.theme-cyberpunk .sidebar-link { color: #c0c0ff !important; }.theme-cyberpunk .sidebar-link--active { background: #ff2d95; color: #fff !important; }.theme-cyberpunk .sidebar-footer { border-top-color: #2a1a4a; color: #666; }/* Theme: Retrowave */.theme-retrowave .browser-main {
  background: linear-gradient(180deg, #0c0030 0%, #1a0044 50%, #2d0066 100%);
  color: #f0c0ff;
}.theme-retrowave .browser-main a { color: #ff6ec7 !important; }.theme-retrowave .browser-main a:hover { color: #ffcc00 !important; }.theme-retrowave .browser-main h1,
.theme-retrowave .browser-main h2,
.theme-retrowave .browser-main h3 { color: #ffcc00; text-shadow: 2px 2px 0 #ff6ec7; font-family: 'Impact', sans-serif; }.theme-retrowave .browser-main hr { border-top-color: #4a0088; }.theme-retrowave .browser-main blockquote { background: rgba(255,255,255,0.05); border-left-color: #ff6ec7; color: #e0a0ff; }.theme-retrowave .browser-sidebar {
  background: linear-gradient(180deg, #1a0044 0%, #0c0030 100%);
  border-right-color: #4a0088;
}.theme-retrowave .sidebar-link { color: #f0c0ff !important; }.theme-retrowave .sidebar-link--active { background: #ff6ec7; color: #000 !important; }.theme-retrowave .sidebar-footer { border-top-color: #4a0088; color: #8040aa; }/* Theme: Grunge */.theme-grunge .browser-main {
  background: #1a1a14;
  color: #c8c0a8;
  font-family: 'Courier New', monospace;
}.theme-grunge .browser-main a { color: #cc9944 !important; }.theme-grunge .browser-main a:hover { color: #ffcc66 !important; text-decoration: line-through !important; }.theme-grunge .browser-main h1,
.theme-grunge .browser-main h2,
.theme-grunge .browser-main h3 { color: #e8d8a8; font-family: 'Courier New', monospace; text-transform: lowercase; }.theme-grunge .browser-main hr { border-top-color: #333320; }.theme-grunge .browser-main blockquote { background: #222218; border-left-color: #666640; color: #999980; }.theme-grunge .browser-sidebar {
  background: linear-gradient(180deg, #1a1a14 0%, #111108 100%);
  border-right-color: #333320;
}.theme-grunge .sidebar-link { color: #999980 !important; font-family: 'Courier New', monospace; }.theme-grunge .sidebar-link--active { background: #333320; color: #e8d8a8 !important; }.theme-grunge .sidebar-footer { border-top-color: #333320; color: #555540; }/* Theme: Newspaper */.theme-newspaper .browser-main {
  background: #f5f0e8;
  color: #222;
  font-family: 'Georgia', 'Times New Roman', serif;
}.theme-newspaper .browser-main a { color: #333 !important; text-decoration: underline !important; }.theme-newspaper .browser-main a:hover { color: #000 !important; }.theme-newspaper .browser-main h1,
.theme-newspaper .browser-main h2,
.theme-newspaper .browser-main h3 { color: #000; font-family: 'Georgia', serif; border-bottom: 2px solid #000; padding-bottom: 4px; }.theme-newspaper .browser-main hr { border-top: 1px solid #000; }.theme-newspaper .browser-main blockquote { background: #eee8dd; border-left: 3px solid #000; color: #333; font-style: italic; }.theme-newspaper .browser-sidebar {
  background: #e8e0d4;
  border-right: 2px solid #000;
}.theme-newspaper .sidebar-link { color: #222 !important; font-family: 'Georgia', serif; text-transform: capitalize !important; }.theme-newspaper .sidebar-link--active { background: #000; color: #f5f0e8 !important; }.theme-newspaper .sidebar-footer { border-top-color: #000; color: #666; }/* ── Screen Shake (Jill 1:16 impact) ── */.screen-shake {
  animation: shake 0.6s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}@keyframes shake {
  0%, 100% { transform: translate(0, 0) rotate(0); }
  10% { transform: translate(-8px, 4px) rotate(-0.5deg); }
  20% { transform: translate(6px, -6px) rotate(0.5deg); }
  30% { transform: translate(-10px, 2px) rotate(-0.3deg); }
  40% { transform: translate(8px, -4px) rotate(0.4deg); }
  50% { transform: translate(-4px, 6px) rotate(-0.2deg); }
  60% { transform: translate(6px, -2px) rotate(0.3deg); }
  70% { transform: translate(-3px, 3px) rotate(-0.1deg); }
  80% { transform: translate(2px, -1px) rotate(0.1deg); }
  90% { transform: translate(-1px, 1px) rotate(0); }
}/* ── Screen Glitch ── */.screen-glitch {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  z-index: 99999;
  pointer-events: none;
  animation: glitch-anim 0.5s steps(4) forwards;
  background:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(0, 255, 100, 0.03) 2px,
      rgba(0, 255, 100, 0.03) 4px
    );
  mix-blend-mode: screen;
}@keyframes glitch-anim {
  0%   { clip-path: inset(40% 0 20% 0); transform: translate(-4px, 2px) skewX(-2deg); opacity: 1; }
  15%  { clip-path: inset(10% 0 60% 0); transform: translate(6px, -1px) skewX(3deg); }
  30%  { clip-path: inset(70% 0 5% 0); transform: translate(-2px, 3px) skewX(-1deg); }
  45%  { clip-path: inset(0 0 85% 0); transform: translate(4px, -2px) skewX(2deg); }
  60%  { clip-path: inset(55% 0 10% 0); transform: translate(-6px, 1px) skewX(-3deg); }
  75%  { clip-path: inset(20% 0 40% 0); transform: translate(3px, -3px) skewX(1deg); }
  85%  { clip-path: inset(0); transform: none; opacity: 0.6; }
  100% { clip-path: inset(0); transform: none; opacity: 0; }
}


/*# sourceMappingURL=App.css.map */