@layer tokens{:root{--note-star-size:0.3rem;--note-star-target:3rem;--note-panel-width:20rem;--note-compact-panel-width:26rem;--note-halo:color-mix(in srgb, var(--color-accent) 18%, transparent);--note-panel-rule:color-mix(in srgb, var(--color-accent) 40%, var(--color-rule));--note-tap-highlight:transparent}}@layer layout{.note-sky,.note-sky-leader{position:fixed;inset:0;inline-size:100%;block-size:100%;pointer-events:none}.note-sky{z-index:var(--layer-raised);text-align:start}.note-star{position:absolute;inline-size:0;block-size:0}.note-star-trigger{position:absolute;inline-size:var(--note-star-target);block-size:var(--note-star-target);translate:-50% -50%;padding:0;border:0;border-radius:50%;background:0 0;cursor:pointer;pointer-events:auto}.note-star[data-open]{z-index:var(--layer-raised)}.note-star-panel{position:fixed;inline-size:min(var(--note-panel-width),calc(100vw - 3rem));max-block-size:calc(100svh - 3rem);overflow-y:auto;padding:var(--space-m);border-block-start:1px solid var(--note-panel-rule);background:var(--color-surface);box-shadow:0 0 var(--space-m) var(--color-surface);pointer-events:auto}.note-sky[data-layout=compact] .note-star-panel{inset-block:auto max(var(--space-s),env(safe-area-inset-bottom,0px));inset-inline:max(var(--space-s),env(safe-area-inset-left,0px)) max(var(--space-s),env(safe-area-inset-right,0px));inline-size:auto;max-inline-size:var(--note-compact-panel-width);max-block-size:calc(100svh - var(--space-l) - env(safe-area-inset-bottom,0px));margin-inline:auto;overscroll-behavior:contain}.note-sky[data-layout=compact] .note-sky-leader{display:none}}@layer components{.note-star-all,.note-star-close,.note-star-link,.note-star-trigger{-webkit-tap-highlight-color:var(--note-tap-highlight)}.note-sky-hint{color:var(--color-muted);font-size:var(--size-step-xs);letter-spacing:.04em}.note-sky-hint a,.note-sky-hint button{color:inherit;text-decoration-color:var(--color-rule);text-underline-offset:0.3em}.note-sky-hint button{min-block-size:var(--note-star-target);padding:0;border:0;background:0 0;font:inherit;letter-spacing:inherit;text-decoration-line:underline;cursor:pointer}.note-sky-hint a:focus-visible,.note-sky-hint a:hover,.note-sky-hint button:focus-visible,.note-sky-hint button:hover{color:var(--color-accent)}.note-star-trigger::after,.note-star-trigger::before{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;border-radius:50%;content:""}.note-star-trigger:focus-visible{border-radius:50%}.note-star-trigger::before{inline-size:var(--note-star-size);block-size:var(--note-star-size);background:var(--color-accent);box-shadow:0 0 var(--space-xs) var(--color-accent)}.note-star-trigger::after{inline-size:1rem;block-size:1rem;border:1px solid var(--color-accent);opacity:.45}.note-star-trigger:focus-visible::after,.note-star[data-open] .note-star-trigger::after{opacity:1;background:var(--note-halo)}.note-sky-leader{fill:none;stroke:var(--note-panel-rule);stroke-width:1;opacity:0}.note-sky[data-open] .note-sky-leader{opacity:1}.note-star-kicker{margin-block-end:var(--space-s);padding-inline-end:var(--space-m);color:var(--color-accent);font-size:var(--size-step-xs);letter-spacing:.16em;text-transform:uppercase}.note-star-kicker span{color:var(--color-muted)}.note-star-close{position:absolute;inset-block-start:var(--space-xs);inset-inline-end:var(--space-xs);inline-size:2rem;block-size:2rem;padding:0;border:0;background:0 0;color:var(--color-muted);font-size:var(--size-step-1);cursor:pointer}.note-sky[data-layout=compact] .note-star-close{inline-size:var(--note-star-target);block-size:var(--note-star-target)}.note-star-all{display:none;color:var(--color-accent);font-size:var(--size-step-xs);text-decoration-color:var(--note-panel-rule);text-underline-offset:0.25em}.note-sky[data-layout=compact] .note-star-all{display:flex;align-items:center;gap:var(--space-2xs);inline-size:fit-content;min-block-size:var(--note-star-target);margin-block-start:var(--space-xs)}.note-star-link{display:flex;flex-direction:column;gap:var(--space-s);color:var(--color-text);text-decoration:none}.note-star-title{margin:0;color:var(--color-text);font-size:var(--size-step-1);font-weight:var(--weight-display);letter-spacing:normal;line-height:1.35;text-transform:none;text-wrap:pretty}.note-star-meta{color:var(--color-muted);font-size:var(--size-step-xs);line-height:1.6}.note-star-read{color:var(--color-accent);font-size:var(--size-step-xs)}.note-star-link:focus-visible .note-star-read,.note-star-link:hover .note-star-read{text-decoration:underline;text-underline-offset:0.25em}@media (prefers-reduced-motion:no-preference){@keyframes note-arrive{from{opacity:0}to{opacity:1}}@keyframes note-signal{0%,100%{scale:1;opacity:.45}50%{scale:1.4;opacity:.18}}@keyframes note-leader{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}.note-sky-hint{animation:note-arrive 1.4s var(--ease-out) 3s backwards}.note-star{--note-signal-delay:4400ms}.note-star:nth-child(2){--note-signal-delay:6000ms}.note-star:nth-child(3){--note-signal-delay:7600ms}.note-star-trigger::after{animation:note-signal 5.6s ease-in-out var(--note-signal-delay) infinite}.note-sky[data-open] .note-star-trigger::after,.note-star:focus-within .note-star-trigger::after{animation:none}.note-star-panel:not([hidden]){animation:note-arrive 220ms var(--ease-out)}.note-sky[data-open] path{stroke-dasharray:1;animation:note-leader 320ms var(--ease-out)}}@media (forced-colors:active){.note-star-trigger::before{background:LinkText}.note-star-panel,.note-star-trigger::after{border:1px solid LinkText}}}