.wrap.home{max-width:none;padding:0;overflow-x:clip}.home-hero{--home-top: 0px;position:relative;box-sizing:border-box;min-height:calc(100vh - var(--home-top));min-height:calc(100dvh - var(--home-top));display:flex;flex-direction:column;justify-content:center;padding:var(--s-8) var(--s-5) calc(var(--s-8) + 40px)}.home-hero>*{width:100%;max-width:780px;margin-inline:auto;box-sizing:border-box}.home .topbar{position:absolute;top:var(--s-3);left:0;right:0;width:auto;max-width:none;margin:0;padding:0 var(--s-5);justify-content:center}.home .channels{padding-top:0}.home header.hero{text-align:center;padding:0 0 var(--s-5)}.home header.hero h1{font-size:var(--t-xl);font-weight:650;letter-spacing:-.01em;margin:0 0 var(--s-1)}.home header.hero p{margin:0;font-size:var(--t-sm);color:var(--ink-soft)}.home .kit{display:none}.home .composer{border-radius:var(--r-lg);display:flex;flex-direction:column}.home .composer textarea{flex:1 1 auto;min-height:168px;font-size:var(--t-lg);padding:var(--s-5) var(--s-5) var(--s-4)}.home .composer-foot{border-top:0;padding-top:0}.home[data-sheet=open] .home-hero{justify-content:flex-start;padding:var(--s-4) var(--s-4) var(--s-4)}.home[data-sheet=open] .composer{max-width:920px;height:calc(100vh - var(--home-top) - var(--s-4) * 2);height:calc(100dvh - var(--home-top) - var(--s-4) * 2);box-shadow:var(--shadow-lg, var(--shadow-md))}.home[data-sheet=open] .composer textarea{min-height:0;max-height:none;height:auto;overflow:auto;line-height:1.65;padding:var(--s-6) max(var(--s-5),calc(50% - 36ch)) var(--s-4)}.home[data-sheet=open] header.hero,.home[data-sheet=open] .home-under,.home[data-sheet=open] .home-cue,.home[data-sheet=open] .making,.home[data-sheet=open] .topbar{display:none}body:has(.home[data-sheet=open]){overflow:hidden}body:has(.home[data-sheet=open]) .lang-strip{display:none}.sheet-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:var(--r-md)}.sheet-toggle svg{width:18px;height:18px}.sheet-toggle .ic-close,.sheet-toggle[aria-pressed=true] .ic-open{display:none}.sheet-toggle[aria-pressed=true] .ic-close{display:block}.home[data-step=modes] .sheet-toggle{display:none}.home-under{display:flex;justify-content:center;margin-top:var(--s-4)}.making{margin-top:var(--s-4)}.making-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}.making-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--dur-s) var(--ease),box-shadow var(--dur-s) var(--ease),border-color var(--dur-s) var(--ease)}html[data-plate=on] .making-item{background:color-mix(in srgb,var(--paper-raised) 86%,transparent);backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08)}.making-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 45%,var(--rule))}.making-item[data-state=ready]{border-color:color-mix(in srgb,var(--accent) 55%,var(--rule))}.making-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);min-height:60px;box-sizing:border-box;color:inherit;text-decoration:none;border-radius:inherit}.making-thumb{position:relative;width:34px;aspect-ratio:7 / 10;border-radius:var(--r-sm);overflow:hidden;background:var(--paper-sunk);border:1px solid var(--rule)}.making-thumb img{width:100%;height:100%;object-fit:cover;display:block}.making-text{display:grid;gap:2px;min-width:0;container:making-text / inline-size}.making-head{display:flex;align-items:baseline;gap:var(--s-2);min-width:0}.making-title{min-width:0;font-size:var(--t-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.making-line{display:flex;align-items:center;gap:var(--s-2);min-width:0;font-size:var(--t-xs);color:var(--ink-soft)}.making-state{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.making-state:has(.muse-sentence){flex:1;overflow:visible;white-space:normal}@container making-text (max-width: 440px){.making-line .muse-sentence{min-height:calc(2 * 1.35em)}}.making-item[data-state=ready] .making-state{color:var(--accent);font-weight:600}.making-item[data-state=stopped] .making-state{color:var(--ink-faint);font-weight:600}.making-eta{flex:none;font-size:var(--t-xs);color:var(--ink-faint);white-space:nowrap}.making-eta::before{content:"·";margin-inline-end:var(--s-2)}.making-read{padding:6px var(--s-4);border-radius:var(--r-full);background:var(--accent);color:var(--paper);font:600 var(--t-xs) var(--font)}.making-close{width:34px;height:34px;margin-inline-end:var(--s-2);display:grid;place-items:center;border:0;border-radius:var(--r-md);background:none;color:var(--ink-faint);cursor:pointer;transition:background var(--dur-s) var(--ease),color var(--dur-s) var(--ease)}.making-close:hover{background:var(--paper-sunk);color:var(--ink)}.making-close svg{width:16px;height:16px}.making-bar{position:absolute;inset-inline:0;bottom:0;height:3px;background:color-mix(in srgb,var(--ink-faint) 14%,transparent)}.making-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2, var(--accent)));transform-origin:0 50%;transform:scaleX(var(--p, 0));transition:transform var(--dur-l) var(--ease)}.making-item[data-state=ready] .making-bar{opacity:0;transition:opacity 1.2s var(--ease) .6s}@media(max-width:720px){.making-read{padding:6px var(--s-3)}}.home-cue{position:absolute;left:50%;bottom:var(--s-5);translate:-50% 0;width:40px;height:40px;max-width:none;margin:0;display:grid;place-items:center;border-radius:var(--r-full);color:var(--ink-faint);border:1px solid var(--rule);background:var(--paper-raised);box-shadow:var(--shadow-sm);text-decoration:none;animation:home-cue-bob 2.4s ease-in-out infinite}.home-cue svg{width:18px;height:18px}.home-cue:hover{color:var(--ink)}@keyframes home-cue-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){.home-cue{animation:none}}.home:not([data-home=grids]) .home-hero{--peek: 290px;min-height:calc(100vh - var(--home-top) - var(--peek));min-height:calc(100dvh - var(--home-top) - var(--peek));padding-bottom:var(--s-5)}.home:not([data-home=grids]) .home-cue{display:none}.home:not([data-home=grids]) .home-shelf{padding-top:var(--s-4)}@media(max-width:720px){.home:not([data-home=grids]) .home-hero{--peek: 360px;padding-top:var(--s-5)}.home:not([data-home=grids]) .composer textarea{min-height:120px}}.home .shelf{--shelf-rest: 28px}@media(max-width:720px){.home .shelf{--shelf-rest: 14px}}.home-shelf{max-width:1200px;margin-inline:auto;box-sizing:border-box;padding:var(--s-8) var(--s-5);display:grid;gap:var(--s-8)}.home section.feed{padding-top:0;min-width:0}.home .feed-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);border:0;margin-bottom:var(--s-5);padding:0}.home section.feed h2{font-size:var(--t-2xl);margin:0;text-transform:none;color:var(--ink);font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing)}[data-font=grotesk] .home section.feed h2{font-family:var(--font);font-weight:650;letter-spacing:-.02em}.home .feed-more{white-space:nowrap}.home .grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s-5)}.home .admin{max-width:1200px;margin:0 auto;padding:0 var(--s-5) var(--s-6);box-sizing:border-box}@media(max-width:720px){.home-hero{--home-top: calc(40px + var(--s-3) * 2);padding:var(--s-6) var(--s-4) calc(var(--s-7) + 40px)}.home .composer textarea{min-height:140px}.home-shelf{padding:var(--s-7) var(--s-4);gap:var(--s-7)}.home .feed-head{flex-direction:column;align-items:flex-start;gap:var(--s-3)}.home section.feed h2{font-size:var(--t-xl)}.home .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s-4)}}.home .composer{view-transition-name:home-box}.home-modes{view-transition-name:home-modes}::view-transition-group(home-box){animation-duration:.5s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}::view-transition-new(home-modes):only-child{animation:home-modes-in .55s cubic-bezier(.2,.7,.2,1) both}::view-transition-old(home-modes):only-child{animation:home-modes-out .3s ease both}@keyframes home-modes-in{from{opacity:0;transform:translateY(28px)}}@keyframes home-modes-out{to{opacity:0;transform:translateY(16px)}}.home[data-step=modes] .composer textarea{min-height:0;max-height:7.5em;font-size:var(--t-md);padding:var(--s-4) var(--s-5)}.home[data-step=modes] .composer-foot{display:none}.home[data-step=modes] header.hero{display:none}.home[data-step=modes] .home-cue{display:none}.home[data-step=modes] .home-hero{justify-content:flex-start;padding-top:calc(var(--s-8) + var(--s-4))}.home[data-step=modes] .home-under .idea-link{display:none}.home-modes{margin-top:var(--s-6)}.home-modes-lead{margin:0 0 var(--s-4);text-align:center;font-size:var(--t-lg);font-weight:650;letter-spacing:-.01em;color:var(--ink)}.mode-grid{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mode-card{display:grid;gap:var(--s-2);justify-items:start;align-content:start;text-align:start;padding:var(--s-5);min-height:150px;background:var(--paper-raised);color:var(--ink);border:1px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);font:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.mode-card:hover,.mode-card:focus-visible{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent);outline:0}.mode-card svg{width:28px;height:28px;color:var(--accent)}.mode-card b{font-size:var(--t-lg);font-weight:650}.mode-card span{font-size:var(--t-sm);color:var(--ink-soft);line-height:1.5}.home[data-mode=legacy] .mode-card[data-mode=legacy]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.mode-card-series,.mode-card-volume{cursor:default}.mode-card-series:hover,.mode-card-volume:hover{transform:none;box-shadow:var(--shadow-sm);border-color:var(--rule)}.mode-card-series:focus-within,.mode-card-volume:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.home[data-mode=series] .mode-card-series,.home[data-mode=volume] .mode-card-volume{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.mode-count{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;width:100%;margin-top:var(--s-1);font-size:var(--t-sm);color:var(--ink-soft)}.mode-count label{font-weight:600;color:var(--ink)}.mode-count input{width:5.5ch;min-height:40px;padding:0 var(--s-2);font:inherit;font-size:max(16px,var(--t-md));text-align:center;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-md)}.mode-count input:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.mode-count output{white-space:nowrap}.mode-card-series .btn,.mode-card-volume .btn{margin-top:var(--s-1)}.mode-card.placeholder{border-style:dashed;box-shadow:none;cursor:default;color:var(--ink-faint)}.mode-card.placeholder svg,.mode-card.placeholder b{color:var(--ink-faint)}.mode-card.placeholder:hover{transform:none;border-color:var(--rule)}html[data-plate=on] .mode-card{background:var(--paper-raised);background:color-mix(in srgb,var(--paper-raised) 88%,transparent);backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08)}.home-legacy{margin-top:var(--s-5);display:grid;gap:var(--s-4)}.home-legacy .kit{display:flex}.home-legacy .kit-bar{display:none}.home-legacy .kit-body{margin-top:0}.home-legacy-foot{display:flex;justify-content:flex-end}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){body:has(main.home) .plate{animation:home-drift linear both;animation-timeline:scroll(root);animation-range:0 200vh}.home[data-step=box] .home-hero>:not(.topbar):not(.home-cue),.home:not([data-step]) .home-hero>:not(.topbar):not(.home-cue){animation:home-sink linear both;animation-timeline:scroll(root);animation-range:0 70vh}.home-shelf .feed-head{animation:home-rise linear both;animation-timeline:view();animation-range:entry 0% entry 70%}.home-shelf .card{animation:home-rise linear both;animation-timeline:view();animation-range:entry 0% entry 50%}.home-shelf .shelf-track .card{animation:none}.home-shelf .shelf{animation:home-rise-flat linear both;animation-timeline:view();animation-range:entry 0% entry 50%}}}@keyframes home-drift{to{transform:scale(1.08) translateY(-3%)}}@keyframes home-sink{to{opacity:0;transform:translateY(-48px)}}@keyframes home-rise{from{opacity:0;transform:translateY(32px) scale(.985)}}@keyframes home-rise-flat{from{opacity:0;transform:translateY(32px)}}@media(max-width:720px){body:has(main.home) .plate{animation:none}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:0}}.hpop{position:fixed;z-index:65;left:var(--x, 50%);top:var(--y, 50%);width:332px;box-sizing:border-box;margin:0;padding:var(--s-3) var(--s-4) var(--s-4);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title cancel" "say say" "box box" "retry retry";align-items:center;gap:var(--s-2) var(--s-3);background:var(--paper-raised);color:var(--ink);border:1px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--shadow-md);outline:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.96);transform-origin:var(--arrow-x, 90%) calc(100% + 14px);transition:opacity .16s var(--ease),transform .16s var(--ease),visibility 0s linear .16s}.hpop[data-open="1"]{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity var(--dur-l) var(--ease),transform var(--dur-l) var(--ease),visibility 0s}.hpop::after{content:"";position:absolute;left:calc(var(--arrow-x, 50%) - 7px);bottom:-7px;width:14px;height:14px;background:inherit;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);border-bottom-right-radius:3px;transform:rotate(45deg)}.hpop[data-side=below]{transform-origin:var(--arrow-x, 90%) -14px}.hpop[data-side=below]::after{bottom:auto;top:-7px;transform:rotate(225deg)}.hpop[data-side=free]{transform-origin:50% 50%}.hpop[data-side=free]::after,.hpop[data-side=sheet]::after{display:none}.hpop-title{grid-area:title;margin:0;font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-size:var(--t-md);line-height:1.25}.hpop-cancel{grid-area:cancel;padding:6px var(--s-3)}.hpop-say{grid-area:say;margin:0;font-size:var(--t-sm);line-height:1.45;color:var(--ink-soft);display:none}.hpop[data-state=refused] .hpop-say{display:block}.hpop-box{grid-area:box;display:grid;place-items:center;min-height:65px}.hpop-box>*{grid-area:1 / 1}.hpop-wait{font-size:var(--t-xs);color:var(--ink-faint)}.hpop[data-state=refused] .hpop-box{display:none}.hpop-retry{grid-area:retry;justify-self:start;display:none}.hpop[data-state=refused] .hpop-retry{display:inline-flex}.hpop-grab,.hpop-mark,.hpop-dim{display:none}@media(max-width:720px){.hpop{left:0;right:0;top:auto;bottom:0;width:auto;padding:var(--s-2) var(--s-5) calc(var(--s-5) + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr);grid-template-areas:"grab" "mark" "title" "say" "box" "retry" "cancel";justify-items:center;text-align:center;gap:var(--s-3);border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:0;opacity:1;transform:translateY(100%);transition:transform var(--dur-s) var(--ease),visibility 0s linear var(--dur-s)}.hpop[data-open="1"]{transform:none;transition:transform var(--dur-l) var(--ease),visibility 0s}.hpop-grab{display:block;grid-area:grab;width:40px;height:5px;border-radius:3px;background:color-mix(in srgb,var(--ink-faint) 45%,transparent)}.hpop-mark{display:grid;grid-area:mark;place-items:center;width:40px;height:40px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent)}.hpop-mark svg{width:22px;height:22px}.hpop-say{display:block}.hpop-cancel{width:100%;min-height:44px}.hpop-retry{justify-self:stretch;min-height:44px}.hpop-dim{display:block;position:fixed;inset:0;z-index:64;background:rgb(8 6 12 / .55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity var(--dur-s) var(--ease)}.hpop-dim[data-open="1"]{opacity:1;transition-duration:var(--dur-l)}}@media(prefers-reduced-motion:reduce){.hpop,.hpop[data-open="1"],.hpop-dim,.hpop-dim[data-open="1"]{transition:none}.hpop{transform:none}}
