@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=DM+Mono:wght@500&family=Figtree:wght@400..800&display=swap";:root,[data-theme=light]{--paper:#fbf4e8;--surface:#fffdf7c7;--surface-sunk:#d6ba9247;--ink:#2b1d14;--ink-muted:#6b5848;--line:#ead7bd;--line-strong:#2b1d14;--on-color:#2b1d14;--tomato:#ec5a3a;--tomato-pool:#b5321a;--tomato-text:#b8341b;--lilac:#b48be0;--lilac-pool:#7f52b8;--lilac-text:#6f3fae;--accent:var(--lilac);--accent-pool:var(--lilac-pool);--accent-text:var(--lilac-text);--mustard:#f4b72e;--mustard-pool:#c98a0b;--mint:#44c3a2;--mint-pool:#1f8f73;--friend-1:#f27db6;--friend-1-pool:#c24a87;--friend-2:#5ea8e8;--friend-2-pool:#2f73b4;--friend-3:#9fcb4f;--friend-3-pool:#6b9524;--friend-4:var(--mustard);--friend-5:var(--mint);--friend-6:#f2955c;--friend-6-pool:#c0622a;--friend-4-pool:var(--mustard-pool);--friend-5-pool:var(--mint-pool);--friend-1-text:#a8306c;--friend-2-text:#23649f;--friend-3-text:#4e6f17;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:10px;--radius-chip:11px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--wash-offset:4px;--wash-offset-lg:6px;--pen-width:1.6px;--icon-stroke:1.9px;--bloom-blur:90px;--font-display:"Bricolage Grotesque", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body:"Figtree", system-ui, -apple-system, sans-serif;--font-mono:"DM Mono", ui-monospace, "SF Mono", monospace}[data-theme=dark]{--paper:#1e1813;--surface:#30271ed1;--surface-sunk:#78624a61;--ink:#f8ecda;--ink-muted:#c9b59d;--line:#4a3d30;--line-strong:#e9d7bd;--on-color:#2b1d14;--tomato:#ff6e4f;--tomato-pool:#ff9a80;--tomato-text:#ff9479;--lilac:#c4a2ee;--lilac-pool:#e2ccff;--lilac-text:#d4b8ff;--accent:var(--lilac);--accent-pool:var(--lilac-pool);--accent-text:var(--lilac-text);--mustard:#f6c048;--mustard-pool:#ffe08a;--mint:#4ccaa8;--mint-pool:#9ff0d6;--friend-1:#f58cc0;--friend-1-pool:#ffb8db;--friend-2:#72b4ee;--friend-2-pool:#b0d8ff;--friend-3:#aed65f;--friend-3-pool:#d6f29c;--friend-4:var(--mustard);--friend-5:var(--mint);--friend-6:#f5a070;--friend-6-pool:#ffc8a2;--friend-4-pool:var(--mustard-pool);--friend-5-pool:var(--mint-pool);--friend-1-text:#ffa3cf;--friend-2-text:#9fcdf7;--friend-3-text:#c3e486}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#1e1813;--surface:#30271ed1;--surface-sunk:#78624a61;--ink:#f8ecda;--ink-muted:#c9b59d;--line:#4a3d30;--line-strong:#e9d7bd;--on-color:#2b1d14;--tomato:#ff6e4f;--tomato-pool:#ff9a80;--tomato-text:#ff9479;--lilac:#c4a2ee;--lilac-pool:#e2ccff;--lilac-text:#d4b8ff;--accent:var(--lilac);--accent-pool:var(--lilac-pool);--accent-text:var(--lilac-text);--mustard:#f6c048;--mustard-pool:#ffe08a;--mint:#4ccaa8;--mint-pool:#9ff0d6;--friend-1:#f58cc0;--friend-1-pool:#ffb8db;--friend-2:#72b4ee;--friend-2-pool:#b0d8ff;--friend-3:#aed65f;--friend-3-pool:#d6f29c;--friend-4:var(--mustard);--friend-5:var(--mint);--friend-6:#f5a070;--friend-6-pool:#ffc8a2;--friend-4-pool:var(--mustard-pool);--friend-5-pool:var(--mint-pool);--friend-1-text:#ffa3cf;--friend-2-text:#9fcdf7;--friend-3-text:#c3e486}}.yap-display{font-family:var(--font-display);letter-spacing:-.02em;font-size:40px;font-weight:800;line-height:42px}.yap-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:28px;font-weight:800;line-height:32px}.yap-heading{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:26px}.yap-body{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:24px}.yap-body-strong{font-family:var(--font-body);font-size:16px;font-weight:700;line-height:24px}.yap-caption{font-family:var(--font-body);font-size:13px;font-weight:500;line-height:18px}.yap-label{font-family:var(--font-body);letter-spacing:.06em;font-size:12px;font-weight:800;line-height:16px}.yap-timer{font-family:var(--font-mono);font-size:44px;font-weight:500;line-height:48px}.yb-root{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45  0 0 0 0 .36  0 0 0 0 .25  0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23p)'/%3E%3C/svg%3E")}.yb-root *,.yb-root :before,.yb-root :after{box-sizing:border-box}.yb-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.yb-stack{gap:var(--space-4);flex-direction:column;display:flex}.yb-wash{isolation:isolate;--yb-off:var(--wash-offset);--yb-pig:var(--surface);--yb-pool:color-mix(in srgb, var(--ink-muted) 25%, transparent);background:0 0;border:0;position:relative}.yb-wash:before{content:"";z-index:-2;border-radius:inherit;background:var(--yb-pig);box-shadow:inset 0 0 0 2.5px var(--yb-pool);filter:var(--yb-wash-filter,url(#yb-wash-0));transform:translate(var(--yb-off), var(--yb-off));transition:transform .12s ease-out;position:absolute;inset:0}.yb-wash:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;border:var(--pen-width) solid var(--line-strong);filter:var(--yb-line-filter,url(#yb-line-0));position:absolute;inset:0}.yb-s1{--yb-wash-filter:url(#yb-wash-1);--yb-line-filter:url(#yb-line-1)}.yb-s2{--yb-wash-filter:url(#yb-wash-2);--yb-line-filter:url(#yb-line-2)}.yb-s3{--yb-wash-filter:url(#yb-wash-3);--yb-line-filter:url(#yb-line-3)}.yb-wash--flat{--yb-off:0px}.yb-wash--loud{--yb-off:var(--wash-offset-lg)}.yb-wash--no-line:after{display:none}.yb-wash--press{transition:transform .12s ease-out}.yb-wash--press:active:not(:disabled){transform:translate(3px,3px)}.yb-wash--press:active:not(:disabled):before{transform:translate(calc(var(--yb-off) - 3px), calc(var(--yb-off) - 3px))}.yb-p-tomato{--yb-pig:var(--tomato);--yb-pool:var(--tomato-pool)}.yb-p-accent{--yb-pig:var(--accent);--yb-pool:var(--accent-pool)}.yb-p-lilac{--yb-pig:var(--lilac);--yb-pool:var(--lilac-pool)}.yb-p-rose{--yb-pig:var(--friend-1);--yb-pool:var(--friend-1-pool)}.yb-p-sky{--yb-pig:var(--friend-2);--yb-pool:var(--friend-2-pool)}.yb-p-sap{--yb-pig:var(--friend-3);--yb-pool:var(--friend-3-pool)}.yb-accent-lilac{--accent:var(--lilac);--accent-pool:var(--lilac-pool);--accent-text:var(--lilac-text)}.yb-accent-tomato{--accent:var(--tomato);--accent-pool:var(--tomato-pool);--accent-text:var(--tomato-text)}.yb-accent-rose{--accent:var(--friend-1);--accent-pool:var(--friend-1-pool);--accent-text:var(--friend-1-text)}.yb-accent-sky{--accent:var(--friend-2);--accent-pool:var(--friend-2-pool);--accent-text:var(--friend-2-text)}.yb-accent-sap{--accent:var(--friend-3);--accent-pool:var(--friend-3-pool);--accent-text:var(--friend-3-text)}.yb-p-mustard{--yb-pig:var(--mustard);--yb-pool:var(--mustard-pool)}.yb-p-mint{--yb-pig:var(--mint);--yb-pool:var(--mint-pool)}.yb-p-sienna{--yb-pig:var(--surface-sunk);--yb-pool:color-mix(in srgb, var(--ink-muted) 40%, transparent)}.yb-c1{--yb-pig:var(--friend-1);--yb-pool:var(--friend-1-pool)}.yb-c2{--yb-pig:var(--friend-2);--yb-pool:var(--friend-2-pool)}.yb-c3{--yb-pig:var(--friend-3);--yb-pool:var(--friend-3-pool)}.yb-c4{--yb-pig:var(--friend-4);--yb-pool:var(--friend-4-pool)}.yb-c5{--yb-pig:var(--friend-5);--yb-pool:var(--friend-5-pool)}.yb-c6{--yb-pig:var(--friend-6);--yb-pool:var(--friend-6-pool)}.yb-btn:focus-visible,.yb-tag:focus-visible,.yb-rec__btn:focus-visible,.yb-card--link:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.yb-btn{font:700 16px/24px var(--font-body);color:var(--ink);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;min-height:48px;display:inline-flex}.yb-btn--primary{color:var(--on-color)}.yb-btn--ghost{color:var(--accent-text)}.yb-btn--danger{color:var(--tomato-text)}.yb-btn--ghost:before,.yb-btn--ghost:after{display:none}.yb-btn--ghost:active:before{--yb-pig:var(--surface-sunk);box-shadow:none;display:block;transform:none}.yb-btn--sm{min-height:36px;padding:6px var(--space-3);border-radius:var(--radius-sm);font-size:14px}.yb-btn--block{width:100%;display:flex}.yb-btn:disabled{opacity:.45;cursor:not-allowed}.yb-avatar{--yb-size:40px;--yb-off:0px;width:var(--yb-size);height:var(--yb-size);color:var(--on-color);font:800 calc(var(--yb-size) * .38)/1 var(--font-display);letter-spacing:-.02em;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;display:inline-grid}.yb-avatar--sm{--yb-size:28px}.yb-avatar--lg{--yb-size:88px;--yb-off:var(--wash-offset)}.yb-astack{align-items:center;display:inline-flex}.yb-astack>*+*{margin-left:-10px}.yb-astack .yb-avatar,.yb-astack__more{box-shadow:0 0 0 2px var(--paper)}.yb-astack__more{--yb-size:28px;--yb-off:0px;width:var(--yb-size);height:var(--yb-size);color:var(--ink);font:800 11px/1 var(--font-body);border-radius:50%;place-items:center;display:inline-grid}.yb-tag{align-items:center;gap:var(--space-2);padding:4px var(--space-3) 4px 4px;border-radius:var(--radius-pill);min-height:40px;color:var(--ink);font:700 15px/20px var(--font-body);cursor:pointer;--yb-off:0px;transition:transform .12s;display:inline-flex}.yb-tag[aria-pressed=true]{color:var(--on-color);--yb-off:var(--wash-offset);--yb-pig:var(--mustard);--yb-pool:var(--mustard-pool)}.yb-tag:active{transform:scale(.96)}.yb-tag__check{border:2px solid;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:900;line-height:1;display:inline-grid}.yb-tag[aria-pressed=false] .yb-tag__check{opacity:.55}.yb-tag--add{padding-left:var(--space-3);color:var(--accent-text)}.yb-tag--add:before{display:none}.yb-tag--add:after{border-style:dashed}.yb-rec{align-items:center;gap:var(--space-4);padding:var(--space-4);flex-direction:column;display:flex}.yb-rec__timer{font:500 44px/48px var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink)}.yb-rec__timer--idle{color:var(--ink-muted)}.yb-rec__live{font:800 12px/16px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);align-items:center;gap:6px;display:inline-flex}.yb-rec__live:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.yb-rec__btn{cursor:pointer;border-radius:50%;place-items:center;width:132px;height:132px;display:grid}.yb-rec__glyph{background:var(--on-color);border-radius:50%;width:40px;height:40px;transition:border-radius .16s,width .16s,height .16s}.yb-rec__btn[aria-pressed=true] .yb-rec__glyph{border-radius:8px;width:36px;height:36px}.yb-rec__bloom{z-index:-3;background:var(--accent);opacity:0;pointer-events:none;filter:url(#yb-bloom);transform:translate(var(--wash-offset-lg), var(--wash-offset-lg));border-radius:50%;position:absolute;inset:0}.yb-rec__btn[aria-pressed=true] .yb-rec__bloom{animation:2.6s ease-out infinite yb-bloom}.yb-rec__label{font:700 16px/24px var(--font-body);color:var(--ink)}@keyframes yb-bloom{0%{opacity:.5;transform:translate(var(--wash-offset-lg), var(--wash-offset-lg)) scale(1)}to{opacity:0;transform:translate(var(--wash-offset-lg), var(--wash-offset-lg)) scale(1.4)}}.yb-wave{filter:url(#yb-stroke);align-items:center;gap:4px;height:56px;display:flex}.yb-wave__bar{background:var(--mustard);width:6px;min-height:6px;box-shadow:inset 0 0 0 1.5px var(--mustard-pool);transform:rotate(var(--yb-lean,0deg));border-radius:50% 50% 40% 40%/22% 22% 30% 30%;flex:none}.yb-wave__bar--unplayed{background:var(--surface-sunk);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--ink-muted) 60%, transparent)}.yb-wave--live .yb-wave__bar{transform-origin:50%;animation:.9s ease-in-out infinite alternate yb-sway}@keyframes yb-sway{0%{transform:rotate(calc(var(--yb-lean,0deg) - 3deg)) scaleY(.55)}to{transform:rotate(calc(var(--yb-lean,0deg) + 3deg)) scaleY(1)}}.yb-card{gap:var(--space-2);padding:var(--space-4);color:var(--ink);border-radius:var(--radius-lg);text-align:left;font-family:var(--font-body);flex-direction:column;width:100%;display:flex}.yb-card--link{cursor:pointer}.yb-card__meta{justify-content:space-between;align-items:center;gap:var(--space-2);font:500 13px/18px var(--font-body);color:var(--ink-muted);display:flex}.yb-card__end{align-items:center;gap:var(--space-2);display:inline-flex}.yb-card__status{color:var(--ink-muted);display:inline-flex}.yb-card__status--done{color:var(--mint-pool)}.yb-pill{border-radius:var(--radius-pill);color:var(--ink);font:700 12px/18px var(--font-body);font-variant-numeric:tabular-nums;--yb-off:0px;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.yb-pill:after{display:none}.yb-card__title{font:700 20px/26px var(--font-display);letter-spacing:-.01em;margin:0}.yb-card__snippet{font:400 15px/22px var(--font-body);color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.yb-card__foot{align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:2px dotted var(--line);margin-top:var(--space-1);font:500 13px/18px var(--font-body);color:var(--ink-muted);display:flex}.yb-prof{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4) var(--space-4);text-align:center;border-radius:var(--radius-lg);color:var(--on-color);flex-direction:column;display:flex}.yb-prof .yb-avatar--lg{--yb-pig:var(--surface);--yb-pool:color-mix(in srgb, var(--ink-muted) 25%, transparent);color:var(--ink)}.yb-prof__name{font:800 40px/42px var(--font-display);letter-spacing:-.02em;margin:0}.yb-prof__since{font:500 13px/18px var(--font-body)}.yb-prof__stats{gap:var(--space-2);width:100%;margin-top:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.yb-stat{color:var(--ink);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-1);--yb-off:0px;flex-direction:column;gap:2px;min-width:0;display:flex}.yb-stat__value{font:800 22px/26px var(--font-display);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.yb-stat__label{font:800 11px/14px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.yb-crew{gap:var(--space-4);scrollbar-width:none;padding:0 var(--space-4) var(--space-1);margin:0 calc(var(--space-4) * -1);display:flex;overflow-x:auto}.yb-crew::-webkit-scrollbar{display:none}.yb-crew__member{align-items:center;gap:var(--space-1);min-width:48px;color:var(--ink);cursor:pointer;font:500 13px/18px var(--font-body);background:0 0;border:0;flex-direction:column;flex:none;padding:0;display:flex}.yb-crew__member:active .yb-avatar{transform:scale(.96)}.yb-crew__member:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:var(--radius-sm)}.yb-crew__name{text-overflow:ellipsis;white-space:nowrap;max-width:64px;overflow:hidden}.yb-colors{gap:var(--space-1);display:flex}.yb-swatch{cursor:pointer;background:0 0;border:3px solid #0000;border-radius:50%;padding:3px;transition:transform .12s}.yb-swatch[aria-checked=true]{border-color:var(--ink)}.yb-swatch:active{transform:scale(.96)}.yb-swatch:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.yb-player{align-items:stretch;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);--yb-off:0px;flex-direction:column;display:flex}.yb-player:after{display:none}.yb-player__scrub{cursor:pointer;border-radius:var(--radius-sm);touch-action:none;justify-content:center;display:flex}.yb-player__scrub[aria-disabled=true]{cursor:not-allowed;opacity:.45}.yb-player__scrub:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.yb-player__clocks{font:700 13px/18px var(--font-body);font-variant-numeric:tabular-nums;color:var(--ink-muted);justify-content:space-between;display:flex}.yb-player__controls{justify-content:center;align-items:center;gap:var(--space-6);display:flex}.yb-player__play{cursor:pointer;border-radius:50%;flex:none;place-items:center;width:72px;height:72px;display:grid}.yb-player__play:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.yb-player__play:disabled{opacity:.45;cursor:not-allowed}.yb-player__glyph{border-style:solid;border-width:13px 0 13px 22px;border-color:transparent transparent transparent var(--on-color);width:0;height:0;margin-left:5px}.yb-player__play[aria-pressed=true] .yb-player__glyph{background:var(--on-color);width:8px;height:26px;box-shadow:14px 0 0 var(--on-color);border:0;border-radius:4px;margin-left:-14px}.yb-icon{fill:none;stroke:currentColor;stroke-width:var(--icon-stroke,1.9px);stroke-linecap:round;stroke-linejoin:round;flex:none}.yb-chip{--yb-off:0px;border-radius:var(--radius-chip,11px);width:36px;height:36px;color:var(--on-color);flex:none;place-items:center;display:inline-grid}.yb-chip:after{display:none}.yb-chip.yb-p-sienna{color:var(--ink)}.yb-chip .yb-icon{width:20px;height:20px}.yb-chip--lg{border-radius:18px;width:60px;height:60px}.yb-chip--lg .yb-icon{width:32px;height:32px}.yb-group{gap:var(--space-2);flex-direction:column;display:flex}.yb-group__label{font:800 12px/16px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin:0;padding:0 4px}.yb-group__card{--yb-off:0px;padding:2px var(--space-4);border-radius:var(--radius-lg);flex-direction:column;display:flex}.yb-group__card:after{display:none}.yb-srow{align-items:center;gap:var(--space-3);width:100%;min-height:60px;padding:var(--space-2) 0;color:var(--ink);text-align:left;font:700 16px/22px var(--font-body);cursor:pointer;background:0 0;border:0;text-decoration:none;display:flex}.yb-srow+.yb-srow{border-top:1px solid var(--line)}div.yb-srow{cursor:default}.yb-srow:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:var(--radius-sm)}.yb-srow__label{flex:1;min-width:0}.yb-srow__value{font:500 14px/18px var(--font-body);color:var(--ink-muted);align-items:center;gap:6px;display:inline-flex}.yb-srow__chev{width:18px;height:18px;color:var(--ink-muted)}.yb-srow__dot{background:var(--accent);width:14px;height:14px;box-shadow:inset 0 0 0 2px var(--accent-pool);border-radius:50%}.yb-badge{--yb-off:0px;border-radius:var(--radius-pill);color:var(--on-color);font:700 13px/18px var(--font-body);align-items:center;gap:4px;padding:3px 10px 3px 7px;display:inline-flex}.yb-badge:after{display:none}.yb-badge .yb-icon{width:14px;height:14px}.yb-switch{appearance:none;border-radius:var(--radius-pill);background:var(--surface-sunk);border:var(--pen-width) solid var(--line-strong);cursor:pointer;flex:none;width:52px;height:32px;margin:0;transition:background-color .2s;position:relative}.yb-switch:after{content:"";background:var(--paper);border:var(--pen-width) solid var(--line-strong);border-radius:50%;width:23px;height:23px;transition:transform .2s;position:absolute;top:3px;left:3px}.yb-switch:checked{background:var(--accent)}.yb-switch:checked:after{transform:translate(20px)}.yb-switch:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.yb-accents{justify-content:space-between;gap:var(--space-1);display:flex}.yb-accent{width:64px;color:var(--ink);font:600 13px/16px var(--font-body);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.yb-accent__ring{border:3px solid #0000;border-radius:50%;padding:3px;transition:border-color .12s}.yb-accent[aria-checked=true] .yb-accent__ring{border-color:var(--ink)}.yb-accent__disc{--yb-off:0px;width:46px;height:46px;color:var(--on-color);border-radius:50%;place-items:center;display:grid}.yb-accent__disc:after{display:none}.yb-accent__disc .yb-icon{width:22px;height:22px}.yb-accent:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.yb-ground{z-index:-1;pointer-events:none;--yb-bloom:.5;width:100%;height:100%;position:absolute;inset:0}.yb-ground ellipse{stroke-width:5px;stroke-opacity:.55}.yb-ground__a{fill:var(--accent);stroke:var(--accent-pool);opacity:var(--yb-bloom)}.yb-ground__b{fill:var(--accent-pool);stroke:var(--accent-pool);opacity:calc(var(--yb-bloom) * .6)}.yb-ground__c{fill:var(--friend-1);stroke:var(--friend-1-pool);opacity:calc(var(--yb-bloom) * .6)}.yb-ground__d{fill:var(--friend-2);stroke:var(--friend-2-pool);opacity:calc(var(--yb-bloom) * .6)}[data-theme=dark] .yb-ground{--yb-bloom:.3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .yb-ground{--yb-bloom:.3}}@media (prefers-reduced-motion:reduce){.yb-rec__btn[aria-pressed=true] .yb-rec__bloom,.yb-wave--live .yb-wave__bar{animation:none}.yb-wash:before,.yb-wash--press,.yb-tag,.yb-rec__glyph,.yb-swatch{transition:none}}@media (prefers-reduced-transparency:reduce){.yb-wash:before{filter:none;box-shadow:none}.yb-wash:after,.yb-wave{filter:none}.yb-root{background-image:none}.yb-ground g{filter:none}}:root{--sidebar-width:220px;--content-width:1200px;--tile-width:200px;--card-width:280px;--form-width:480px;--touch-target:44px;--focus-width:3px;--focus-offset:2px}body{margin:0}a{color:var(--accent-text);text-underline-offset:var(--space-1)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:var(--focus-width) solid var(--ink);outline-offset:var(--focus-offset)}h1:focus{outline:none}h1,h2,h3,p{margin:0}p{line-height:1.5}.app-layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100dvh;display:grid}.sidebar{padding:var(--space-8) var(--space-6);gap:var(--space-8);border-right:var(--pen-width) solid var(--line);flex-direction:column;display:flex}.wordmark{color:var(--ink);text-decoration:none}nav{gap:var(--space-3);display:grid}nav a{padding:var(--space-3) var(--space-4);color:var(--ink);border-radius:var(--radius-md);min-height:var(--touch-target);text-decoration:none}nav a.active{font-weight:700}.sidebar-footer{gap:var(--space-4);margin-top:auto;display:grid}.main-column{isolation:isolate;min-width:0;padding:var(--space-8);position:relative}.content{max-width:var(--content-width);gap:var(--space-6);margin:auto;position:relative}.page-heading,.empty,.filters,.sign-in,.notice{border-radius:var(--radius-lg);padding:var(--space-6)}.page-heading,.empty{gap:var(--space-3);display:grid}.muted,.backup-status{color:var(--ink-muted)}.error{color:var(--tomato-text)}.friend-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--tile-width)), 1fr));gap:var(--space-6);display:grid}.friend-tile{color:var(--ink);border-radius:var(--radius-lg);padding:var(--space-6);align-items:flex-start;gap:var(--space-3);overflow-wrap:anywhere;flex-direction:column;min-width:0;text-decoration:none;display:flex}.card-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--card-width)), 1fr));gap:var(--space-6);display:grid}.card-grid>*{overflow-wrap:anywhere;min-width:0}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.section-heading a{min-height:var(--touch-target);align-items:center;display:inline-flex}.filters{gap:var(--space-6);display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset p{margin:var(--space-2) 0 var(--space-3)}.filter-fields{gap:var(--space-4);flex-wrap:wrap;align-items:end;display:flex}label{gap:var(--space-2);min-width:0;display:grid}input,select{color:var(--ink);background:var(--surface);border:var(--pen-width) solid var(--line-strong);border-radius:var(--radius-sm);padding:var(--space-3);min-height:var(--touch-target);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;min-width:0;max-width:100%}@media (prefers-color-scheme:dark){input,select{--lightningcss-light: ;--lightningcss-dark:initial}}.sign-in{width:100%;max-width:var(--form-width);margin:var(--space-8) auto;gap:var(--space-6);display:grid}.backup-status{margin-top:var(--space-4)}.search-field{align-items:end;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.search-field label{flex:1 1 var(--tile-width)}.search-field p{flex-basis:100%}.search-results{gap:var(--space-4);display:grid}.search-result{padding:var(--space-6);border-radius:var(--radius-lg);gap:var(--space-3);overflow-wrap:anywhere;min-width:0;display:grid}.search-result h3 a,.passage-link{min-height:var(--touch-target);align-items:center;display:inline-flex}.search-match{white-space:pre-wrap;line-height:1.8}mark{background:var(--mustard);color:var(--on-color)}.yap-mono{font-family:var(--font-mono)}.yb-prof__stats{flex-wrap:wrap}.yb-prof__name,.yb-card__title{overflow-wrap:anywhere}.yb-tag,.yb-btn{min-height:var(--touch-target)}.skip-link{top:var(--space-2);left:var(--space-2);z-index:10;background:var(--paper);padding:var(--space-3);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:none}.check-field input{min-height:auto;width:var(--space-6);height:var(--space-6)}.storage-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.where-list{gap:var(--space-3);margin:0;padding-inline-start:var(--space-6);line-height:1.5;display:grid}.account-email{overflow-wrap:anywhere}@media (width<=899px){.app-layout{grid-template-columns:minmax(0,1fr)}.sidebar{padding:var(--space-4);gap:var(--space-4);border-right:0;border-bottom:var(--pen-width) solid var(--line)}nav{flex-wrap:wrap;display:flex}.sidebar-footer{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.sidebar-footer br{display:none}.main-column{padding:var(--space-4)}.filter-fields>label{flex:1 1 var(--tile-width)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--reading-meta-width:380px;--transcript-height:65dvh}.reading-layout{grid-template-columns:minmax(0, var(--reading-meta-width)) minmax(0, 1fr);gap:var(--space-6);align-items:start;display:grid}.reading-meta,.reading-text{gap:var(--space-6);overflow-wrap:anywhere;min-width:0}.reading-gist{white-space:pre-wrap}.reading-crew{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.reading-crew li{gap:var(--space-3);align-items:center;display:flex}.reading-crew a{min-height:var(--touch-target);align-items:center;display:inline-flex}.reading-follow,.check-field{align-items:center;gap:var(--space-3);display:flex}.reading-transcript{max-height:var(--transcript-height);align-content:start;gap:var(--space-3);padding:var(--space-1);grid-auto-rows:max-content;display:grid;position:relative;overflow-y:auto}.reading-line,.reading-jump{gap:var(--space-3);text-align:left;border:var(--pen-width) solid var(--line-strong);border-radius:var(--radius-md);padding:var(--space-3);min-height:var(--touch-target);color:var(--ink);background:var(--surface);cursor:pointer;overflow-wrap:anywhere;white-space:pre-wrap;flex-wrap:wrap;display:flex}.reading-line--current{background:var(--mustard);color:var(--on-color)}@media (width<=1199px){.reading-layout{grid-template-columns:minmax(0,1fr)}}.playback-help summary{cursor:pointer;min-height:var(--touch-target);padding-block:var(--space-3)}.playback-help>div{gap:var(--space-3);padding-block:var(--space-3)}.library-yap-link{color:var(--ink);border-radius:var(--radius-lg);text-decoration:none}.reading-meta label>input:not([type=checkbox]),.reading-meta label>textarea{width:100%;min-height:var(--touch-target);padding:var(--space-3);border:var(--pen-width) solid var(--ink);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font:inherit;resize:vertical;display:block}.edit-friends{min-width:0;padding:var(--space-3);border:var(--pen-width) solid var(--ink);border-radius:var(--radius-sm);margin:0}.correction-editor textarea{width:100%;min-height:var(--touch-target);padding:var(--space-3);border:var(--pen-width) solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;resize:vertical}.correction-editor summary{min-height:var(--touch-target);cursor:pointer}.correction-editor .notice{overflow-wrap:anywhere}.clip-moment summary,.sign-in summary{cursor:pointer;min-height:var(--touch-target);padding-block:var(--space-3)}.clip-controls{gap:var(--space-4)}.clip-lines{-webkit-user-select:none;user-select:none}.clip-line--selected{color:var(--on-color)}.clip-downloads a{min-height:var(--touch-target);align-items:center;display:inline-flex}