.dex-head{text-align:center;margin-bottom:26px}.dex-title{font-size:clamp(1.5rem,5vw,2rem);font-weight:800;letter-spacing:-.04em;margin:14px 0 8px}.dex-sub{color:var(--ink-2);margin-bottom:22px}.dex-progress{display:inline-flex;align-items:center;gap:18px;padding:18px 24px;text-align:left}.dex-progress__ring{position:relative;display:grid;place-items:center}.dex-progress__ring svg{transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff14;stroke-width:5}.ring-fg{fill:none;stroke:var(--brand);stroke-width:5;stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:119.4;transition:stroke-dashoffset .8s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 0 6px rgba(139,123,255,.8))}.dex-progress__pct{position:absolute;font-size:.95rem;font-weight:800;color:var(--brand);text-shadow:0 0 14px rgba(139,123,255,.7)}.dex-progress__count{font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.dex-progress__hint{color:var(--muted);font-size:.85rem;font-weight:600}.dex-progress__cards{color:var(--ink-2);font-size:.82rem;font-weight:700;margin-top:4px}.sort-row{display:flex;gap:8px;margin-bottom:18px}.sort-chip{padding:8px 15px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--ink-2);font-weight:700;font-size:.86rem;cursor:pointer;transition:border-color .16s,color .16s,background .16s}.sort-chip:hover{border-color:var(--brand);color:var(--ink)}.sort-chip.is-active{background:var(--grad-neon);border-color:transparent;color:#fff}.group-title{font-size:.95rem;font-weight:800;color:var(--ink-2);letter-spacing:-.02em;margin:22px 0 12px}.group-title:first-child{margin-top:0}.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}.entry{text-align:center;background:var(--surface);border:1px solid rgba(139,123,255,.35);border-radius:var(--radius);padding:12px 10px 14px;box-shadow:var(--shadow-card);transition:transform .16s,box-shadow .2s,border-color .2s;animation:bounce-in .45s cubic-bezier(.34,1.4,.64,1) both;cursor:pointer}.entry:hover{transform:translateY(-4px);box-shadow:var(--glow-brand),var(--shadow-card)}.entry__media{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:9px;background:var(--surface-2)}.entry .entry__media:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translate(-130%);transition:transform .6s ease;pointer-events:none}.entry:hover .entry__media:after{transform:translate(130%)}.entry__media img{width:100%;height:100%;object-fit:cover}.entry__name{font-size:.88rem;font-weight:700;letter-spacing:-.02em}.entry__quiz{font-size:.72rem;color:var(--muted);margin-top:2px}.dex-empty{text-align:center;color:var(--ink-2);padding:40px 0;line-height:2}.todo-title{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;margin:34px 0 14px}.todo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.todo-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);color:var(--ink);transition:border-color .16s,transform .16s}.todo-card:hover{border-color:var(--brand);transform:translateY(-2px)}.todo-card__emoji{width:42px;height:42px;flex:none;display:grid;place-items:center;font-size:1.3rem;background:var(--surface-2);border-radius:var(--radius-sm)}.todo-card__name{font-weight:700;font-size:.92rem;letter-spacing:-.02em}.todo-card__go{font-size:.76rem;color:var(--brand);font-weight:700;margin-top:2px}.modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px}.modal__backdrop{position:absolute;inset:0;background:#060510b8;backdrop-filter:blur(3px)}.modal__panel{position:relative;width:min(430px,100%);max-height:86vh;overflow-y:auto;background:var(--surface-solid);border-radius:var(--radius-lg);padding:22px 20px 20px;text-align:center;box-shadow:var(--glow-brand),var(--shadow-card);animation:bounce-in .35s cubic-bezier(.34,1.4,.64,1) both}.modal__close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--ink-2);font-size:.9rem;cursor:pointer;z-index:1}.modal__close:hover{color:var(--ink);border-color:var(--brand)}.modal__img{aspect-ratio:1200 / 630;border-radius:var(--radius);overflow:hidden;background:var(--surface-2);margin-bottom:14px}.modal__img img{width:100%;height:100%;object-fit:cover}.modal__quiz{font-size:.82rem;color:var(--muted);font-weight:700}.modal__title{font-size:1.45rem;font-weight:800;letter-spacing:-.03em;margin:4px 0 10px;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.modal__desc{color:var(--ink-2);font-size:.95rem;line-height:1.75;text-align:left}.modal__date{color:var(--muted);font-size:.78rem;font-weight:600;margin-top:12px}.modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.modal__retry{margin-top:10px}@media(max-width:420px){.modal__actions{grid-template-columns:1fr}}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);background:var(--surface-solid);border:1px solid rgba(139,123,255,.5);color:var(--ink);padding:13px 22px;border-radius:var(--radius-pill);font-weight:700;font-size:.92rem;box-shadow:var(--glow-brand),var(--shadow-card);opacity:0;transition:opacity .25s,transform .25s;z-index:100}.toast.is-visible{opacity:1;transform:translate(-50%)}@media(max-width:640px){.dex-progress{width:100%}}