:root{font-family:system-ui,sans-serif;color:#f5e9d9;background:#231d28}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:1.25rem}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}h1{margin:0;font-size:clamp(1.5rem,4vw,2.3rem)}nav{display:flex;flex-wrap:wrap;gap:.5rem}button{font:inherit;color:inherit;background:#3c303e;border:1px solid #8c7287;border-radius:.5rem;padding:.6rem .85rem;cursor:pointer}button:focus-visible{outline:3px solid #ffcb75;outline-offset:2px}.room{position:relative;height:min(68vh,720px);min-height:340px;margin-top:1rem;overflow:hidden;border-radius:1rem;background:#271e2b}.room img,.canvas{position:absolute;inset:0;width:100%;height:100%}.room img{object-fit:contain}.canvas{opacity:0;transition:opacity .25s ease;background:#271e2b}.canvas.ready{opacity:1}.hint{color:#dfc6d8}.tooltip{white-space:nowrap;background:#231d28;border:1px solid #ffcb75;border-radius:.4rem;padding:.4rem .6rem}dialog{color:inherit;background:#312735;border:1px solid #8c7287;margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(410px,40vw);padding:2rem}dialog[open]{animation:panel-in .28s ease-out}dialog::backdrop{background:#1a131b55}.close{float:right}@keyframes panel-in{0%{transform:translate(100%)}}@media(max-width:700px){nav{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.room{height:55vh}dialog{width:100vw;max-width:100vw}}@media(prefers-reduced-motion:reduce){.canvas{transition:none}dialog[open]{animation:none}}.message-form{clear:both}.message-form fieldset{display:grid;gap:.85rem;border:0;padding:0;margin:0}.message-form label{display:grid;gap:.3rem}.message-form input,.message-form textarea{font:inherit;color:inherit;background:#231d28;border:1px solid #8c7287;border-radius:.4rem;padding:.6rem;width:100%}.content-list{display:grid;gap:.65rem;list-style:none;padding:0}.long-text{white-space:pre-wrap}.project-image,.resume-pdf{width:100%}.resume-pdf{height:62vh;border:0}.player-controls{display:flex;gap:.4rem;flex-wrap:wrap}.volume{display:grid;gap:.4rem;margin-top:1rem}.drink-display{display:grid;place-items:center;margin:1.8rem 0}.drink-bottle{position:relative;width:min(100%,200px);min-height:180px;border-radius:2rem 2rem 1rem 1rem;padding:2rem 1rem 1rem;color:#231d28;text-align:center}.drink-bottle:before{content:"";position:absolute;width:35%;height:1.1rem;top:-1rem;left:32.5%;border-radius:.3rem;background:#ede3cf}.drink-bottle span{font-weight:700}.drink-bottle blockquote{margin:.6rem 0}.room-tooltip,.room-tooltip *{pointer-events:none!important}.room-reset,.room-alternatives{position:absolute;z-index:5}.room-reset{bottom:.8rem;left:.8rem}.room-alternatives{bottom:.8rem;left:.8rem;right:.8rem;display:flex;flex-wrap:wrap;gap:.35rem}.screen-player,.screen-playlist{display:grid;gap:.6rem;padding:.7rem;background:#1b263b;color:#fff0db;border:1px solid #d5a36a;border-radius:.45rem}.screen-inset .screen-player{position:absolute;width:332px;min-height:158px;transform:translate(-50%,-50%)}.screen-flat{width:max-content;max-width:min(225px,76vw)}.screen-playlist{min-width:140px}.screen-playlist ol{margin:0;padding-left:1.25rem;max-height:185px;overflow-y:auto}.screen-playlist li+li{margin-top:.35rem}.screen-player p,.screen-playlist p{margin:0}.screen-buttons{display:flex;justify-content:space-between;gap:.4rem}.screen-buttons button{padding:.35rem .5rem}.screen-volume{display:flex;align-items:center;gap:.5rem}.screen-volume input{min-width:0;width:100%;accent-color:#ffcb75}.language-frame{display:grid;place-items:center;position:absolute;width:104px;height:110px;transform:translate(-50%,-50%);color:#fff2da;font:800 48px monospace;text-shadow:2px 2px #382c38}.language-frame.selected{outline:3px solid #ffcf81;outline-offset:-10px}dialog.drink-dialog{margin:auto;width:min(90vw,390px);height:auto;max-height:90dvh}dialog.drink-dialog[open]{animation:drink-in .23s ease-out}@keyframes drink-in{0%{opacity:0;transform:scale(.92)}}@media(prefers-reduced-motion:reduce){dialog.drink-dialog[open]{animation:none}}.interaction-guide{position:absolute;right:.8rem;top:.8rem;z-index:6;width:min(235px,42%);padding:.85rem;background:#312735f2;border:1px solid #8c7287;border-radius:.6rem}.interaction-guide h2{margin:0;font-size:1.1rem}.interaction-guide p{margin:.65rem 0}.notebook-overlay{position:absolute;z-index:8;inset:0;display:grid;place-items:center;padding:.65rem;overflow:auto;background:#21182162}.open-notebook{display:grid;grid-template-columns:minmax(110px,1fr) minmax(230px,1.7fr);width:min(650px,100%);color:#412a2a;background:#e3cc9f;border:6px solid #754e3e;border-radius:.6rem;box-shadow:0 16px 40px #18101898;animation:open-notebook .34s ease-out}.notebook-cover{padding:1rem;border-right:2px solid #b39469;background:#d5b884}.notebook-page{padding:.9rem;background:#f5e7c6}.notebook-page .message-form textarea{min-height:4rem;max-height:19vh}.notebook-page .message-form input,.notebook-page .message-form textarea{color:#412a2a;background:#fffae9;border-color:#a58a68}.notebook-page button{color:#fff4dc}@keyframes open-notebook{0%{opacity:.3;transform:perspective(800px) rotateY(-50deg) scale(.55)}}@media(max-width:700px){.interaction-guide{top:auto;bottom:3.7rem;width:min(205px,52%)}.open-notebook{grid-template-columns:1fr}.notebook-cover{border:0;padding:.35rem .8rem}.notebook-cover h2{margin:0;font-size:1rem}}@media(prefers-reduced-motion:reduce){.open-notebook{animation:none}}.owner-admin{max-width:730px}.owner-admin label{display:grid;gap:.4rem;margin:.75rem 0}.owner-admin input,.owner-admin textarea{padding:.55rem;color:inherit;background:#302635;border:1px solid #8c7287;border-radius:.4rem}.owner-admin textarea{font-family:monospace}.guide-target{display:block;width:32px;height:32px;border:2px solid #ffcf81;border-radius:50%;box-shadow:0 0 9px #f3b968}.owner-admin{padding-bottom:4rem}.owner-status{min-height:1.45em}.owner-admin .owner-categories{display:flex;width:auto;margin-bottom:1.1rem}.owner-categories button[aria-pressed=true]{background:#685067;border-color:#e5ba8e}.owner-editor{border:0;margin:0;padding:0;min-width:0}.owner-editor h2{margin:.4rem 0 .85rem}.owner-entry{padding:1rem;margin:0 0 .75rem;background:#2c2430;border:1px solid #594657;border-radius:.65rem}.owner-entry h3,.owner-entry>p:first-child{margin-top:0}.owner-admin input,.owner-admin textarea{min-width:0;font:inherit}.owner-admin label.owner-file{position:relative;display:inline-flex;width:fit-content;margin-right:.55rem;padding:.58rem .8rem;border:1px solid #8c7287;border-radius:.5rem;cursor:pointer}.owner-file input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer}.owner-file:focus-within{outline:3px solid #ffcb75;outline-offset:2px}.owner-image{border-left:2px solid #7a6375;padding-left:.6rem;margin-bottom:.6rem}.owner-publish{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:1rem;padding:.7rem 0;background:#231d28}.owner-publish button:not(:disabled){background:#f1ca95;color:#2c2430;font-weight:700}.owner-admin button:disabled{opacity:.55;cursor:default}