.media{max-width:960px;margin:0 auto;padding:1.5rem clamp(1rem,4vw,2.5rem)}.media h1{margin:0 0 .3rem}.media .lede{color:var(--muted);max-width:62ch;margin:0 0 2.2rem}.cbar{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1rem;margin:-.4rem 0 1.6rem;padding:.7rem .95rem;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft)}.cbar__title{margin:0;font-size:1.2rem;line-height:1.2}.cbar__title.cap{text-transform:capitalize}.cbar__ti{font:inherit;font-size:1.2rem;text-transform:none;padding:2px 8px;min-width:8ch;border:1px solid var(--sky);border-radius:6px;background:var(--card);color:var(--ink)}.cbar__scope{font-family:var(--font-mono);font-size:.76rem;color:var(--sky)}.cbar__ops{display:flex;flex-wrap:wrap;gap:.4rem}.cbar__b{appearance:none;font:inherit;font-size:.82rem;cursor:pointer;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.32rem .6rem}.cbar__b:hover{border-color:var(--sky);color:var(--sky)}.cbar__b--danger{color:#fca5a5}.cbar__b--danger:hover{background:#7f1d1d59;color:#fff;border-color:#991b1b}.cbar__back{margin-left:auto;font-size:.82rem;color:var(--sky);text-decoration:none;white-space:nowrap}.cbar__back:hover{text-decoration:underline}.cbar__row{flex-basis:100%;display:flex;align-items:flex-start;gap:.5rem;position:relative}.cbar__row input{font:inherit;font-size:.9rem;padding:6px 8px;min-width:12rem;border:1px solid var(--sky);border-radius:8px;background:var(--card);color:var(--ink)}.cbar__row .cbar__b{align-self:center}.tagbar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:-.4rem 0 1.6rem;padding:.6rem .9rem;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft)}.tagbar__lbl{color:var(--muted);font-size:.85rem}.tagbar__t{font-size:.78rem;background:#38bdf824;color:var(--sky);border-radius:999px;padding:3px 11px}.tagbar__all{margin-left:auto;font-size:.82rem;color:var(--sky);text-decoration:none}.tagbar__all:hover{text-decoration:underline}.decks{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:2rem 1.6rem}.deck{position:relative;display:flex;flex-direction:column;gap:.7rem}.deck__open{appearance:none;border:0;background:none;padding:0;cursor:pointer;text-align:left;font:inherit;color:inherit;display:block}.deck__tools{position:absolute;top:8px;left:8px;z-index:20;display:flex;gap:4px;align-items:center}.deck__badge{font-size:.82rem;line-height:1;background:#0f172ad1;border:1px solid var(--line);border-radius:999px;padding:4px 7px}.deck__badge.is-hidden{opacity:.85}.deck__del{appearance:none;cursor:pointer;font-size:.82rem;line-height:1;color:#e2e8f0;background:#0f172ad1;border:1px solid var(--line);border-radius:999px;padding:4px 7px;transition:background .15s,border-color .15s}.deck__del:hover,.deck__del:focus-visible{background:#7f1d1d;color:#fff;border-color:#991b1b;outline:none}.deck__stack{display:block;position:relative;width:100%;aspect-ratio:4 / 3;isolation:isolate;transition:transform .18s ease}.deck__card{position:absolute;inset:0;border-radius:12px;border:1px solid var(--line);background:#eef2f7 repeating-conic-gradient(#e2e8f0 0 25%,transparent 0 50%) 0 0/16px 16px;box-shadow:0 10px 24px #00000052;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;transform-origin:center bottom}.deck__card img{width:100%;height:100%;object-fit:contain;padding:8px}.deck__open:hover .deck__stack,.deck__open:focus-visible .deck__stack{transform:translateY(-3px)}.deck__open:focus-visible{outline:2px solid var(--sky);outline-offset:6px;border-radius:4px}.deck__count{position:absolute;top:8px;right:8px;z-index:50;font:600 .72rem/1 var(--font-mono);background:#0f172ad1;color:#e2e8f0;border:1px solid var(--line);border-radius:999px;padding:4px 8px}.deck__name{position:relative;z-index:30;font-family:var(--font-display);font-weight:600;font-size:1.02rem;line-height:1.2}.deck__name.cap{text-transform:capitalize}.flat{display:flex;flex-direction:column;gap:1.2rem}.flat figure{margin:0;display:grid;grid-template-columns:200px 1fr;gap:1rem;align-items:start}.flat .fig-prev{display:block;width:100%;padding:0;appearance:none;cursor:zoom-in;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f1f5f9 repeating-conic-gradient(#e2e8f0 0 25%,transparent 0 50%) 0 0/16px 16px}.flat .fig-prev:focus-visible{outline:2px solid var(--sky);outline-offset:3px}.flat .fig-prev img{display:block;width:100%;height:auto}.flat figcaption{display:flex;flex-direction:column;gap:.4rem}.flat .v-title{font-weight:600;color:var(--ink)}.flat .v-size{font-family:var(--font-mono);font-size:.8rem;color:var(--sky)}.flat .v-date{font-size:.72rem;color:var(--muted)}.flat .v-source{font-size:.78rem;color:var(--muted)}.flat .v-tags{display:flex;gap:.3rem;flex-wrap:wrap}.flat .tag{font-size:.68rem;background:#38bdf81f;color:var(--sky);border-radius:999px;padding:2px 9px}.flat a.tag{text-decoration:none;cursor:pointer}.flat a.tag:hover{text-decoration:underline;background:#38bdf838}.flat .v-actions{display:flex;align-items:center;gap:.6rem;margin-top:.2rem}.flat .v-del{appearance:none;font:inherit;font-size:.82rem;cursor:pointer;color:#fca5a5;background:none;border:1px solid transparent;border-radius:8px;padding:.3rem .5rem}.flat .v-del:hover{background:#7f1d1d59;color:#fff}.flat .v-desc{font-size:.85rem;color:var(--muted);margin:0;line-height:1.45}.flat .v-edit{appearance:none;font:inherit;font-size:.82rem;cursor:pointer;color:var(--sky);background:none;border:1px solid transparent;border-radius:8px;padding:.3rem .5rem}.flat .v-edit:hover{background:#38bdf824}.flat .v-open{font-size:.82rem;color:var(--sky);text-decoration:none;padding:.3rem}.flat .v-open:hover{text-decoration:underline}.flat .v-copy{appearance:none;background:none;border:0;font:inherit;font-size:.82rem;color:var(--sky);cursor:pointer;padding:.3rem}.flat .v-copy:hover{text-decoration:underline}.flat .v-form{display:flex;flex-direction:column;gap:.55rem}.flat .v-form label{display:flex;flex-direction:column;gap:.2rem;font-size:.76rem;font-weight:600;color:var(--muted)}.flat .v-form input,.flat .v-form textarea{font:inherit;font-size:.9rem;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft);color:var(--ink);resize:vertical}.flat .v-form-row{display:flex;gap:.6rem;margin-top:.1rem}.flat .v-form-row .btn{padding:.4rem .9rem;font-size:.88rem}.flat .v-form .v-hint{display:block;margin-top:.2rem;font-size:.74rem;color:var(--muted);font-weight:400}.deck--grab{cursor:grab}.deck.dragging{opacity:.45}.deck--target{position:relative}.deck--target:after{content:"";position:absolute;inset:-7px;z-index:40;border:2.5px dashed var(--sky);border-radius:14px;pointer-events:none}.deck--target.over:after{border-style:solid;background:#38bdf829}.notebadge{position:absolute;top:10px;right:10px;z-index:30;font-size:.82rem;line-height:1;background:#0f172ad1;border:1px solid var(--line);border-radius:999px;padding:4px 7px}.notebadge[draggable]{cursor:grab}.flat .v-note{border-left:2px solid var(--sky);padding-left:.55rem}.flat figure.note-over{outline:2px dashed var(--sky);outline-offset:3px;border-radius:10px}#notedlg{flex-basis:100%;display:flex;flex-direction:column;gap:.45rem;padding:.6rem .8rem;margin-top:.3rem;border:1px solid var(--sky);border-radius:10px;background:var(--card)}#notedlg .notedlg__h{font-size:.82rem;color:var(--sky)}#notedlg textarea{font:inherit;font-size:.9rem;padding:6px 8px;resize:vertical;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft);color:var(--ink)}#notedlg .notedlg__r{display:flex;gap:.4rem;flex-wrap:wrap}.flat .v-form [data-ef-note]{width:100%;font:inherit;font-size:.88rem;padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft);color:var(--ink);resize:vertical}.ef-unlink{appearance:none;border:0;background:none;color:#fca5a5;cursor:pointer;font:inherit;font-size:inherit;padding:0;text-decoration:underline}.flat figure{position:relative}.selbox{position:absolute;top:10px;left:10px;z-index:30;cursor:pointer;background:#0f172ad1;border:1px solid var(--line);border-radius:8px;padding:6px;line-height:0}.selbox input{width:16px;height:16px;cursor:pointer;accent-color:#38bdf8;margin:0}#selbar{flex-basis:100%;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding-top:.55rem;border-top:1px dashed var(--line)}#selbar .selbar__n{font-family:var(--font-mono);font-size:.78rem;color:var(--sky);min-width:6.8rem}.selbar__tagwrap{position:relative}#selbar input{font:inherit;font-size:.88rem;padding:5px 8px;width:11rem;border:1px solid var(--sky);border-radius:8px;background:var(--card);color:var(--ink)}.flat figure[draggable=true]{cursor:grab}.flat figure.dragging{opacity:.45}#dropbar{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;padding:.6rem clamp(1rem,4vw,2.5rem);background:var(--card);border-bottom:1px solid var(--line);box-shadow:0 4px 14px #0000002e}.dropbar__lbl{font-size:.8rem;color:var(--muted);margin-right:.2rem}.dropchip{font-size:.85rem;padding:.35rem .8rem;border:1.5px dashed var(--sky);border-radius:999px;color:var(--ink);background:var(--bg-soft)}.dropchip.over{background:#38bdf840;border-style:solid}.dropchip--new{border-color:var(--muted);color:var(--muted)}.toast{position:fixed;left:50%;bottom:1.4rem;transform:translate(-50%,8px);z-index:70;background:var(--ink);color:var(--card);padding:.5rem 1rem;border-radius:8px;font-size:.88rem;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}.toast.on{opacity:1;transform:translate(-50%)}@media(max-width:540px){.flat figure{grid-template-columns:1fr}.flat .fig-prev{max-width:300px}}.media .tag-ac{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:10;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 26px #00000080}.media .tag-ac__i{display:block;width:100%;text-align:left;appearance:none;background:none;border:0;color:var(--ink);font:inherit;font-size:.85rem;padding:.4rem .6rem;cursor:pointer}.media .tag-ac__i:hover,.media .tag-ac__i.on{background:var(--bg-soft);color:var(--sky)}.terms-note{margin:-1rem 0 2.2rem;padding:.9rem 1.1rem;border-left:3px solid var(--accent);background:#f59e0b14;border-radius:0 10px 10px 0}.terms-note p{margin:0 0 .5rem;color:var(--ink);max-width:70ch;line-height:1.55;font-size:.92rem}.terms-note p:last-child{margin-bottom:0}.terms-note__ack{font-family:var(--font-mono);font-size:.82rem;color:var(--sky);background:var(--bg-soft);padding:1px 6px;border-radius:5px}.terms-note__disc{font-size:.82rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.6rem;margin-top:.3rem}.lb[hidden]{display:none}.lb{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#020617e6;padding:1rem}.lb__img{max-width:92vw;max-height:86vh;object-fit:contain;border-radius:6px;background:#f1f5f9 repeating-conic-gradient(#e2e8f0 0 25%,transparent 0 50%) 0 0/16px 16px}.lb__nav{position:absolute;top:50%;transform:translateY(-50%);appearance:none;cursor:pointer;width:84px;height:128px;border:1px solid var(--line);background:#0f172ab3;color:#e2e8f0;font-size:4.4rem;font-weight:700;line-height:1;border-radius:14px}.lb__nav:hover{background:#0f172af5;color:#fff}.lb__nav[hidden]{display:none}.lb__prev{left:16px}.lb__next{right:16px}.lb__x{position:absolute;top:16px;right:16px;appearance:none;cursor:pointer;width:72px;height:72px;border-radius:999px;border:1px solid var(--line);background:#0f172ab3;color:#e2e8f0;font-size:2.2rem;line-height:1}.lb__x:hover{background:#0f172af5;color:#fff}.lb__cap{position:absolute;bottom:14px;left:50%;transform:translate(-50%);color:#e2e8f0;font-size:.85rem;background:#0f172ab8;padding:.35rem .9rem;border-radius:999px;display:flex;gap:.9rem;align-items:center;max-width:92vw}.lb__cap a,.lb__cap .lb__copy{color:var(--sky);text-decoration:none;white-space:nowrap}.lb__cap a:hover,.lb__cap .lb__copy:hover{text-decoration:underline}.lb__cap .lb__copy{appearance:none;background:none;border:0;font:inherit;font-size:.85rem;cursor:pointer;padding:0}@media(max-width:540px){.lb__nav{width:62px;height:92px;font-size:3.2rem}.lb__x{width:58px;height:58px;font-size:1.8rem}}