:root{color-scheme:light dark;--paper: #ebebe7;--paper-2: #e2e2dc;--ink: #111310;--ink-2: #4c5148;--ink-3: #666b60;--rule: #cdcec7;--rule-2: #a8aa9f;--accent: #e03c0b;--accent-ink: #9e2b05;--sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;--t-1: .75rem;--t-2: .875rem;--t-3: 1rem;--t-4: 1.375rem;--t-5: 2.125rem;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 72px;--shell: 1280px;--gutter: 24px}@media(prefers-color-scheme:dark){:root{--paper: #0f1210;--paper-2: #161a16;--ink: #e9ebe4;--ink-2: #a6aa9f;--ink-3: #858a7f;--rule: #2c312b;--rule-2: #4a5047;--accent: #ff6b3d;--accent-ink: #ff8a62}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--t-2);line-height:1.65;-webkit-font-smoothing:antialiased}::selection{background:var(--ink);color:var(--paper)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.shell{display:flex;flex-direction:column;min-height:100vh;width:min(var(--shell),100% - var(--gutter) * 2);margin-inline:auto}.main{flex:1;padding-bottom:var(--s-7)}.masthead{padding:var(--s-6) 0 var(--s-5);border-bottom:1px solid var(--ink)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:var(--t-5);font-weight:800;letter-spacing:-.01em;line-height:1;color:var(--ink);text-decoration:none}.brand:before{content:"";width:12px;height:12px;background:var(--accent)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid var(--rule)}.search{flex:0 1 288px;min-width:200px}.search input{width:100%;height:38px;padding:0 var(--s-3);font-family:var(--mono);font-size:var(--t-1);color:var(--ink);background:transparent;border:1px solid var(--rule-2);border-radius:0;appearance:none}.search input::placeholder{color:var(--ink-3)}.search input:focus{border-color:var(--ink)}.filters{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-4);min-width:0}.kinds{display:inline-flex;border:1px solid var(--rule-2)}.kinds button{height:32px;padding:0 var(--s-3);font-family:var(--mono);font-size:var(--t-1);letter-spacing:.04em;color:var(--ink-2);background:transparent;border:0;cursor:pointer}.kinds button+button{border-left:1px solid var(--rule-2)}.kinds button:hover{color:var(--ink)}.kinds button[aria-pressed=true]{color:var(--paper);background:var(--ink)}.tags{order:2;display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:0;padding:0;list-style:none}.chip{height:32px;padding:0 var(--s-2);font-family:var(--mono);font-size:var(--t-1);color:var(--ink-2);background:transparent;border:1px solid transparent;cursor:pointer}.chip:hover{color:var(--ink);border-color:var(--rule-2)}.chip[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.chip em{margin-left:5px;font-style:normal;color:var(--ink-3)}.count{order:3;margin:0 0 0 auto;font-family:var(--mono);font-size:var(--t-1);letter-spacing:.06em;color:var(--ink-2);font-variant-numeric:tabular-nums}.entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5);padding-top:var(--s-5)}.entry{position:relative;display:flex;flex-direction:column;border:1px solid var(--rule);transition:border-color .16s ease,background-color .16s ease}.entry:hover,.entry:focus-within{border-color:var(--ink);background:var(--paper-2)}.entry-frame{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--paper-2);border-bottom:1px solid var(--rule)}.entry-shot{position:absolute;top:0;left:0;display:block;border:0;transform-origin:top left;pointer-events:none}.entry-cover{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:top left;pointer-events:none}.entry-no{position:absolute;top:0;left:0;z-index:1;padding:7px 8px;font-family:var(--mono);font-size:var(--t-1);line-height:1;letter-spacing:.06em;color:var(--ink-2);background:var(--paper);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.entry:hover .entry-no{color:var(--paper);background:var(--ink);border-color:var(--ink)}.entry-body{display:flex;flex:1;flex-direction:column;gap:var(--s-2);padding:var(--s-4) var(--s-4) var(--s-4)}.entry-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-1) var(--s-3);font-family:var(--mono);font-size:var(--t-1);letter-spacing:.06em;color:var(--ink-3)}.entry-kind{color:var(--accent-ink)}.entry-new{padding:1px 5px;color:var(--paper);background:var(--accent-ink);letter-spacing:.1em}.entry-share{position:relative;z-index:2;height:28px;margin-left:auto;padding:0 var(--s-2);font-family:var(--mono);font-size:var(--t-1);letter-spacing:.04em;color:var(--ink-2);background:var(--paper);border:1px solid var(--rule-2);cursor:pointer}.entry-share:hover{color:var(--ink);border-color:var(--ink)}.entry-share.done{color:var(--paper);background:var(--ink);border-color:var(--ink)}.entry-title{margin:0;font-size:var(--t-4);font-weight:700;line-height:1.35;letter-spacing:0}.entry:hover .entry-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.entry-desc{margin:0;font-size:var(--t-2);color:var(--ink-2)}.entry-tags{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:auto 0 0;padding:0;list-style:none;font-family:var(--mono);font-size:var(--t-1);color:var(--ink-3)}.entry-link{position:absolute;inset:0;z-index:1}.entry-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.empty{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4);margin-top:var(--s-5);padding:var(--s-6) 0;border-bottom:1px solid var(--rule)}.empty p{margin:0;color:var(--ink-2)}.btn{display:inline-flex;align-items:center;height:36px;padding:0 var(--s-4);font-family:var(--mono);font-size:var(--t-1);letter-spacing:.04em;color:var(--paper);background:var(--ink);border:1px solid var(--ink);text-decoration:none;cursor:pointer}.btn:hover{color:var(--ink);background:transparent}.demo-page{padding-top:var(--s-6)}.demo-head{padding-bottom:var(--s-4);border-bottom:1px solid var(--ink)}.back{font-family:var(--mono);font-size:var(--t-1);letter-spacing:.06em;color:var(--ink-2);text-decoration:none}.back:hover{color:var(--ink);text-decoration:underline}.demo-title{margin:var(--s-4) 0 var(--s-2);font-size:var(--t-5);font-weight:800;line-height:1.2}.demo-desc{max-width:60ch;margin:0 0 var(--s-3);font-size:var(--t-3);color:var(--ink-2)}.demo-meta{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-3);font-family:var(--mono);font-size:var(--t-1);color:var(--ink-3)}.demo-stage{margin-top:var(--s-5)}.demo-loading,.demo-error{display:grid;place-items:center;min-height:40vh;font-family:var(--mono);font-size:var(--t-1);letter-spacing:.04em;color:var(--ink-3);text-align:center}.demo-error pre{max-width:44rem;margin:var(--s-4) 0 0;padding:var(--s-3);overflow:auto;font-size:var(--t-1);color:var(--accent-ink);border:1px solid var(--accent-ink)}.demo-full{position:fixed;inset:0;z-index:50;overflow:auto;background:var(--paper)}.demo-full .demo-stage{margin:0;padding:0;border:0;min-height:100%}.back-float{position:fixed;z-index:60;top:var(--s-3);left:var(--s-3);padding:6px 10px;color:var(--ink);background:var(--paper);border:1px solid var(--ink);text-decoration:none}.embed-root{min-height:100vh}.embed-root>*{height:100vh}.void{padding:var(--s-8) 0 var(--s-7)}.void .void-code{display:inline-block;margin:0 0 var(--s-4);padding-bottom:var(--s-2);font-family:var(--mono);font-size:72px;line-height:1;letter-spacing:-.02em;color:var(--ink);border-bottom:4px solid var(--accent)}.void h1{margin:0 0 var(--s-2);font-size:var(--t-5)}.void p{margin:0 0 var(--s-5);color:var(--ink-2)}@media(max-width:900px){.entries{grid-template-columns:minmax(0,1fr);gap:var(--s-4)}}@media(max-width:640px){:root{--gutter: 16px;--t-5: 1.75rem}.masthead{padding:var(--s-5) 0 var(--s-4)}.brand{font-size:1.75rem}.search{flex:1 1 100%}.filters{flex-basis:100%}.count{order:2}.tags{order:3}.tags{width:100%;flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none}.tags::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;height:34px}.kinds button,.entry-share{height:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}