@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap";:root{--bg-color:#0e0e11;--text-color:#f4f1ed;--border-color:#343238;--accent-color:#ff5f67;--accent-dark-color:#4a2024;--waveform-color:#343238;--seek-color:#fff;--page-width:80rem;--item-width:24rem;--page-padding:2rem clamp(2rem,5vw,4rem);--space:1rem}*{box-sizing:border-box}body{background:var(--bg-color);color:var(--text-color);margin:0;font-family:Roboto Mono,monospace}main{display:flex;row-gap:calc(var(--space)*2);max-width:var(--page-width);padding:var(--page-padding);flex-direction:column;min-height:100vh;margin:0 auto}a{color:inherit}[data-theme=light]{--bg-color:#f7f4ef;--text-color:#1b191d;--border-color:#d4cfd0;--accent-color:#c43d48;--accent-dark-color:#7f343a;--waveform-color:#aaa3a5;--seek-color:#1b191d}.icon-button{display:grid;color:inherit;cursor:pointer;background:0 0;border:0;place-items: center;width:2rem;height:2rem;padding:0}.icon-button:hover{background:var(--accent-color);color:var(--bg-color)}.icon-button:focus-visible{background:var(--accent-color);color:var(--bg-color)}.icon-button:focus-visible{outline:1px solid var(--accent-color);outline-offset:.15rem}.icon-button svg{width:1rem;height:1rem}.clock{display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:1ch;font-size:smaller}.clock-main{font-weight:700}.clock-ms{color:var(--accent-color)}.page-header{display:flex;align-items: center;gap:var(--space);flex-wrap:wrap}.page-divider{border-top:1px solid var(--border-color);flex:1}.page-header nav{display:flex;align-items: center;gap:var(--space)}.page-header h1{margin:0}.page-title-link{text-decoration:none}.page-title-link:hover{color:var(--accent-color)}.page-title-link:focus-visible{color:var(--accent-color)}.cat-image-frame{position:relative;aspect-ratio:4/3;overflow:hidden;width:100%}.cat-image-preview,.cat-image{position:absolute;object-fit:cover;width:100%;height:100%;inset:0}.cat-image-preview{image-rendering:pixelated}.link-row{display:flex;align-items: center;gap:var(--space);padding:var(--space)0 var(--space)var(--space);border-bottom:1px solid var(--border-color);text-decoration:none}.link-row:first-child{border-top:1px solid var(--border-color)}.link-row:hover{background:var(--accent-color);color:var(--bg-color)}.link-row:focus-visible{background:var(--accent-color);color:var(--bg-color)}.page-content{display:flex;justify-content:center;align-items: center;row-gap:var(--space);column-gap:max(var(--space),calc(100% - var(--item-width) - var(--item-width)));flex-wrap:wrap}.page-content>*{flex:0 1 var(--item-width);width:min(100%,var(--item-width))}.music-page{align-items: flex-start;column-gap:calc(var(--space)*2)}.music-page>nav{flex:1 1 calc(var(--item-width)/2);width:auto}.music-player-column{flex:2 1 var(--item-width);width:auto;min-width:0}.music-page,.music-page a{text-decoration:none;font-weight:400}.audio-player{width:100%}.waveform{cursor:crosshair;touch-action:none;width:100%;height:7rem;padding:.5rem 0}.waveform:focus-visible{outline:2px solid var(--accent-color);outline-offset:.25rem}.waveform canvas{display:block;image-rendering:pixelated;width:100%;height:100%}.audio-controls{display:flex;align-items: center;gap:.75rem;font-size:.8rem}