@font-face{font-family:'Courier PS';src:url('fonts/courier-ps.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Courier PS';src:url('fonts/courier-ps-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Open Sauce';src:url('fonts/open-sauce.otf') format('opentype');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:'Brick Sans';src:url('fonts/brick-sans.otf') format('opentype');font-style:normal;font-weight:400 700;font-display:swap}
:root{color-scheme:light;--canvas:#292929;--frame:#48494e;--bar:#c4c5c6;--page:#eff0f2;--blue:#5170ff;--deep-blue:#004aad;--red:#ff3131;--mono:'Courier PS','Courier New',monospace;--brand:'Brick Sans',Arial,sans-serif;--ui:'Open Sauce',Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--canvas);color:#000;font-family:var(--mono)}
body{min-height:100vh;overflow:auto}
button,input{font:inherit}
.hidden{display:none!important}
.slide-canvas{position:relative;width:min(100vw,177.7778vh);height:min(100vh,56.25vw);margin:auto;overflow:hidden;background:var(--canvas);container-type:size}
.tab-strip{position:absolute;z-index:2;left:.25%;top:.9511%;width:18%;height:5.65%;background:var(--page);border:1px solid rgba(255,255,255,.52);border-bottom:0;border-radius:.55cqw .55cqw 0 0;box-shadow:0 -.12cqw .34cqw rgba(255,255,255,.22),0 .2cqw .48cqw rgba(0,0,0,.3);pointer-events:none}
.favicon{position:absolute;z-index:2;left:1.86%;top:2.578%;width:3.305%;height:5.876%;border-radius:50%;background:#38b6ff;color:transparent;display:grid;place-items:center;font:700 1.08cqw Arial,sans-serif}
.browser-title{position:absolute;z-index:2;left:8.255%;top:3.95%;width:15.035%;height:3.4%;color:#000;font:1.389cqw/1 var(--ui)}
.tab-close,.tab-plus{position:absolute;z-index:2;object-fit:contain;pointer-events:none}
.tab-close{left:16.25%;top:4.409%;width:1.665%;height:2.862%}
.tab-plus{left:18.55%;top:4.409%;width:1.61%;height:2.862%}
.browser-frame{position:absolute;z-index:1;left:0;top:10.853%;width:100%;height:89.147%;background:var(--frame)}
.address-outline{position:absolute;z-index:2;left:8.755%;top:12.987%;width:85.62%;height:5.076%;border:.08cqw solid var(--frame);pointer-events:none}
.page-accent{position:absolute;z-index:3;left:9.585%;top:20.764%;width:79.635%;height:6.596%;background:var(--blue);box-shadow:0 .16cqw .34cqw rgba(0,0,0,.24);pointer-events:none}
.toolbar{position:absolute;z-index:3;inset:0;pointer-events:none}
.back-button,.forward-button{position:absolute;object-fit:contain}
.back-button{left:6.56%;top:14.036%;width:1.695%;height:3.102%}
.forward-button{left:9.585%;top:14.036%;width:1.825%;height:3.102%}
.address-field{position:absolute;left:8.755%;top:13.102%;width:85.62%;height:4.96%;display:flex;align-items:flex-start;padding:.2cqh 0 0 4.2%;background:var(--bar);color:var(--frame);font:1.736cqw/1 var(--ui);box-shadow:inset 0 .15cqw .3cqw rgba(0,0,0,.22),0 .2cqw .48cqw rgba(0,0,0,.3),inset 0 .055cqw 0 rgba(255,255,255,.4);pointer-events:auto}
.page-window{position:absolute;z-index:4;left:10.065%;top:19.911%;width:78.585%;height:74.356%;background:transparent;overflow:visible;isolation:isolate;box-shadow:0 .42cqw 1.05cqw rgba(0,0,0,.48),0 .06cqw .18cqw rgba(255,255,255,.12)}
.page-window::before{content:"";position:absolute;z-index:0;left:0;top:1.76%;width:100%;height:98.24%;background:var(--page);box-shadow:inset 0 .06cqw 0 rgba(255,255,255,.3)}
.page-lock{position:absolute;object-fit:fill;pointer-events:none}
.login-lock{left:1.35%;top:2.46%;width:2.69%;height:6.83%}
.archive-lock{left:1.71%;top:2.24%;width:3.84%;height:7.29%}
.documents-lock{left:.55%;top:2.58%;width:5.02%;height:6.61%}
.login-screen,.archive-screen{position:absolute;z-index:1;inset:0}
.login-title{position:absolute;left:35.53%;top:14.93%;width:28.93%;height:16.77%;margin:0;text-align:center;white-space:nowrap;font:400 5.2cqw/1 var(--brand)}
.login-subtitle{position:absolute;left:28.08%;top:34.90%;width:45.49%;height:6.17%;margin:0;text-align:center;white-space:nowrap;font:400 1.806cqw/1.2 var(--mono)}
.login-form{position:absolute;inset:0}
.username-label,.password-label{position:absolute;display:block;white-space:nowrap;font:700 1.806cqw/1 var(--mono);text-align:center}
.username-label{left:4.04%;top:55.61%;width:13.79%;height:6.17%}
.password-label{left:4.35%;top:66.03%;width:12.41%;height:6.17%}
.username-field,.password-field{position:absolute;left:17.72%;width:77.42%;height:8.87%;background:transparent;display:flex;align-items:center;box-shadow:0 .22cqw .46cqw rgba(0,0,0,.26)}
.username-field::before,.password-field::before{content:"";position:absolute;z-index:0;left:0;top:7%;width:100%;height:93%;background:var(--bar);box-shadow:inset 0 .15cqw .3cqw rgba(0,0,0,.2),inset 0 -.08cqw 0 rgba(255,255,255,.48)}
.username-field{top:54.45%}
.password-field{top:64.87%}
.fixed-username{position:absolute;z-index:1;left:2.36%;top:13.07%;width:7.12%;height:69.5%;display:flex;align-items:flex-start;justify-content:center;text-align:center;font:400 1.806cqw/1 var(--mono)}
.password-field input,.document-form input{position:relative;z-index:1;display:block;width:100%;height:100%;padding:0 2.36%;border:0;border-radius:0;outline:0;background:transparent;color:#000;font:400 1.806cqw/1 var(--mono)}
.password-field input:focus,.document-form input:focus{outline:1px solid var(--frame);outline-offset:-1px}
.login-error{position:absolute;left:17.88%;top:76.47%;width:20.68%;height:6.17%;margin:0;color:var(--red);font:700 1.806cqw/1 var(--mono);white-space:nowrap;display:flex;align-items:flex-start;justify-content:center;text-align:center}
.enter-button{position:absolute;margin:0;padding:0;border:0;border-radius:0;background:var(--canvas);box-shadow:0 .42cqw .95cqw rgba(0,0,0,.42),0 .05cqw .16cqw rgba(255,255,255,.14);color:#000;cursor:pointer;white-space:nowrap;appearance:none}
.enter-button::before{content:"";position:absolute;z-index:0;left:3.05%;top:12.32%;width:94.11%;height:76.88%;background:var(--page);box-shadow:inset 0 .08cqw 0 rgba(255,255,255,.72),inset 0 -.14cqw 0 rgba(0,0,0,.16)}
.button-label{position:absolute;z-index:1;left:34.96%;top:18.08%;width:30.07%;height:60.56%;display:block;text-align:center;font:400 1.806cqw/1 var(--mono)}
.enter-button:focus-visible,.archive-tab:focus-visible,.entry-button:focus-visible{outline:.12cqw solid #000;outline-offset:.08cqw}
.login-enter{left:72.23%;top:75.18%;width:22.92%;height:10.19%}
.archive-tabs{position:absolute;z-index:8;inset:0;pointer-events:none}
.archive-tab{position:absolute;display:block;margin:0;padding:0;border:0;border-radius:0;color:#fff;cursor:pointer;pointer-events:auto;white-space:nowrap;appearance:none;box-shadow:0 .2cqw .42cqw rgba(0,0,0,.32),inset 0 .08cqw 0 rgba(255,255,255,.3),inset 0 -.08cqw 0 rgba(0,0,0,.16)}
.archive-tab.active{background:var(--canvas)}
.archive-tab:not(.active){background:var(--deep-blue)}
.entries-tab{left:10.62%;top:2.83%;width:17.07%;height:6.53%}
.documents-tab{left:28.81%;top:2.5%;width:18%;height:6.53%}
.archive-tab{background:transparent!important;box-shadow:none}
.archive-tab::before{content:"";position:absolute;z-index:0;left:0;width:100%;background:var(--deep-blue);box-shadow:0 .2cqw .42cqw rgba(0,0,0,.32),inset 0 .08cqw 0 rgba(255,255,255,.3),inset 0 -.08cqw 0 rgba(0,0,0,.16)}
.entries-tab::before{top:6.59%;height:88.28%;background:var(--canvas)}
.documents-tab::before{top:6.96%;height:93.04%}
.archive-tab.active::before{background:var(--canvas)}
.tab-label{position:absolute;z-index:1;display:block;text-align:center;white-space:nowrap;font:700 1.261cqw/1 var(--mono);color:#fff}
.entries-label{left:27.4%;top:19.78%;width:45.15%;height:66.85%}
.documents-label{left:21.81%;top:24.91%;width:56.42%;height:69.78%;font-size:1.33cqw}
.entries-view,.documents-view{position:absolute;z-index:1;inset:0}
.entry-list-panel{position:absolute;left:1.71%;top:13.21%;width:24.99%;height:83.96%;background:var(--bar);box-shadow:inset 0 .14cqw .26cqw rgba(0,0,0,.16),0 .28cqw .62cqw rgba(0,0,0,.3),inset 0 .06cqw 0 rgba(255,255,255,.34)}
.entry-title-panel{position:absolute;left:29.44%;top:13.21%;width:68.95%;height:5.34%;background:var(--bar);box-shadow:inset 0 .11cqw .22cqw rgba(0,0,0,.14),0 .28cqw .64cqw rgba(0,0,0,.3),inset 0 .06cqw 0 rgba(255,255,255,.34)}
.entry-list{position:absolute;left:1.71%;top:11.71%;width:24.99%;height:85.47%;overflow-y:auto;overflow-x:hidden}
.entry-button{position:absolute;left:0;width:100%;height:5.11%;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--canvas);text-align:center;white-space:nowrap;cursor:pointer;font:700 1.261cqw/1 var(--mono);appearance:none}
.entry-button.active{text-decoration:none}
.entry-title{position:absolute;left:29.44%;top:13.49%;width:68.95%;height:4.36%;margin:0;color:var(--canvas);text-align:center;font:700 1.261cqw/1 var(--mono);white-space:nowrap}
.entry-content-panel{position:absolute;left:29.44%;top:21.79%;width:68.95%;height:75.38%;overflow:auto;background:var(--bar);padding:1.76cqh .655cqw 0;color:var(--canvas);box-shadow:inset 0 .14cqw .28cqw rgba(0,0,0,.17),0 .28cqw .64cqw rgba(0,0,0,.3),inset 0 .06cqw 0 rgba(255,255,255,.34)}
.entry-content{font:700 1.261cqw/1.75 var(--mono);max-width:100%;white-space:normal;text-align:center}
.entry-content p{margin:0 0 1.35em}
.entry-content p:last-child{margin-bottom:0}
.entry-content em{font-style:italic}
.documents-view h1{position:absolute;left:34.97%;top:34.30%;width:31.71%;height:6.17%;margin:0;color:#000;text-align:center;font:400 1.806cqw/1.2 var(--mono);white-space:nowrap}
.document-form{position:absolute;inset:0}
.documents-field{position:absolute;left:14.1%;top:51.31%;width:77.42%;height:8.87%;background:transparent;box-shadow:0 .22cqw .46cqw rgba(0,0,0,.26)}
.documents-field::before{content:"";position:absolute;left:0;top:7%;width:100%;height:93%;background:var(--bar);box-shadow:inset 0 .15cqw .3cqw rgba(0,0,0,.2),inset 0 -.08cqw 0 rgba(255,255,255,.48)}
.document-form input{position:absolute;z-index:1;left:14.1%;top:51.31%;width:77.42%;height:8.87%;background:transparent;box-shadow:none}
.document-error{position:absolute;left:17.88%;top:76.47%;width:20.68%;height:6.17%;margin:0;color:var(--red);font:700 1.806cqw/1 var(--mono);white-space:nowrap;display:flex;align-items:flex-start;justify-content:center;text-align:center}
.document-enter{left:68.61%;top:62.20%;width:22.92%;height:10.19%}
@media(max-aspect-ratio:1/1){.slide-canvas{width:100vw;height:56.25vw;min-width:700px;min-height:393.75px;margin:0}.entry-content-panel{overflow:auto}}