.avatar{flex:none;border-radius:50%;object-fit:cover;background:var(--ink);border:1px solid var(--ink-line);display:inline-block}.avatar-empty{display:inline-flex;align-items:center;justify-content:center;color:var(--paper-dim)}.profile-photo{display:flex;gap:14px;align-items:flex-start}.profile-photo p{margin:2px 0 8px;font-size:14px;color:var(--paper-dim)}.profile-actions{display:flex;flex-wrap:wrap;gap:8px}.profile-actions button,.profile-actions label{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:8px;border:1px solid var(--ink-line);background:none;color:var(--paper);font:inherit;cursor:pointer}.profile-actions button:disabled,.profile-actions label.disabled{opacity:.5;cursor:default}.profile-actions input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.profile-actions button:focus-visible,.profile-actions label:focus-within{outline:2px solid var(--hanji);outline-offset:2px}.profile-photo .profile-note{margin:8px 0 0;color:var(--hanji)}.profile-login{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0}.profile-login a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--hanji)}.profile-login small{color:var(--paper-dim);font-size:13px}.me{max-width:720px;margin:0 auto;padding:24px 16px 96px}.me h1{font-family:var(--serif);font-size:30px;margin:8px 0 24px}.me a{color:var(--hanji)}.me a.back-link{color:var(--paper-dim);font-size:14px}.me section{background:var(--ink-raise);border:1px solid var(--ink-line);border-radius:12px;padding:20px;margin-bottom:16px}.me h2{font-family:var(--serif);font-size:20px;margin:0 0 12px}.me h2 small{font-family:inherit;font-size:14px;font-weight:400;color:var(--paper-dim);margin-left:6px}.me-purse{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.me-purse li{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--ink-line);border-radius:10px}.me-purse span{font-size:13px;color:var(--paper-dim)}.me-purse strong{font-size:18px}.me-hint{margin:0 0 14px;font-size:14px;color:var(--paper-dim)}.me-shelf{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.me-shelf>li{--talisman:var(--hanji);padding:14px;border:1px solid var(--ink-line);border-left:4px solid var(--talisman);border-radius:10px}.me-shelf>li.empty{opacity:.6}.me-shelf-head{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.me-shelf-head span{font-size:13px;color:var(--paper-dim)}.me-grades{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.me-grade{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:8px;border:1px dashed var(--ink-line);color:var(--paper-dim);font-size:12px}.me-grade b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px dashed var(--ink-line);font-family:var(--serif);font-size:16px;font-weight:600}.me-grade em,.me-grade i{font-style:normal}.me-grade.have{border:2px solid var(--talisman);background:#efe3c2;color:#2a2118}.me-grade.have.silver{background:#e4e6ea}.me-grade.have.gold{background:#f1d98a}.me-grade.have b{border:0;background:var(--talisman);color:#1a1414}.me-grade.have i{font-weight:700}.me-when{margin:10px 0 0;font-size:14px;line-height:1.6;color:var(--paper-dim);word-break:keep-all}.me-when b{color:var(--paper);margin-right:4px}.me nav{display:flex;flex-direction:column}.me nav a,.me nav button{display:flex;align-items:center;min-height:48px;border:0;border-top:1px solid var(--ink-line);background:none;color:var(--paper);font:inherit;text-align:left;padding:0;cursor:pointer;text-decoration:none}.me nav>:first-child{border-top:0}