@font-face{font-family:Caveat;src:url('/fonts/Caveat.ttf') format('truetype');font-weight:400 700;font-display:swap}@font-face{font-family:Nunito;src:url('/fonts/Nunito.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{--paper:#f6f2e8;--ink:#292723;--muted:#625e56;--honey:#e2bd75;--line:#c8c1b2}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--paper);color:var(--ink);font-family:Nunito,sans-serif;display:flex;flex-direction:column}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}.paper-edge{position:fixed;inset:12px;border:1.5px solid var(--line);border-radius:24px 19px 27px 21px;pointer-events:none;z-index:-1}header{width:min(1240px,100%);margin:0 auto;padding:28px 36px;display:flex;justify-content:space-between;align-items:center}.brand{font:700 42px/1 Caveat,cursive;color:var(--ink);text-decoration:none;white-space:nowrap}.brand span{font:22px Nunito;margin-left:9px;color:#886632}.exit{background:none;border:1.5px solid var(--ink);border-radius:45% 38% 43% 35%/35% 43% 40% 39%;padding:9px 17px;font-weight:800;font-size:14px}main{flex:1;width:100%;padding:16px 32px 30px}.lock-screen{max-width:470px;margin:0 auto;text-align:center}.record{position:relative;width:122px;height:122px;margin:0 auto 17px}.record svg{height:100%;width:100%;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round}.record .label{fill:var(--honey)}.star{position:absolute;right:-30px;top:8px;font:40px Caveat}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900;margin:0 0 10px;color:var(--muted)}h1{font:700 64px/1.08 Caveat,cursive;letter-spacing:-.02em;margin:0}.intro{font-size:16px;line-height:1.65;margin:18px 0 25px;color:var(--muted)}.login-card{text-align:left;padding:24px 25px 23px;border:2px solid var(--ink);border-radius:19px 25px 17px 22px;background:#fbf8f0;box-shadow:4px 5px 0 #e9e3d6}.login-card label{font-size:14px;font-weight:900;display:block;margin-bottom:9px}.input-wrap{display:flex;align-items:center;border:1.5px solid var(--ink);border-radius:8px 10px 7px 11px;background:var(--paper);padding-right:12px}.input-wrap:focus-within{outline:3px solid var(--honey);outline-offset:3px}input{width:100%;min-width:0;border:0;background:transparent;outline:0;padding:14px 13px;color:var(--ink);font-size:16px}input::placeholder{color:#777166}#toggle{border:0;background:none;font-size:12px;font-weight:800;color:var(--muted);padding:10px 0 10px 8px;min-width:51px}.primary{border:1.8px solid var(--ink);border-radius:9px 13px 8px 11px;background:var(--honey);width:100%;padding:13px 18px;font-weight:900;display:flex;justify-content:space-between;align-items:center;font-size:16px;box-shadow:2px 3px 0 var(--ink);transition:transform .15s,box-shadow .15s}.primary:hover{transform:translateY(-1px);box-shadow:2px 4px 0 var(--ink)}.primary:active{transform:translateY(2px);box-shadow:0 0 0 var(--ink)}.primary span{font-size:24px;line-height:.7}.error{color:#8b2e26;min-height:20px;font-size:13px;font-weight:700;margin:10px 0}.tiny{font-size:12px;color:var(--muted);margin-top:23px}.loading-screen{max-width:500px;margin:65px auto 0;text-align:center}.loading-record{font:80px Caveat;display:inline-block}.loading-screen h2{font:700 48px Caveat;margin:15px 0}.loading-screen p{color:var(--muted);font-size:15px}progress{display:block;width:100%;height:13px;appearance:none;border:1.5px solid var(--ink);border-radius:8px;overflow:hidden;background:var(--paper);margin-top:30px}progress::-webkit-progress-bar{background:var(--paper)}progress::-webkit-progress-value{background:var(--honey)}progress::-moz-progress-bar{background:var(--honey)}.percent{font-weight:900}.player-screen{max-width:1160px;margin:13px auto 0}.player-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.player-heading h1{font-size:57px}.duration{font-size:14px;font-weight:900;white-space:nowrap;border:1.5px solid var(--ink);border-radius:50%;padding:12px 16px;margin-bottom:4px}.video-frame{background:#1e1c19;padding:5px;border:2px solid var(--ink);border-radius:15px 20px 13px 17px;box-shadow:5px 6px 0 #ddd5c5;overflow:hidden}video{display:block;width:100%;aspect-ratio:16/9;background:var(--paper);border-radius:8px;outline:none}.player-note{font-size:14px;color:var(--muted);text-align:center;margin:20px auto;max-width:750px;line-height:1.7}footer{font-size:12px;color:var(--muted);text-align:center;padding:24px 24px 28px}footer span{font:19px Caveat;vertical-align:middle;margin-left:4px}:focus-visible{outline:3px solid var(--honey);outline-offset:4px}@media(max-width:600px){header{padding:26px 26px}.brand{font-size:35px}main{padding:12px 26px 20px}.record{width:104px;height:104px;margin-bottom:17px}h1{font-size:57px}.intro{font-size:14px}.login-card{padding:20px}.eyebrow{font-size:10px}.tiny{font-size:11px}.player-heading{align-items:center}.player-heading h1{font-size:39px}.duration{font-size:11px;padding:10px}.player-heading .eyebrow{letter-spacing:.09em}.video-frame{padding:2px;box-shadow:3px 4px 0 #ddd5c5}.player-note{font-size:12px}footer{font-size:10px}.lock-screen{margin-top:4px}}