:root{color-scheme:dark;--bg:#08071d;--surface:#111027;--edge:#3c345d;--text:#efecff;--muted:#a29cb8;--purple:#b685ff;--pink:#e165ff;--blue:#354eff;--pixel:'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Segoe UI',Arial,sans-serif;font-size:18px;line-height:1.5;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #eeccff}a{color:inherit}button{color:inherit}img{max-width:100%}[hidden]{display:none!important}.app{max-width:1280px;margin:auto;padding:0 36px}.header{height:106px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;flex-shrink:0}.brand img{width:256px;height:auto;image-rendering:pixelated;filter:url(#logo-no-outline)}.build-label{margin-left:auto;white-space:nowrap;font:9px var(--pixel);color:#a69abb;display:flex;align-items:center;gap:9px}.build-label i{height:6px;width:6px;background:var(--purple);box-shadow:0 0 12px #b67fff70}.navigation{display:flex;align-items:stretch;gap:8px;margin-top:10px}.nav-tab{border:2px solid var(--edge);border-bottom:0;background:#15112a;padding:17px 22px;font-size:18px;font-weight:bold;display:flex;align-items:center;gap:10px;color:#a49ab8;box-shadow:inset 0 2px #ffffff08}.nav-tab.active{background:#563082;color:white;border-color:#b286e9;box-shadow:inset 0 3px #d0a5ff26}.nav-tab>span{font-size:19px;line-height:1}.nav-tab small{font:6px var(--pixel);padding:5px;background:#29203e;color:#af9fc6;margin-left:8px}.navigation-line{border-bottom:2px solid var(--edge);flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;min-height:165px;position:relative;padding:28px 0}.page-heading h1{font:22px/1.7 var(--pixel);letter-spacing:-1px;margin:0 0 15px;position:relative;z-index:1}.page-heading h1 span{display:inline-block;background:var(--blue);padding:6px 15px 7px;box-shadow:-7px 7px #202c8f,0 0 24px #3f56ff23;transform:none}.page-description{color:#b7adc9;margin:0;font-size:18px}.companion{position:relative;width:90px;height:125px;display:flex;justify-content:flex-end;margin-right:18px;align-self:flex-end;margin-bottom:-13px}.companion img{width:60px;height:auto;object-fit:contain;image-rendering:pixelated;align-self:flex-end;filter:drop-shadow(5px 6px 0 #02020e)}.workspace{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.window{border:2px solid var(--edge);background:var(--surface);position:relative;box-shadow:3px 3px #030210}.window-bar{min-height:37px;display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-bottom:2px solid var(--edge);background:#211835;color:#baa8da;font:9px/1.6 var(--pixel)}.window-bar>span:first-child{display:flex;align-items:center;gap:9px}.window-bar>span:last-child{color:#80708f}.window-body{padding:27px}.step-heading{display:flex;gap:12px;align-items:center;margin-bottom:21px}.step-heading h2{font-size:23px;margin:0;line-height:1.3;font-weight:600}.input-tabs{display:flex;gap:4px;margin-bottom:13px}.input-tab{border:1px solid transparent;background:transparent;color:#a69ab9;min-width:68px;padding:8px 16px;font-size:18px}.input-tab.active{background:#31203f;color:#e0bdff;border-color:#654482;box-shadow:2px 2px #04020d}textarea,input[type=url]{width:100%;background:#09081a;border:1px solid #4b3c68;border-bottom-color:#66517e;box-shadow:inset 3px 3px #03020d;color:#ece6ff;padding:15px;line-height:1.65;border-radius:0}textarea{height:220px;min-height:140px;resize:vertical}textarea::placeholder,input::placeholder{color:#756c8a}.field-bottom{display:flex;justify-content:flex-end;gap:12px;color:#998bab;font-size:13px;margin-top:8px}.field-bottom>span:last-child{white-space:nowrap;font-family:monospace}.format-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:11px;gap:7px}.format-tab{border:1px solid #433354;background:#0e0b20;padding:10px 12px;text-align:left;position:relative}.format-tab.active{border:1px solid #ac7de3;background:#342048;box-shadow:inset 3px 0 #be8bf2}.format-tab b{display:block;font-size:18px;font-weight:600}.format-list{list-style:none;padding:0;margin:0}.format-list li{display:flex;align-items:center;gap:12px;border-bottom:1px solid #2a223d;padding:11px 1px}.format-list b{font-size:19px;font-weight:500}.format-list p{font-size:16px;color:#9a8bab;margin:0}.primary-button{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;width:100%;background:#8a42c8;border:2px solid #c184ec;border-right-color:#512374;border-bottom-color:#512374;box-shadow:3px 3px #04020e;margin-top:24px;font-size:18px;font-weight:bold}.primary-button:hover{background:#a153dc}.primary-button:active{transform:translate(2px,2px);box-shadow:1px 1px #04020e}.primary-button>span:last-child{font:19px monospace}.availability{color:#9c87ad;font:14px/1.5 'Segoe UI',Arial,sans-serif;text-align:center;margin:11px 0 0}.result-window{margin-top:22px}.result-empty{min-height:177px;display:flex;justify-content:center;align-items:center;gap:26px;padding:25px}.result-empty img{image-rendering:pixelated;width:62px;height:auto;opacity:.85}.result-empty h2{font:500 21px/1.5 'Segoe UI',Arial,sans-serif;color:#bba0dd;margin:0 0 9px}.result-empty p{font-size:17px;line-height:1.8;color:#9b8ead;margin:0}.result-status{font:9px monospace!important;letter-spacing:1px}.result-window.notice{border-color:#8f62be}.result-window.notice .window-bar{border-color:#8f62be}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:224px;padding:18px;border:1px dashed #675086;background:#0d0b1e;cursor:pointer;gap:7px}.upload-area:hover,.upload-area.dragging{background:#251532;border-color:#d29cff}.upload-symbol{font-size:31px;line-height:1;color:#c694fb}.upload-area b{font-size:20px;font-weight:500}.upload-area span:not(.upload-symbol){font-size:17px;color:#a495b7}.upload-area small{font-size:14px;color:#7c6d91;margin-top:7px}.photo-preview{display:flex;align-items:center;gap:10px;padding-top:10px}.photo-preview img{width:48px;height:45px;object-fit:cover;border:1px solid #605071}.photo-preview>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;flex:1;color:#b4a7c5}.small-button{background:#21172f;border:1px solid #59446d;box-shadow:2px 2px #05020f;padding:5px 9px;font:16px 'Segoe UI',Arial,sans-serif;white-space:nowrap}.small-button:hover{background:#382247}.field-error{color:#f5a5ca;font-size:16px;margin:7px 0 0}.field-label{display:block;font-size:18px;color:#b8aac9;margin:21px 0 10px}.field-hint{font-size:16px;color:#a497b6;line-height:1.6}.link-note{font-size:15px;padding:12px;color:#a391b6;border-left:2px solid #8055a8;margin-top:24px}fieldset{border:0;padding:0;margin:15px 0 18px}legend{font-size:17px;color:#af9bc4;margin-bottom:9px}.choice-group{display:flex;gap:7px}.choice-group label{flex:1;position:relative}.choice-group input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.choice-group span{display:block;text-align:center;padding:7px 8px;background:#0b091b;border:1px solid #483454;font-size:18px}.choice-group input:checked+span{border-color:#b581e4;background:#39234c;color:#e5c2ff;box-shadow:2px 2px #04020b}.choice-group input:focus-visible+span{outline:2px solid white;outline-offset:3px}.test-note{font-size:15px;color:#9c8aac;margin:18px 0 24px}.calendar-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.month-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.month-toolbar h2{font-size:23px;margin:0;font-weight:500;text-transform:capitalize}.month-toolbar>div{display:flex;gap:5px}.weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays{font:15px 'Segoe UI',Arial,sans-serif;color:#9482ab;text-align:center;padding-bottom:12px}.month-grid{border-left:1px solid #32263f;border-top:1px solid #32263f}.calendar-day,.calendar-gap{height:61px;background:#0c0a1d;border:0;border-bottom:1px solid #32263f;border-right:1px solid #32263f;font:19px 'Segoe UI',Arial,sans-serif;padding:0;position:relative}.calendar-day:hover{background:#282035}.calendar-day.today:after{content:'';height:4px;width:4px;background:#c99aff;position:absolute;left:calc(50% - 2px);bottom:9px}.calendar-day.selected{background:#603384;color:#fff;box-shadow:inset 0 0 0 2px #b181e0}.calendar-gap{background:#0c0a1480}.day-window h2{font-size:23px;margin:0;text-transform:capitalize;font-weight:500}.day-empty{text-align:center;padding:32px 0}.day-empty h3{font:19px/1.7 'Segoe UI',Arial,sans-serif;color:#c0a2dc;margin:20px 0 10px}.secondary-button{width:100%;border:1px solid #4c3c5e;color:#9581a6;background:#21162c;padding:12px;font-size:18px;opacity:.7}footer{display:flex;justify-content:space-between;gap:18px;padding:28px 0 26px;color:#6d6083;font:14px/1.8 'Segoe UI',Arial,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1400px){.app{padding-top:10px}.page-heading{min-height:180px}}@media(max-width:900px){.app{padding:0 25px}.workspace{grid-template-columns:1.15fr 1fr;gap:15px}.window-body{padding:19px}.calendar-layout{grid-template-columns:1.35fr 1fr}.page-description{max-width:390px}.companion{width:180px;margin-right:0}.field-bottom{justify-content:flex-end}.month-toolbar{flex-wrap:wrap}}@media(max-width:650px){.app{padding:0 17px}.header{height:80px;gap:10px}.brand img{width:205px}.build-label{font:7px var(--pixel);gap:6px}.build-label i{width:4px;height:4px}.navigation{margin-top:3px;gap:6px}.nav-tab{padding:13px 14px;font-size:17px;gap:6px}.nav-tab small{font-size:5px;margin-left:1px;padding:4px}.navigation-line{display:none}.nav-tab{flex:1;justify-content:center}.workspace,.calendar-layout{grid-template-columns:1fr}.page-heading{min-height:145px;padding:24px 0}.page-heading h1{font-size:18px}.page-description{max-width:330px;font-size:17px}.companion{width:65px;height:105px;margin-bottom:0}.companion img{width:44px}.window-body{padding:20px}.result-empty{justify-content:flex-start;padding:25px 20px;gap:17px}.result-empty img{width:44px}.result-empty h2{font-size:19px}.result-empty p{font-size:16px}.result-status{font-size:7px!important}.window-bar{font-size:9px;padding:10px 12px}.calendar-day,.calendar-gap{height:50px}.day-empty{padding:26px 0}footer{font-size:13px;flex-wrap:wrap;gap:4px;padding-top:23px}}


.logo-filter{position:absolute;pointer-events:none}
@media(max-width:400px){.brand img{width:190px}.build-label{font-family:'Segoe UI',Arial,sans-serif;font-size:12px}}
.theme-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;margin-left:auto;flex:none;border:2px solid #765c9a;border-radius:0;background:#201733;color:#ddc6ff;box-shadow:3px 3px #03020e}
.theme-toggle:hover{background:#38264c;border-color:#b795e2}.theme-toggle:active{transform:translate(2px,2px);box-shadow:1px 1px #03020e}
.theme-toggle svg{width:18px;height:18px;fill:currentColor;shape-rendering:crispEdges}
@media(max-width:650px){.header .build-label{display:none}.theme-toggle{margin-left:auto}}

.page-heading h1{font-family:'Press Start 2P',monospace;font-size:22px;font-weight:400;letter-spacing:-1px}
.window-bar{font-size:12px;font-weight:600;letter-spacing:.6px}
.build-label{font-size:11px}
.nav-tab small{font-size:10px}
.result-status{font-size:11px!important}
.nav-tab,.input-tab,.primary-button,.format-tab b{font-size:17px}
.format-list b{font-size:18px}.format-list p{font-size:15px}
.availability{font-size:13px}
@media(max-width:650px){.page-heading h1{font-size:18px}.window-bar{font-size:11px}.build-label{font-size:10px}.nav-tab{font-size:15px}.nav-tab small{font-size:9px}}

:root{--pixel:'Press Start 2P',monospace}
body{font-family:var(--pixel);font-size:12px;line-height:1.9}
button,input,textarea{font-family:var(--pixel)}
.build-label{font-size:8px;line-height:1.8}
.nav-tab,.input-tab,.primary-button,.format-tab b{font-size:12px;line-height:1.8}
.nav-tab small{font-size:7px;line-height:1.7}
.page-description{font-size:12px;line-height:2;max-width:640px}
.step-heading h2{font-size:15px;font-weight:400;line-height:1.8}
.window-bar{font-size:9px;line-height:1.8;font-weight:400;letter-spacing:0}
.window-body{padding:27px}
textarea,input[type=url]{font-size:12px;line-height:2}
.field-bottom,.field-bottom>span:last-child{font-family:var(--pixel);font-size:8px;line-height:1.8}
.format-tab{padding:12px}
.format-list b{font-size:12px;font-weight:400;line-height:1.8}
.format-list p{font-size:9px;line-height:1.9;margin-top:5px}
.format-list li{padding:13px 1px}
.availability{font-family:var(--pixel);font-size:8px;line-height:1.9}
.result-empty h2{font-family:var(--pixel);font-size:12px;line-height:1.9;font-weight:400}
.result-empty p{font-size:10px;line-height:2}
.result-status{font-family:var(--pixel)!important;font-size:8px!important;line-height:1.8;letter-spacing:0}
.upload-area b{font-size:12px;line-height:1.9}
.upload-area span:not(.upload-symbol){font-size:10px;line-height:1.9}
.upload-area small{font-size:8px;line-height:1.9}
.photo-preview>span{font-size:9px}
.small-button{font-family:var(--pixel);font-size:9px;line-height:1.8}
.field-error,.field-hint,.link-note,.test-note{font-size:9px;line-height:1.9}
.field-label,legend{font-size:11px;line-height:1.8}
.choice-group span{font-size:10px;line-height:1.8;padding:10px 5px}
.month-toolbar h2,.day-window h2{font-size:13px;line-height:1.9;font-weight:400}
.weekdays{font-family:var(--pixel);font-size:9px;line-height:1.8}
.calendar-day,.calendar-gap{font-family:var(--pixel);font-size:11px}
.day-empty h3{font-family:var(--pixel);font-size:12px;line-height:1.9}
.secondary-button{font-size:10px;line-height:1.8}
footer{font-family:var(--pixel);font-size:8px;line-height:1.8}
@media(max-width:900px){.month-toolbar{gap:15px}.month-toolbar>div{flex-wrap:wrap;gap:8px}}
@media(max-width:650px){
  .build-label{font-family:var(--pixel);font-size:6px;line-height:1.8}
  .nav-tab{font-size:10px;gap:5px;padding:14px 7px}
  .nav-tab small{font-size:6px;padding:4px}
  .nav-tab>span{font-size:16px}
  .page-description{font-size:10px;max-width:340px;line-height:2}
  .page-heading{min-height:160px;gap:15px}
  .window-bar{font-size:8px}
  .window-body{padding:20px}
  .result-empty h2{font-size:10px}
  .result-empty p{font-size:9px}
  .result-status{font-size:7px!important}
  footer{font-size:7px}
}
@media(max-width:400px){
  .brand img{width:180px}
  .build-label{font-family:var(--pixel);font-size:5px}
  .nav-tab{font-size:9px}
  .nav-tab small{font-size:5px}
  .page-description{max-width:240px}
  .companion{width:48px;flex-shrink:0}
  .step-heading h2{font-size:13px}
  .primary-button{font-size:10px}
}