:root{--deep:#0b0e14;--cloud:#eef1f5;--raised:#171b21;--line:#242b36;--blue-50:#e8f6ff;--blue-100:#d2e9ff;--blue-200:#b0d6ff;--blue-300:#8abfff;--blue-400:#5ea3ff;--blue-500:#4a90ff;--blue-600:#1a64e0;--blue-700:#1559cc;--blue-800:#0033ba;--blue-900:#00129c;--blue-950:#007;--coral-50:#ffede8;--coral-100:#ffdbd3;--coral-200:#ffc0b3;--coral-300:#ff9f8f;--coral-400:#f87966;--coral-500:#ff6b57;--coral-600:#c43e2b;--coral-700:#b30000;--coral-800:#970000;--coral-900:#7a0000;--neutral-0:#f7fcff;--neutral-50:#eff4fc;--neutral-100:#e6ebf3;--neutral-200:#d9dee6;--neutral-300:#c3c8cf;--neutral-400:#a0a5ac;--neutral-500:#8793a5;--neutral-600:#5f646a;--neutral-700:#494d54;--neutral-800:#333840;--neutral-900:#22272e;--neutral-950:#141920;--danger-500:#ff7a6b;--danger-600:#c43e2b;--danger-tint-dark:#2a1a1a;--danger-tint-light:#ffede8;--info-500:var(--blue-400);--info-600:var(--blue-700);--success-500:var(--blue-500);--success-600:var(--blue-600);--warning-500:var(--coral-400);--warning-600:var(--coral-600);--brand-primary:var(--blue-500);--brand-primary-hover:var(--blue-400);--brand-primary-active:var(--blue-300);--brand-secondary:var(--coral-500);--brand-secondary-text:var(--coral-500);--brand-accent:var(--blue-300);--surface-page:var(--deep);--surface-card:var(--deep);--surface-sunken:var(--raised);--surface-raised:var(--raised);--surface-inverse:var(--cloud);--surface-inverse-deep:var(--neutral-0);--surface-brand-tint:#121c2e;--surface-success-tint:#121c2e;--surface-reward-tint:#241614;--text-strong:var(--cloud);--text-body:var(--cloud);--text-muted:var(--neutral-500);--text-subtle:var(--neutral-400);--text-on-brand:var(--deep);--text-on-brand-muted:var(--blue-900);--text-link:var(--blue-500);--text-reward:var(--coral-500);--border-subtle:#1b2029;--border-default:var(--line);--border-strong:var(--neutral-700);--border-brand:var(--blue-500);--border-focus:var(--blue-400);--status-success:var(--success-500);--status-success-bg:var(--surface-brand-tint);--status-warning:var(--warning-500);--status-warning-bg:var(--surface-reward-tint);--status-danger:var(--danger-500);--status-danger-bg:var(--danger-tint-dark);--status-info:var(--info-500);--status-info-bg:var(--surface-brand-tint);--focus-ring:0 0 0 3px #4a90ff73;--embed-frame:var(--line);--embed-backing:var(--raised);--caret:var(--blue-500);--caret-done:var(--coral-500);--caret-idle:var(--line);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--surface-page:var(--cloud);--surface-card:var(--cloud);--surface-sunken:var(--neutral-100);--surface-raised:var(--neutral-0);--surface-inverse:var(--deep);--surface-inverse-deep:var(--neutral-950);--surface-brand-tint:#e3eeff;--surface-success-tint:#e3eeff;--surface-reward-tint:var(--coral-50);--text-strong:var(--deep);--text-body:var(--neutral-900);--text-muted:var(--neutral-600);--text-subtle:var(--neutral-500);--text-on-brand:var(--neutral-0);--text-on-brand-muted:var(--blue-100);--text-link:var(--blue-600);--text-reward:var(--coral-600);--brand-primary:var(--blue-600);--brand-primary-hover:var(--blue-700);--brand-primary-active:var(--blue-800);--brand-secondary-text:var(--coral-600);--border-subtle:var(--neutral-100);--border-default:var(--neutral-200);--border-strong:var(--neutral-400);--border-brand:var(--blue-600);--border-focus:var(--blue-500);--status-success:var(--success-600);--status-success-bg:#e3eeff;--status-warning:var(--warning-600);--status-warning-bg:var(--coral-50);--status-danger:var(--danger-600);--status-danger-bg:var(--danger-tint-light);--status-info:var(--info-600);--status-info-bg:#e3eeff;--focus-ring:0 0 0 3px #1a64e059;--embed-frame:var(--neutral-200);--embed-backing:var(--neutral-100);--caret:var(--blue-600);--caret-done:var(--coral-600);--caret-idle:var(--neutral-300);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--font-primary:var(--font-hanken), "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--font-secondary:var(--font-primary);--font-mono:var(--font-primary);--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:17px;--text-2xl:20px;--text-3xl:24px;--text-4xl:32px;--text-5xl:44px;--text-6xl:56px;--text-7xl:72px;--leading-tight:1.08;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.6;--tracking-tight:-.025em;--tracking-snug:-.02em;--tracking-normal:0;--tracking-wide:.01em;--tracking-caps:.08em;--font-display:var(--font-primary);--font-heading:var(--font-primary);--font-reading:var(--font-primary);--font-why:var(--font-primary);--font-ui:var(--font-primary);--font-data:var(--font-primary);--size-headline:var(--text-4xl);--size-caption:var(--text-xl);--size-note:var(--text-lg);--size-why:var(--text-2xl);--size-label:var(--text-sm);--size-button:var(--text-base);--size-body:var(--text-lg);--size-ui:var(--text-base);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-none:0;--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:999px;--radius-caret:1.5px;--caret-width:3px;--caret-width-thick:2px;--border-width:1px;--border-width-thick:2px;--shadow-xs:0 1px 1px #0003;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 32px -8px #00000073;--shadow-xl:0 20px 48px -12px #00000080;--shadow-focus:var(--focus-ring);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--z-base:0;--z-sticky:100;--z-dropdown:400;--z-overlay:800;--z-modal:1000;--z-toast:1200;--container-sm:560px;--container-md:680px;--container-lg:1080px;--container-xl:1200px;--measure-note:64ch;--measure-why:48ch;--header-height:52px;--list-width:360px;--embed-width:320px}:is(html:has(.m),body:has(.m)){background:var(--surface-page);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.m{background:var(--surface-page);min-height:100dvh;color:var(--text-body);font-family:var(--font-primary);font-size:var(--size-body);line-height:var(--leading-normal);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;flex-direction:column;display:flex}.m *,.m :before,.m :after{box-sizing:border-box}.m a{color:inherit;text-decoration:none}.m p{margin:0}.m button,.m input,.m textarea{font-family:var(--font-ui);font-size:var(--size-ui);color:inherit}.m :focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-xs);outline:none}.m ::selection{background:var(--blue-500);color:var(--deep)}.m .ds-syscaps{font-family:var(--font-ui);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.m .ds-syscaps--done{color:var(--text-reward)}.m .ds-data{font-family:var(--font-data);font-variant-numeric:tabular-nums}.m .ds-eyebrow{font-family:var(--font-ui);font-size:var(--size-label);font-weight:var(--fw-medium);letter-spacing:var(--tracking-wide);color:var(--text-muted);margin:0}.m .ds-embed{background:var(--embed-backing);border:var(--border-width) solid var(--embed-frame);border-radius:var(--radius-md);overflow:hidden}.m-bar{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-3);height:calc(var(--header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--space-4) 0;background:var(--surface-page);border-bottom:var(--border-width) solid var(--border-default);display:flex;position:sticky;top:0}.m-bar__wordmark{align-items:center;display:inline-flex}.m-bar__wordmark img{width:calc(var(--space-24) + var(--space-6));height:auto;display:block}.m-bar__right{align-items:center;gap:var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);display:flex}.m-bar__link{color:var(--text-link)}.m-main{width:100%;max-width:var(--container-sm);padding:var(--space-5) var(--space-4) calc(var(--space-24) + env(safe-area-inset-bottom));gap:var(--space-5);flex-direction:column;flex:1;margin:0 auto;display:flex}.m-main--short{padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom))}.m-btn{--_bg:var(--brand-primary);--_bg-hover:var(--brand-primary-hover);--_bg-active:var(--brand-primary-active);--_fg:var(--text-on-brand);--_border:transparent;--_height:var(--space-10);--_pad:var(--space-5);--_size:var(--size-button);--_gap:var(--space-2);justify-content:center;align-items:center;gap:var(--_gap);height:var(--_height);padding:0 var(--_pad);border:var(--border-width) solid var(--_border);border-radius:var(--radius-pill);background:var(--_bg);color:var(--_fg);font-family:var(--font-ui);font-size:var(--_size);font-weight:var(--fw-semibold);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);margin:0;line-height:1;display:inline-flex}.m-btn:hover{background:var(--_bg-hover)}.m-btn:active{background:var(--_bg-active)}.m-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.m-btn--secondary{--_bg:transparent;--_bg-hover:var(--surface-raised);--_bg-active:var(--text-body)}@supports (color:color-mix(in lab, red, red)){.m-btn--secondary{--_bg-active:color-mix(in srgb, var(--text-body) 10%, var(--surface-raised))}}.m-btn--secondary{--_fg:var(--text-body);--_border:var(--border-default)}.m-btn--ghost{--_bg:transparent;--_bg-hover:currentColor}@supports (color:color-mix(in lab, red, red)){.m-btn--ghost{--_bg-hover:color-mix(in srgb, currentColor 8%, transparent)}}.m-btn--ghost{--_bg-active:currentColor}@supports (color:color-mix(in lab, red, red)){.m-btn--ghost{--_bg-active:color-mix(in srgb, currentColor 14%, transparent)}}.m-btn--ghost{--_fg:var(--text-body)}.m-btn--lg{--_height:var(--space-12);--_pad:var(--space-6)}.m-btn--sm{--_height:var(--space-8);--_pad:var(--space-4);--_size:var(--text-sm);--_gap:var(--space-1)}.m-btn--full{width:100%;display:flex}.m-btn--icon{--_pad:0;width:var(--_height)}.m-btn:disabled{cursor:not-allowed}.m-btn--primary:disabled{--_bg:var(--surface-raised);--_fg:var(--text-muted);--_border:var(--border-subtle)}.m-btn--secondary:disabled,.m-btn--ghost:disabled{--_fg:var(--text-subtle)}.m-btn__icon{width:var(--space-4);height:var(--space-4);flex:none;display:inline-flex}.m-btn__icon>svg{width:100%;height:100%}.m-btn--starred{color:var(--brand-secondary);--_fg:var(--brand-secondary)}.m-btn--starred .m-btn__icon>svg{fill:currentColor}.m-pile__head{justify-content:space-between;align-items:flex-end;gap:var(--space-3);display:flex}.m-pile__count{font-size:var(--text-3xl);font-weight:var(--fw-medium);letter-spacing:var(--tracking-snug);line-height:var(--leading-tight);color:var(--text-strong)}.m-pile__count small{margin-top:var(--space-1);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--fw-regular);letter-spacing:var(--tracking-normal);color:var(--text-muted);display:block}.m-pile__sort{gap:var(--space-1);font-family:var(--font-ui);font-size:var(--text-sm);display:flex}.m-pile__sort a{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);color:var(--text-muted);border:var(--border-width) solid transparent}.m-pile__sort a[aria-current=true]{color:var(--text-strong);border-color:var(--border-default);background:var(--surface-raised)}.m-rows{border-top:var(--border-width) solid var(--border-default);margin:0;padding:0;list-style:none}.m-empty{font-family:var(--font-ui);font-size:var(--size-ui);color:var(--text-muted);padding:var(--space-6) 0}.m-row{--_bar:var(--caret-width-thick);--_bar-color:var(--caret);align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-2) var(--space-3) calc(var(--space-4) - var(--_bar));border-left:var(--_bar) solid var(--_bar-color);border-bottom:var(--border-width) solid var(--border-default);color:var(--text-strong);font-family:var(--font-why);font-size:var(--text-lg);line-height:var(--leading-snug);transition:background-color var(--duration-fast) var(--ease-standard);display:flex}.m-row:active{background:var(--surface-raised)}.m-row--done{--_bar-color:var(--caret-done);opacity:.6}.m-row--idle{--_bar-color:var(--caret-idle)}.m-row__body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.m-row__why{text-wrap:pretty;overflow-wrap:break-word;font-style:italic}.m-row__caption{-webkit-line-clamp:2;color:var(--text-muted);overflow-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.m-row__meta{align-items:center;gap:var(--space-2);font-family:var(--font-ui);font-style:normal;font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--text-muted);flex-wrap:wrap;display:flex}.m-row__user{font-weight:var(--fw-medium)}.m-row__sep{color:var(--border-strong)}.m-row__star{width:var(--space-3);height:var(--space-3);color:var(--brand-secondary);fill:currentColor}.m-row__chev{color:var(--text-subtle);flex:none;align-self:center}.m-save{gap:var(--space-5);flex-direction:column;display:flex}.m-save__top{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.m-save__position{font-size:var(--text-sm);color:var(--text-muted)}.m-field{gap:var(--space-2);flex-direction:column;display:flex}.m-field__label{justify-content:space-between;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--size-label);font-weight:var(--fw-medium);letter-spacing:var(--tracking-wide);color:var(--text-muted);line-height:var(--leading-snug);display:flex}.m-field__state{font-weight:var(--fw-regular);color:var(--text-subtle)}.m-field__state--error{color:var(--status-danger)}.m-field__input{width:100%;padding:var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-strong);caret-color:var(--caret);appearance:none;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);margin:0;display:block}.m-field__input::placeholder{color:var(--text-subtle);opacity:1}.m-field__input:focus-visible{border-color:var(--border-focus);box-shadow:var(--focus-ring);outline:none}.m-field--why .m-field__input{font-family:var(--font-why);font-style:italic;font-size:var(--size-why);line-height:var(--leading-snug);border-left:var(--caret-width) solid var(--caret);padding-left:var(--space-4);min-height:calc(var(--space-12) + var(--space-8));resize:none}.m-field--why .m-field__input::placeholder{font-style:italic}.m-field--why.m-field--done .m-field__input{border-left-color:var(--caret-done)}.m-field--note .m-field__input{font-family:var(--font-reading);font-size:var(--size-note);line-height:var(--leading-relaxed);min-height:calc(var(--space-10) * 3);resize:vertical}.m-field--ui .m-field__input{height:var(--space-12);padding:0 var(--space-4);font-family:var(--font-ui);font-size:var(--size-ui)}.m-save__reel{gap:var(--space-4);flex-direction:column;display:flex}.m-save__owner{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.m-save__user{font-family:var(--font-ui);font-size:var(--size-ui);font-weight:var(--fw-medium);color:var(--text-muted)}.m-embed{width:100%;max-width:var(--embed-width)}.m-embed iframe{width:100%;height:calc(var(--embed-width) * 2);background:var(--embed-backing);border:0;display:block}.m-save__caption{font-family:var(--font-reading);font-size:var(--size-note);line-height:var(--leading-normal);color:var(--text-muted);white-space:pre-wrap;overflow-wrap:break-word}.m-save__caption--clamped{-webkit-line-clamp:4;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.m-save__more{font-size:var(--text-sm);color:var(--text-link);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}.m-section{gap:var(--space-2);flex-direction:column;display:flex}.m-sightings{gap:var(--space-1);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.m-sightings li{justify-content:space-between;gap:var(--space-3);display:flex}.m-sightings__at{flex:none}.m-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.m-tag{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-pill)}.m-actions{z-index:var(--z-sticky);align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--surface-page);border-top:var(--border-width) solid var(--border-default);display:flex;position:fixed;bottom:0;left:0;right:0}.m-actions__inner{width:100%;max-width:var(--container-sm);align-items:center;gap:var(--space-2);margin:0 auto;display:flex}.m-actions__spacer{flex:1}.m-nothing{gap:var(--space-6);padding:var(--space-10) 0;flex-direction:column;display:flex}.m-nothing img{width:100%;height:auto;display:block}.m-nothing p{font-family:var(--font-reading);font-size:var(--size-caption);line-height:var(--leading-snug);color:var(--text-strong)}.m-saved{gap:var(--space-4);padding:var(--space-6) 0;flex-direction:column;display:flex}.m-saved__line{font-family:var(--font-reading);font-size:var(--size-caption);line-height:var(--leading-snug);color:var(--text-strong)}.m-saved__ways{gap:var(--space-2);flex-wrap:wrap;display:flex}.m-lede{font-family:var(--font-ui);font-size:var(--size-ui);color:var(--text-muted);max-width:var(--measure-note)}.m-error{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--status-danger)}.m-form{gap:var(--space-4);flex-direction:column;display:flex}.m-landing{background:url(/brand/bg-deep-ruled.svg) no-repeat top center / 1440px auto, var(--surface-page);flex-direction:column;flex:1;display:flex}.m-landing__col{width:100%;max-width:var(--container-sm);padding:0 var(--space-6);flex-direction:column;flex:1;margin:0 auto;display:flex}.m-landing__bar{padding:var(--space-8) 0 0;justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.m-landing__wordmark img{width:calc(var(--space-32) + var(--space-12));height:auto;display:block}.m-landing__hero{padding:var(--space-16) 0 var(--space-12)}.m-display{font-family:var(--font-display);font-weight:var(--fw-medium);font-size:var(--text-6xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-strong);margin:0 0 var(--space-12);text-wrap:balance}.m .m-landing__why{font-family:var(--font-why);font-style:italic;font-size:var(--text-4xl);line-height:var(--leading-tight);color:var(--text-strong);max-width:var(--measure-why);padding-left:var(--space-5);border-left:var(--caret-width) solid var(--caret);border-radius:var(--radius-caret);margin:0 0 var(--space-3);text-wrap:pretty}.m .m-landing__why-caption{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-8);padding-left:calc(var(--space-5) + var(--caret-width))}.m-landing__refuses{padding:var(--space-10) 0 var(--space-6);border-top:var(--border-width) solid var(--border-default)}.m-landing__refuses .ds-eyebrow{margin:0 0 var(--space-6)}.m .m-landing__refuses p{font-size:var(--size-note);line-height:var(--leading-relaxed);color:var(--text-body);max-width:var(--measure-note);margin:0 0 var(--space-5)}.m-landing__refuses strong{font-weight:var(--fw-medium);color:var(--text-strong)}.m-landing__foot{padding:var(--space-5) 0 calc(var(--space-6) + env(safe-area-inset-bottom));justify-content:space-between;gap:var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);border-top:var(--border-width) solid var(--border-default);flex-wrap:wrap;margin-top:auto;display:flex}@media (min-width:1024px){.m-landing__col{max-width:var(--container-lg)}.m-landing__hero{column-gap:var(--space-16);padding:var(--space-20) 0 var(--space-16);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:end;display:grid}.m-display{margin:0}.m .m-landing__why{font-size:var(--text-3xl)}.m .m-landing__why-caption{margin-bottom:var(--space-6)}.m-landing__refuses{column-gap:var(--space-16);padding:var(--space-12) 0 var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.m-landing__refuses .ds-eyebrow{grid-column:1/-1}.m .m-landing__refuses p{max-width:none}}@media (max-width:760px){.m-landing__col{padding:0 var(--space-4)}.m-landing__hero{padding:var(--space-16) 0 var(--space-12)}.m-display{font-size:var(--text-5xl)}.m-landing__why{font-size:var(--text-3xl)}}.m-login{padding:var(--space-6);flex:1;justify-content:center;align-items:center;display:flex}.m-login__col{width:100%;max-width:calc(var(--container-sm) - var(--space-32));align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.m-login__symbol img{width:var(--space-12);height:var(--space-12);display:block}.m-login__card{width:100%;padding:var(--space-8);background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);gap:var(--space-4);flex-direction:column;display:flex}.m-login__heading{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--fw-medium);letter-spacing:var(--tracking-snug);line-height:var(--leading-snug);color:var(--text-strong);margin:0}.m-login__body{font-family:var(--font-ui);font-size:var(--size-ui);line-height:var(--leading-normal);color:var(--text-muted)}.m-reel{gap:var(--space-3);padding:var(--space-4);background:var(--surface-raised);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);flex-direction:column;display:flex}.m-reel__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.m-reel__caption--clamped{-webkit-line-clamp:3}.m-reel__embed{align-self:center;width:100%}.m-reel__embed iframe{width:100%;height:calc(var(--embed-width) * 2);background:var(--embed-backing);border:0;display:block}.m-shell{z-index:var(--z-sticky);height:var(--header-height);background:var(--surface-page);border-bottom:var(--border-width) solid var(--border-default);position:sticky;top:0}.m-shell__inner{height:100%;max-width:var(--container-xl);padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 auto;display:flex}.m-shell__right{align-items:center;gap:var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);display:flex}.m-surf{max-width:var(--container-xl);padding:var(--space-6) var(--space-6) var(--space-20);gap:var(--space-8);grid-template-columns:minmax(0,1fr);align-items:start;margin:0 auto;display:grid}.m-surf__list{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.m-surf__controls{gap:var(--space-3);flex-direction:column;display:flex}.m-surf__filters{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.m-surf__filters-wide{grid-column:1/-1}.m-surf__count{justify-content:space-between;gap:var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);display:flex}.m-surf__rows{border-top:var(--border-width) solid var(--border-default);margin:0;padding:0;list-style:none}.m-surf__rows .m-row{text-align:left;cursor:pointer;background:0 0;border-top:0;border-right:0;width:100%}.m-surf__rows .m-row:hover{background:var(--surface-raised)}@supports (color:color-mix(in lab, red, red)){.m-surf__rows .m-row:hover{background:color-mix(in srgb, var(--surface-raised) 60%, transparent)}}.m-surf__rows .m-row--selected,.m-surf__rows .m-row--selected:hover{--_bar:var(--caret-width);background:var(--surface-raised)}.m-surf__save{min-width:0}.m-addrow{gap:var(--space-2);align-items:flex-end;display:flex}.m-addrow .m-field{flex:1}.m-field--ui .m-field__input--md{height:var(--space-10);padding:0 var(--space-3)}.m-select{width:100%;height:var(--space-10);padding:0 var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-body);font-family:var(--font-ui);font-size:var(--size-ui)}.m-select:focus-visible{border-color:var(--border-focus);box-shadow:var(--focus-ring);outline:none}.m-save__reel-row{gap:var(--space-6);margin-top:var(--space-2);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.m-save__about{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.m-save__actions{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-5);border-top:var(--border-width) solid var(--border-default);flex-wrap:wrap;display:flex}.m-save__actions-left{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.m-keys{gap:var(--space-2) var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.m-kbd{min-width:var(--space-6);height:var(--space-6);padding:0 var(--space-1);margin-right:var(--space-1);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-muted);background:var(--surface-sunken);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-xs);justify-content:center;align-items:center;display:inline-flex}.m-surf .m-nothing{padding:var(--space-6) 0}@media (min-width:1024px){.m-surf{grid-template-columns:var(--list-width) minmax(0, 1fr)}.m-surf__list{top:calc(var(--header-height) + var(--space-6));max-height:calc(100vh - var(--header-height) - var(--space-12));position:sticky}.m-surf__rows{min-height:0;overflow-y:auto}}@media (min-width:1200px){.m-save__reel-row{grid-template-columns:var(--embed-width) minmax(0, 1fr)}}