.cdirPage{--cdir-gold:var(--gold-display,#9a7c3f);--cdir-gold-bright:#c4a55a;min-height:100vh;padding:calc(var(--nav-safe,64px) + 18px)var(--page-px,16px)64px;max-width:1240px;color:var(--text,#f0ebe3);margin:0 auto}.cdirHead{text-align:center;max-width:680px;margin:6px auto 22px}.cdirKicker{letter-spacing:.32em;text-transform:uppercase;color:var(--cdir-gold);opacity:.85;font-family:Cinzel,serif;font-size:11px}.cdirTitle{color:var(--text-bright,#f0ebe3);margin:8px 0 6px;font-family:Playfair Display,serif;font-size:clamp(30px,8vw,46px);font-weight:600;line-height:1.05}.cdirSub{color:var(--text-secondary,#8a8178);font-size:14px;line-height:1.5}.cdirViewToggle{background:var(--bg-card,#100e0c);border:1px solid var(--border,#9a7c3f26);border-radius:999px;justify-content:center;gap:6px;width:fit-content;margin:0 auto 22px;padding:5px;display:flex}.cdirViewBtn{appearance:none;color:var(--text-secondary,#8a8178);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:9px 26px;font-family:Cinzel,serif;font-size:12px;transition:color .16s,background .16s}.cdirViewBtn:hover{color:var(--text,#f0ebe3)}.cdirViewBtn.active{background:var(--cdir-gold);color:#0a0908;font-weight:600}.cdirFeed{flex-direction:column;align-items:center;gap:20px;max-width:540px;margin:0 auto;display:flex}.cdirFeed>*{width:100%}.cdirFeedItem{flex-direction:column;width:100%;display:flex}.cdirComments{background:var(--bg-card,#100e0c);border:1px solid var(--border-soft,#9a7c3f1f);border-top:none;border-radius:0 0 14px 14px;margin-top:-6px;padding:12px 14px 14px}.cdirCommentsLoading,.cdirCommentsEmpty{color:var(--text-tertiary,#5a554e);padding:4px 0 10px;font-size:12px}.cdirCommentList{flex-direction:column;gap:10px;max-height:280px;margin-bottom:12px;display:flex;overflow-y:auto}.cdirComment{align-items:flex-start;gap:8px;display:flex}.cdirCommentAvatar,.cdirCommentAvatarFallback{-o-object-fit:cover;object-fit:cover;background:var(--bg-surface,#161210);border:1px solid var(--border-soft,#9a7c3f26);border-radius:50%;flex-shrink:0;width:26px;height:26px}.cdirCommentAvatarFallback{color:var(--cdir-gold,#9a7c3f);justify-content:center;align-items:center;font-family:Cinzel,serif;font-size:11px;display:inline-flex}.cdirCommentBody{flex-direction:column;gap:1px;min-width:0;display:flex}.cdirCommentName{color:var(--cdir-gold,#9a7c3f);letter-spacing:.04em;font-size:11px;font-weight:600}.cdirCommentName a{color:inherit;text-decoration:none}.cdirCommentName a:hover{text-decoration:underline}.cdirCommentText{color:var(--text-primary,#e8e2d6);overflow-wrap:anywhere;font-size:13px;line-height:1.45}.cdirCommentForm{align-items:center;gap:8px;display:flex}.cdirCommentInput{background:var(--bg-surface,#161210);border:1px solid var(--border-soft,#9a7c3f2e);min-width:0;color:var(--text-primary,#e8e2d6);border-radius:999px;outline:none;flex:1;padding:9px 14px;font-size:13px}.cdirCommentInput:focus{border-color:var(--cdir-gold,#9a7c3f)}.cdirCommentInput::placeholder{color:var(--text-tertiary,#5a554e)}.cdirCommentSend{border:1px solid var(--cdir-gold,#9a7c3f);color:var(--cdir-gold,#9a7c3f);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-family:Cinzel,serif;font-size:11px;transition:background .15s,color .15s}.cdirCommentSend:not(:disabled):hover{background:var(--cdir-gold,#9a7c3f);color:#0a0908}.cdirCommentSend:disabled{opacity:.45;cursor:default}.cdirFeedEnd{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary,#5a554e);padding:24px 0 8px;font-family:Cinzel,serif;font-size:10px}.cdirFeedSkelWrap{flex-direction:column;align-items:center;gap:20px;max-width:540px;margin:0 auto;display:flex}.cdirFeedSkel{background:linear-gradient(100deg,var(--bg-card,#100e0c)30%,var(--bg-surface,#161210)50%,var(--bg-card,#100e0c)70%);border:1px solid var(--border-soft,#9a7c3f14);background-size:200% 100%;border-radius:14px;width:100%;height:480px;animation:1.3s ease-in-out infinite cdirShimmer}.cdirRecs{margin:8px 0 26px}.cdirRecSection{margin-bottom:18px}.cdirRecLabel{letter-spacing:.18em;text-transform:uppercase;color:var(--cdir-gold);margin:0 2px 10px;font-family:Cinzel,serif;font-size:12px}.cdirRecRow{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding:2px 2px 10px;display:flex;overflow-x:auto}.cdirRecRow::-webkit-scrollbar{height:6px}.cdirRecRow::-webkit-scrollbar-thumb{background:var(--gold-soft,#9a7c3f33);border-radius:6px}.cdirRecCard{scroll-snap-align:start;flex:none;width:168px}.cdirControls{flex-direction:column;gap:12px;margin-bottom:22px;display:flex}.cdirSearch{width:100%;position:relative}.cdirSearchInput{background:var(--bg-surface,#161210);border:1px solid var(--border,#9a7c3f26);width:100%;color:var(--text,#f0ebe3);border-radius:10px;outline:none;padding:12px 14px 12px 40px;font-size:15px;transition:border-color .18s}.cdirSearchInput:focus{border-color:var(--gold-border,#9a7c3f59)}.cdirSearchInput::placeholder{color:var(--text-tertiary,#5a554e)}.cdirSearchIcon{color:var(--text-tertiary,#5a554e);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.cdirPillRow{-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.cdirPillRow::-webkit-scrollbar{height:5px}.cdirPillRow::-webkit-scrollbar-thumb{background:var(--gold-soft,#9a7c3f33);border-radius:6px}.cdirPill{background:var(--bg-card,#100e0c);border:1px solid var(--border,#9a7c3f26);color:var(--text-secondary,#8a8178);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:8px 13px;font-family:Cinzel,serif;font-size:11px;transition:all .16s}.cdirPill:hover{border-color:var(--gold-border,#9a7c3f59);color:var(--text,#f0ebe3)}.cdirPill.active{background:var(--cdir-gold);border-color:var(--cdir-gold);color:#0a0908;font-weight:600}.cdirFilterGroup{flex-direction:column;gap:6px;display:flex}.cdirFilterLabel{letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary,#5a554e);padding-left:2px;font-family:Cinzel,serif;font-size:10px}.cdirGrid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:520px){.cdirGrid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (min-width:860px){.cdirGrid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1140px){.cdirGrid{grid-template-columns:repeat(4,1fr)}}.cdirCard{text-align:center;background:var(--bg-card,#100e0c);border:1px solid var(--border,#9a7c3f26);color:inherit;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:20px 16px 18px;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.cdirCard:hover{border-color:var(--gold-border,#9a7c3f59);transform:translateY(-2px);box-shadow:0 10px 28px #00000047}.cdirRecCard.cdirCard{padding:16px 12px 14px}.cdirAvatar{-o-object-fit:cover;object-fit:cover;border:2px solid var(--gold-border,#9a7c3f59);background:var(--bg-surface,#161210);border-radius:50%;width:72px;height:72px}.cdirAvatarFallback{width:72px;height:72px;color:var(--cdir-gold);background:var(--bg-surface,#161210);border:2px solid var(--gold-border,#9a7c3f59);border-radius:50%;justify-content:center;align-items:center;font-family:Playfair Display,serif;font-size:26px;font-weight:600;display:flex}.cdirName{color:var(--text-bright,#f0ebe3);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:Playfair Display,serif;font-size:17px;font-weight:600;line-height:1.2;overflow:hidden}.cdirUser{color:var(--text-tertiary,#5a554e);margin-top:-4px;font-size:12px}.cdirRank{letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-family:Cinzel,serif;font-size:10px;display:inline-flex}.cdirRankIcon{font-size:12px;line-height:1}.cdirStats{justify-content:center;gap:14px;margin-top:2px;display:flex}.cdirStat{flex-direction:column;align-items:center;line-height:1.1;display:flex}.cdirStatNum{color:var(--text-bright,#f0ebe3);font-family:Playfair Display,serif;font-size:18px;font-weight:600}.cdirStatLbl{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary,#5a554e);margin-top:2px;font-size:9px}.cdirChips{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:2px;display:flex}.cdirChip{letter-spacing:.04em;color:var(--text-secondary,#8a8178);background:var(--gold-soft,#9a7c3f1a);border:1px solid var(--border-soft,#9a7c3f14);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:10px}.cdirSkelGrid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:520px){.cdirSkelGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:860px){.cdirSkelGrid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1140px){.cdirSkelGrid{grid-template-columns:repeat(4,1fr)}}.cdirSkel{background:linear-gradient(100deg,var(--bg-card,#100e0c)30%,var(--bg-surface,#161210)50%,var(--bg-card,#100e0c)70%);border:1px solid var(--border-soft,#9a7c3f14);background-size:200% 100%;border-radius:14px;height:220px;animation:1.3s ease-in-out infinite cdirShimmer}@keyframes cdirShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cdirEmpty{text-align:center;color:var(--text-secondary,#8a8178);padding:60px 20px}.cdirEmptyTitle{color:var(--text-bright,#f0ebe3);margin-bottom:8px;font-family:Playfair Display,serif;font-size:20px}.cdirSentinel{width:100%;height:1px}.cdirMoreLoading{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary,#5a554e);padding:24px;font-family:Cinzel,serif;font-size:11px}