:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#222124;background:#fdfcfb}
body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.sr-only{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}
.hero{position:relative;isolation:isolate;overflow:hidden;margin-top:30px;border-radius:22px;background:#eeebff;min-height:276px;display:flex;align-items:center}
.hero-copy{z-index:1;padding:38px clamp(26px,4.5vw,70px);pointer-events:none}.series,.serial,.hero-caption,.time,.catalog-title>span{font-family:Consolas,"SFMono-Regular",monospace}
.series{display:flex;gap:9px;align-items:center;color:#483879;font-size:11px;font-weight:700;letter-spacing:2px}.series>span{width:24px;height:2px;background:currentColor}
h1{font-size:clamp(43px,5.2vw,78px);letter-spacing:-.055em;line-height:1.08;margin:18px 0 14px;font-weight:750}h1 span{color:#7654cf}
.hero-copy p{font-size:15px;line-height:1.8;color:#514c62;margin:0}.hero-art{position:absolute;inset:0 0 0 44%;background:url('./flow-study.svg') center/cover no-repeat}.hero-caption{position:absolute;bottom:17px;right:22px;font-size:9px;letter-spacing:1.4px;color:#514378;display:flex;align-items:center;gap:8px}.hero-caption i{width:30px;border-top:1px solid}
.catalog{margin-top:39px}.catalog-bar,.catalog-title{display:flex;align-items:center}.catalog-bar{justify-content:space-between;gap:16px;margin-bottom:19px}.catalog-title{gap:12px}h2{margin:0;font-size:clamp(23px,2.1vw,33px);letter-spacing:-.055em}.catalog-title>span{font-size:12px;border-radius:20px;padding:3px 8px;border:1px solid #d5d1db;color:#66616b}
.search{width:min(100%,320px);display:flex;align-items:center;gap:10px;background:white;border:1px solid #d9d6dc;border-radius:24px;padding:0 13px;height:42px}.search:focus-within{outline:2px solid #9f8dc7;outline-offset:1px}.search svg{fill:none;stroke:#6e6872;stroke-width:1.7;width:18px;height:18px;flex:none}.search input{background:transparent;border:0;outline:0;min-width:0;width:100%;font-size:13px}.search kbd{font:12px Consolas,monospace;color:#6b6570;border:1px solid #dedbe1;padding:1px 5px;border-radius:4px}
.entry{position:relative;border-radius:18px;border:1px solid #dddae1;background:white;overflow:hidden}.entry-link{display:grid;grid-template-columns:1.12fr 1fr;text-decoration:none}.entry-link:focus-visible{outline-offset:-4px}.entry:hover{border-color:#ad9bc4}.entry-media{position:relative;min-width:0;display:grid;place-items:center;padding:24px 12%;background:#dee6f2;background-image:linear-gradient(140deg,#d2dff1,#e5e5f6 75%,#d8d5e9);overflow:hidden}
.film{width:100%;border:1px solid #b5bbd1;border-radius:7px;overflow:hidden;box-shadow:0 8px 18px #3831511e;aspect-ratio:16/9;background:#f5f5f5}.film video{width:100%;height:100%;object-fit:cover;display:block}.time,.preview{position:absolute;left:15px;bottom:14px;display:inline-flex;align-items:center;border-radius:16px;background:#302e39;color:white;font:11px/1.4 Consolas,monospace;letter-spacing:.3px;padding:4px 8px}.time span{font-size:8px;margin-right:4px}
.preview{left:auto;right:calc(47.17% + 14px);border:0;font:12px/1.4 inherit;font-family:inherit;font-size:12px;letter-spacing:0;padding:5px 10px}.preview:hover{background:#574271}
.entry-copy{padding:clamp(22px,3vw,45px);display:flex;align-items:flex-start;flex-direction:column}.serial{font-size:10px;letter-spacing:1.4px;color:#62566c}.pip{height:7px;width:7px;display:inline-block;background:#9871da;border-radius:50%;margin-right:4px}.serial b{color:#79737f;font-weight:400}.entry-copy h3{margin:13px 0 8px;font-size:clamp(24px,2.3vw,34px);letter-spacing:-.05em}.entry-copy p,#empty p{color:#625e68;font-size:14px;line-height:1.8;max-width:35em;margin:0}.tags{display:flex;gap:8px;margin:14px 0 20px}.tags span{font-size:11px;background:#f3f1f5;border-radius:5px;padding:4px 8px;color:#5d5568}.visit{margin-top:auto;font-size:13px;font-weight:650}.visit span{display:inline-block;margin-left:6px}.entry-link:hover .visit{color:#6330a7}
#empty{padding:45px 16px;text-align:center;border:1px dashed #c8c1cd;border-radius:16px}#empty h3{margin:0 0 8px}#empty p{margin:auto}#empty button{background:#292532;color:white;border:0;border-radius:24px;padding:8px 16px;margin-top:18px}[hidden]{display:none!important}
@media(max-width:760px){.entry-link{grid-template-columns:1fr 1fr}.entry-media{padding:22px 5%}.preview{right:calc(50% + 12px)}.hero-art{left:47%}.hero-copy{padding:30px}.hero-copy p{font-size:13px}}
@media(max-width:600px){.hero{margin-top:17px;display:block;min-height:0}.hero-art{position:relative;inset:auto;height:148px;margin-top:-8px;background-size:cover}.hero{display:flex;flex-direction:column;align-items:stretch}.hero-copy{order:-1;padding:25px 23px 0}h1{margin:13px 0 8px;font-size:45px}.hero-art{margin-top:0}.hero-caption{font-size:8px;bottom:9px;right:12px}.catalog{margin-top:26px}.catalog-bar{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:14px}.search{width:100%}.entry-link{grid-template-columns:1fr}.entry-media{aspect-ratio:2/1;padding:14px 12%}.entry-copy{padding:21px}.tags{margin:12px 0 16px}.preview{top:12px;right:12px;bottom:auto}.catalog-title>span{font-size:11px}}