@import url('tokens/color.css');
@import url('tokens/spacing.css');
@import url('tokens/border.css');
@import url('tokens/pattern.css');
@import url('tokens/typography.css');
@import url('tokens/state.css');
@import url('tokens/filter.css');
:root{--font-size:18px}
@font-face{font-family:Galmuri11;src:url('fonts/galmuri11.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:Galmuri11;src:url('fonts/galmuri11-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:block}
*,*::before,*::after{box-sizing:border-box;border-radius:0!important}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--fg);font-family:var(--font-family)}
.filter-defs{position:absolute;width:0;height:0;overflow:hidden}
.screen{position:fixed;inset:0;overflow:auto;filter:var(--ink-filter) brightness(var(--screen-brightness));padding:var(--page-pad);display:flex;align-items:center;justify-content:center}
.content{width:min(100%,1400px);margin:auto}
h1{height:var(--topbar);margin:0;display:flex;align-items:center;line-height:var(--font-line)}
nav{overflow-x:auto;overflow-y:hidden}
.timeline-board{position:relative;min-width:max-content;padding:var(--gap);display:grid;grid-auto-columns:320px;grid-auto-rows:auto;column-gap:var(--gap);row-gap:48px}
.relations{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.relations path{fill:none;stroke:var(--line);stroke-width:2;stroke-linejoin:round}

 .version{position:relative;min-width:0;border:var(--border-w) solid var(--line);box-shadow:var(--shadow-elevated);background:var(--card)}
.version-link{display:block;padding:var(--pad);color:var(--fg);text-decoration:none;line-height:var(--font-line)}
.preview{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000;border:var(--border-w) solid var(--line);box-shadow:var(--shadow-elevated);image-rendering:auto}
.version-title{display:flex;align-items:center;gap:var(--gap);min-height:var(--ctl);padding-bottom:var(--pad)}
.version-title svg{width:var(--icon);height:var(--icon);flex:none}
.version-meta{display:flex;align-items:center;gap:var(--gap);min-height:calc(var(--ctl) + var(--pad));padding-top:var(--pad);padding-right:calc(var(--ctl) + var(--gap))}
.version-meta .author,.version-meta time{white-space:nowrap}
.version-link:hover,.version-link:focus-visible{background:var(--dither);text-shadow:var(--halo);outline:none}
.version-link:active{background:var(--accent);color:var(--accent-fg);text-shadow:none}
.copy-id{position:absolute;right:var(--pad);bottom:var(--pad);width:var(--ctl);height:var(--ctl);display:grid;place-items:center;border:var(--border-w) solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer}
.copy-id svg{width:var(--icon);height:var(--icon)}
.copy-id:hover,.copy-id:focus-visible{background:var(--dither);outline:none}.copy-id:active{background:var(--accent);color:var(--accent-fg)}

[hidden]{display:none!important}
.pagination{display:flex;justify-content:center;gap:var(--gap);margin-top:var(--gap)}
.pagination button{height:var(--ctl);min-width:var(--ctl);border:var(--border-w) solid var(--line);background:var(--surface);color:var(--fg);font-family:var(--font-family);line-height:var(--font-line);cursor:pointer}
.pagination button:hover,.pagination button:focus-visible{background:var(--dither);text-shadow:var(--halo);outline:none}
.pagination button[aria-current="page"]{background:var(--accent);color:var(--accent-fg);text-shadow:none}

@media(max-width:600px){.version-meta{flex-wrap:wrap}}