.me{padding-bottom:clamp(4rem,8vw,6rem)}.me-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.me-card{border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;align-items:flex-start;gap:.8rem;padding:clamp(1.3rem,3vw,1.8rem);display:flex}.me-wide{grid-column:1/-1}.me-h{font:400 1.7rem/1.05 var(--display);letter-spacing:-.01em;text-transform:none;color:var(--text);align-items:center;gap:.6rem;margin:0;display:flex}.me-count{background:var(--accent-soft);color:var(--accent);font:500 .8rem var(--mono);border-radius:999px;padding:.1rem .6rem}.me-sub{max-width:52ch;color:var(--text-2);margin:0}.me-error{color:var(--accent);margin:0;font-size:.9rem}.me-name,.me-use{gap:.5rem;width:100%;max-width:440px;display:flex}.me-name input,.me-use input{border:1px solid var(--line-2);background:var(--bg);min-width:0;color:var(--text);font:inherit;border-radius:999px;outline:none;flex:1;padding:.7rem 1rem}.me-name input:focus,.me-use input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.me-quiz{background-image:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--c,var(--accent)) 22%, transparent), transparent 60%);position:relative;overflow:hidden}.me-quiz-card{color:var(--text);align-items:center;gap:1rem;text-decoration:none;display:flex}.me-quiz-card img{object-fit:cover;width:64px;height:80px;box-shadow:0 0 0 1.5px var(--c);border-radius:12px}.me-quiz-card strong{font:400 2rem/1 var(--display);display:block}.me-quiz-card em{font:500 .75rem var(--mono);color:var(--text-3);font-style:normal}.me-favs{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;width:100%;margin:.3rem 0 0;padding:0;list-style:none;display:grid}.me-favs li{position:relative}.me-fav{color:var(--text);flex-direction:column;gap:.15rem;text-decoration:none;display:flex}.me-fav-img{aspect-ratio:4/5;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:14px;place-items:center;margin-bottom:.45rem;display:grid;position:relative;overflow:hidden}.me-fav-img img{object-fit:cover;filter:grayscale(.2);transition:transform .4s var(--ease)}.me-fav:hover .me-fav-img img{transform:scale(1.05)}.me-fav-img i{font:400 2.4rem var(--display);font-style:normal}.me-fav strong{font:400 1.15rem/1.1 var(--display)}.me-fav em{font:500 .68rem var(--mono);color:var(--text-3);font-style:normal}.me-unfave{background:var(--glass);width:28px;height:28px;color:var(--text);cursor:pointer;opacity:0;border:0;border-radius:50%;place-items:center;font-size:1.1rem;transition:opacity .2s;display:grid;position:absolute;top:6px;right:6px}.me-favs li:hover .me-unfave,.me-unfave:focus-visible{opacity:1}@media (hover:none){.me-unfave{opacity:1}}.me-code{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.me-code code{border:1px dashed var(--line-2);font:500 .9rem var(--mono);letter-spacing:.04em;border-radius:10px;padding:.55rem .9rem}.me-code button{border:1px solid var(--line-2);color:var(--text-2);font:500 .8rem var(--sans);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem .9rem}.me-code button:hover{color:var(--text);border-color:var(--text-3)}@media (max-width:760px){.me-grid{grid-template-columns:1fr}}.mod{padding-bottom:5rem}.mod-login,.mod-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem;display:flex}.mod-login input{border:1px solid var(--line-2);background:var(--bg);min-width:220px;max-width:420px;color:var(--text);font:inherit;border-radius:999px;flex:1;padding:.7rem 1rem}.mod-tabs button{border:1px solid var(--line-2);color:var(--text-2);font:500 .82rem var(--sans);cursor:pointer;background:0 0;border-radius:999px;padding:.45rem .95rem}.mod-tabs button.on{background:var(--text);color:var(--bg);border-color:var(--text)}.mod-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.mod-item{border:1px solid var(--line-2);background:var(--surface);border-radius:16px;gap:.5rem;padding:1rem 1.2rem;display:grid}.mod-item.is-hidden{opacity:.7;border-style:dashed}.mod-meta{font:500 .75rem var(--mono);color:var(--text-3);flex-wrap:wrap;gap:.3rem .9rem;display:flex}.mod-meta strong{color:var(--text);font-family:var(--sans)}.mod-flag{color:var(--accent)}.mod-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.mod-actions{gap:.4rem;display:flex}.mod-actions button{border:1px solid var(--line-2);color:var(--text-2);font:500 .78rem var(--sans);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .85rem}.mod-actions button.danger:hover{border-color:var(--accent);color:var(--accent)}
