.ui{pointer-events:none;color:#e9eef4;--accent:#ff9ec4;font-family:Hiragino Sans,Noto Sans JP,system-ui,-apple-system,sans-serif;font-weight:300;position:absolute;inset:0}.ui-title{position:absolute;top:26px;left:30px}.ui-title h1{letter-spacing:.08em;margin:0;font-size:21px;font-weight:400}.ui-sub{letter-spacing:.04em;color:#8b9aab;margin:6px 0 0;font-size:11px}.ui-side{text-align:right;flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:22px;right:32px}.ui-date{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:200}.ui-counts{flex-direction:column;gap:3px;margin-top:10px;display:flex}.ui-count-row{justify-content:flex-end;align-items:center;gap:7px;font-size:13px;transition:opacity .16s;display:flex}.ui-count-row.is-off{opacity:.4}.ui-swatch{border-radius:50%;width:7px;height:7px}.ui-count-label{color:#93a2b0;letter-spacing:.06em}.ui-count-value{text-align:right;font-variant-numeric:tabular-nums;min-width:98px}.ui-feed{flex-direction:column;gap:7px;width:252px;display:flex;position:absolute;top:88px;left:30px}.ui-card{border-left:2px solid var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a10178c;border-radius:4px;padding:8px 11px 9px;transition:opacity .42s,transform .42s}.ui-card-head{align-items:baseline;gap:7px;margin-bottom:4px;display:flex}.ui-card-date{letter-spacing:.08em;color:#6d7a87;font-variant-numeric:tabular-nums;font-size:9px}.ui-card-mode{letter-spacing:.1em;color:var(--accent);font-size:10px}.ui-card-ja{letter-spacing:.06em;color:#dce6ef;font-size:13px;line-height:1.45}.ui-card-en{letter-spacing:.04em;color:#8b9aab;margin-top:3px;font-size:10px;line-height:1.5}.ui-pills{pointer-events:auto;flex-direction:column;gap:7px;margin-top:20px;display:flex}.ui-pill{color:#93a2b0;text-align:right;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a101780;border:1px solid #33404e;border-radius:6px;flex-direction:column;align-items:flex-end;gap:1px;min-width:108px;padding:7px 15px 8px;font-family:inherit;font-weight:300;transition:border-color .16s,color .16s,background .16s;display:flex}.ui-pill:hover{color:#d4dde6;border-color:#5a6a7a}.ui-pill.is-active{border-color:var(--accent);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);background:#0a1017cc}.ui-hint{letter-spacing:.08em;color:#5f6c79;flex-direction:column;gap:2px;margin-top:10px;font-size:9px;display:flex}.ui-pill-ja{letter-spacing:.06em;font-size:15px}.ui-pill-en{letter-spacing:.05em;opacity:.6;font-size:9px}.ui-bottom{pointer-events:auto;align-items:flex-end;gap:14px;width:min(900px,86vw);display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.ui-play{color:#cbd6e0;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a101780;border:1px solid #33404e;border-radius:50%;flex:none;width:30px;height:30px;margin-bottom:12px;font-size:11px}.ui-play:hover{border-color:#5a6a7a}.ui-track{cursor:ew-resize;-webkit-user-select:none;user-select:none;flex:1;padding-top:6px}.ui-graph{width:100%;height:46px;display:block}.ui-scrub{appearance:none;pointer-events:none;background:#2b3743;border-radius:2px;outline:none;width:100%;height:3px;margin:0;display:block}.ui-scrub::-webkit-slider-thumb{appearance:none;background:var(--accent);border:none;border-radius:50%;width:11px;height:11px}.ui-scrub::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;width:11px;height:11px}.ui-months{letter-spacing:.08em;color:#5f6c79;justify-content:space-between;margin-top:5px;font-size:9px;display:flex}