.modal{z-index:300;overscroll-behavior:contain;background:color-mix(in srgb, var(--ink) 48%, transparent);justify-content:center;align-items:flex-start;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal__card{--modal-pad:32px;box-sizing:border-box;width:min(480px,100%);padding:var(--modal-pad);background:var(--paper);color:var(--ink);box-shadow:0 28px 56px -28px var(--scene-shadow);outline:none;margin-block:auto;position:relative}.modal__close{top:calc(var(--modal-pad) - 4px);right:var(--modal-pad);background:var(--figure-canvas);width:40px;height:40px;color:var(--ink);cursor:pointer;transition:background-color var(--dur-state) var(--ease-out-expo);border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}@media (hover:hover) and (pointer:fine){.modal__close:hover{background:var(--scene-bar)}}.modal__close:active{background:var(--scene-bar)}.modal__close:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}@media (width<=809.98px){.modal{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom))}.modal__card{--modal-pad:24px}}.source-note{vertical-align:middle;display:inline-flex;position:relative}.source-note__pill{border:1px solid var(--card-line);background:var(--paper);height:32px;color:var(--ink);cursor:pointer;font:var(--type-label);letter-spacing:var(--track-mono);text-transform:uppercase;transition:background-color var(--dur-state) var(--ease-out-expo), border-color var(--dur-state) var(--ease-out-expo);align-items:center;gap:8px;padding:0 12px 0 10px;display:inline-flex}.source-note__pill svg{flex:none}@media (hover:hover) and (pointer:fine){.source-note__pill:hover{border-color:var(--ink)}}.source-note__pill:active,.source-note.is-open .source-note__pill{border-color:var(--ink);background:color-mix(in srgb, var(--ink) 4%, var(--paper))}.source-note__pill:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.source-note__tip{z-index:20;background:var(--ink);width:max-content;max-width:min(300px,100vw - 40px);color:var(--paper);font:var(--type-small);letter-spacing:var(--track-small);text-align:left;text-wrap:pretty;text-transform:none;pointer-events:none;opacity:0;transform-origin:50% 100%;visibility:hidden;-webkit-font-smoothing:antialiased;transition:opacity var(--dur-exit) var(--ease-in), scale var(--dur-exit) var(--ease-in), translate var(--dur-exit) var(--ease-in), visibility 0s linear var(--dur-exit);flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50% 4px;scale:.97;box-shadow:0 14px 30px -14px #10101073}.source-note--start .source-note__tip{transform-origin:16px 100%;left:0;translate:0 4px}.source-note.is-open .source-note__tip{opacity:1;visibility:visible;transition:opacity var(--dur-state) var(--ease-out-expo), scale var(--dur-state) var(--ease-out-expo), translate var(--dur-state) var(--ease-out-expo), visibility 0s;translate:-50%;scale:1}.source-note:has(.source-note__pill:focus-visible) .source-note__tip{opacity:1;visibility:visible;transition:opacity var(--dur-state) var(--ease-out-expo), scale var(--dur-state) var(--ease-out-expo), translate var(--dur-state) var(--ease-out-expo), visibility 0s;translate:-50%;scale:1}@media (hover:hover) and (pointer:fine){.source-note:hover .source-note__tip{opacity:1;visibility:visible;transition:opacity var(--dur-state) var(--ease-out-expo), scale var(--dur-state) var(--ease-out-expo), translate var(--dur-state) var(--ease-out-expo), visibility 0s;translate:-50%;scale:1}.source-note--start:hover .source-note__tip{translate:0}}.source-note--start.is-open .source-note__tip{translate:0}.source-note--start:has(.source-note__pill:focus-visible) .source-note__tip{translate:0}.source-note__aside{border-top:1px solid var(--field-line);border-top:1px solid var(--field-line);padding-top:8px}.source-note__tip:after{border:6px solid #0000;border-top-color:var(--ink);content:"";position:absolute;top:100%;left:50%;translate:-50%}.source-note--start .source-note__tip:after{left:18px}@media (prefers-reduced-motion:reduce){.source-note__tip,.source-note.is-open .source-note__tip{scale:1}}@media (hover:none),(width<=809.98px){.source-note__tip{display:none}}.source-note-modal__title{font:var(--type-mono);letter-spacing:var(--track-mono);text-transform:uppercase;align-items:center;gap:10px;margin:0 40px 16px 0;display:flex}.source-note-modal__detail{font:var(--type-lead);letter-spacing:var(--track-lead);text-wrap:pretty;margin:0}.source-note-modal__aside{border-top:1px solid var(--card-line);font:var(--type-body);letter-spacing:var(--track-body);text-wrap:pretty;margin:20px 0 0;padding-top:16px}