@layer quartz-base{.onefleck-post-head,.onefleck-page-head{padding-top:34px}.onefleck-crumb{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg4);flex-wrap:wrap;gap:8px;font-size:10px;display:flex}.onefleck-crumb a:hover>span{color:var(--fg)}.onefleck-crumb-series{color:var(--accent)}.onefleck-post-head h1,.onefleck-page-head h1{letter-spacing:-.03em;color:var(--fg);word-break:keep-all;margin:18px 0 0;font-size:40px;font-weight:400;line-height:1.34}.onefleck-post-head-meta{border-bottom:1px solid var(--rule);font-family:var(--mono);color:var(--fg4);flex-wrap:wrap;gap:16px;margin-top:20px;padding-bottom:32px;font-size:11px;display:flex}.onefleck-listen{align-items:baseline;gap:10px;display:inline-flex}.onefleck-listen button{cursor:pointer;font:inherit;color:var(--accent);background:0 0;border:0;align-items:baseline;gap:5px;padding:0;display:inline-flex}.onefleck-listen button:hover{color:var(--fg)}.onefleck-listen svg{fill:currentColor;align-self:center;width:9px;height:9px}.onefleck-listen-pause,.onefleck-listen[data-state=playing] .onefleck-listen-play{display:none}.onefleck-listen[data-state=playing] .onefleck-listen-pause{display:inline}.markdown-rendered .onefleck-reading{background-color:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:3px;transition:background-color .2s,box-shadow .2s}.onefleck-player{left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.onefleck-player[hidden]{display:none}.onefleck-player-bar{--player-bg:color-mix(in srgb, var(--accent) 13%, var(--bg));--player-rule:color-mix(in srgb, var(--accent) 30%, var(--bg));border:1px solid var(--player-rule);background:var(--player-bg);max-width:100%;font-family:var(--mono);color:var(--fg2);pointer-events:auto;border-radius:999px;align-items:center;gap:2px;padding:5px;font-size:12px;display:flex;box-shadow:0 12px 32px -14px #00000052,0 2px 6px -2px #0000001f}.onefleck-player-btn{cursor:pointer;font:inherit;white-space:nowrap;color:var(--fg2);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:9px 12px;display:inline-flex}.onefleck-player-btn:hover{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--fg)}.onefleck-player-btn:disabled{cursor:default;color:var(--fg4);opacity:.5;background:0 0}.onefleck-player-main{color:var(--accent)}.onefleck-player svg{fill:currentColor;flex:none;width:10px;height:10px}.onefleck-player-play,.onefleck-player[data-state=playing] .onefleck-player-pause{display:inline}.onefleck-player-pause,.onefleck-player[data-state=playing] .onefleck-player-play{display:none}.onefleck-player-count{border-left:1px solid var(--player-rule);border-right:1px solid var(--player-rule);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--fg3);padding:0 10px}@media (max-width:480px){.onefleck-player{padding:0 12px}.onefleck-player-btn{gap:5px;padding:9px 10px}.onefleck-player-count{padding:0 8px}}@media (max-width:389px){.onefleck-player-text{display:none}.onefleck-player-btn{padding:10px 13px}}@media (max-width:800px){.onefleck-post-head,.onefleck-page-head{padding-top:40px}.onefleck-post-head h1,.onefleck-page-head h1{font-size:30px}}}