.recordsPanel{display:grid;align-content:start;grid-gap:10px;gap:10px}.recordsSection{display:grid;grid-gap:7px;gap:7px}.recordsReplaySection{display:grid;grid-gap:8px;gap:8px}.recordsReplayPreviewGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(104px,30%);grid-gap:8px;gap:8px;align-items:stretch}.recordsReplayList{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(176px,72%);grid-gap:8px;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.recordsReplayList::-webkit-scrollbar{display:none}.recordsReplayCard{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:stretch;grid-gap:9px;gap:9px;min-height:82px;border:1px solid var(--panel-border);border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 94%,#ffffff 6%) 0,color-mix(in srgb,var(--panel) 78%,#e0f2fe 22%) 100%);padding:7px;text-align:left;cursor:pointer;color:inherit}.recordsReplayCardFeatured{min-height:92px}.recordsReplayCard:focus-visible,.recordsReplayCard:hover{border-color:color-mix(in srgb,#0f766e 46%,var(--panel-border) 54%);box-shadow:0 12px 28px rgba(15,118,110,.12);outline:none}.recordsReplayCover{position:relative;min-width:0;border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--panel-border) 38%,transparent 62%)}.recordsReplayCover img{object-fit:cover}.recordsReplayCount{position:absolute;right:5px;bottom:5px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:.56rem;font-weight:800;line-height:1;padding:4px 6px}.recordsReplayBody{min-width:0;display:grid;align-content:center;grid-gap:5px;gap:5px}.recordsReplayBody strong{color:var(--ink-strong);font-size:.74rem;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recordsReplayBody span{color:var(--ink-soft);font-size:.6rem;font-weight:700;line-height:1.35;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recordsReplayBody small{color:color-mix(in srgb,var(--ink-soft) 78%,#0f766e 22%);font-size:.56rem;font-weight:800;line-height:1}.recordsReplayAllButton{border:1px solid color-mix(in srgb,var(--panel-border) 72%,#0f766e 28%);border-radius:13px;background:radial-gradient(circle at 24% 18%,rgba(45,212,191,.2),transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--panel) 88%,#f0fdfa 12%) 0,color-mix(in srgb,var(--panel) 74%,#ccfbf1 26%) 100%);color:var(--ink-strong);padding:10px;display:grid;align-content:center;justify-items:start;grid-gap:5px;gap:5px;text-align:left;cursor:pointer}.recordsReplayAllButton:focus-visible,.recordsReplayAllButton:hover{border-color:color-mix(in srgb,#0f766e 58%,var(--panel-border) 42%);box-shadow:0 12px 28px rgba(15,118,110,.14);outline:none}.recordsReplayAllIcon{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,#0f766e 13%,var(--panel) 87%);color:#0f766e}.recordsReplayAllIcon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.recordsReplayAllButton strong{color:var(--ink-strong);font-size:.72rem;line-height:1.2}.recordsReplayAllButton>span:last-child{color:var(--ink-soft);font-size:.58rem;font-weight:800}.recordsReplayEmpty{border:1px dashed color-mix(in srgb,var(--panel-border) 86%,#0f766e 14%);border-radius:13px;background:color-mix(in srgb,var(--panel) 86%,transparent 14%);padding:12px;display:grid;grid-gap:4px;gap:4px}.recordsReplayEmpty strong{font-size:.72rem;color:var(--ink-strong)}.recordsReplayEmpty span{font-size:.62rem;font-weight:700;color:var(--ink-soft);line-height:1.4}.recordsReplayDrawerLayer{position:absolute;inset:0;z-index:28;overflow:hidden;pointer-events:auto}.recordsReplayDrawerBackdrop{position:absolute;inset:0;border:0;padding:0;background:rgba(15,23,42,.28)}.recordsReplayDrawer{position:absolute;top:0;right:0;bottom:0;width:min(86vw,390px);display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:10px;gap:10px;padding:14px;background:color-mix(in srgb,var(--page-bg) 88%,#ffffff 12%);border-left:1px solid var(--panel-border);box-shadow:-24px 0 60px rgba(15,23,42,.18);animation:recordsReplayDrawerIn .24s ease-out both}.recordsReplayDrawer.isClosing{animation:recordsReplayDrawerOut .24s ease-in both}.recordsReplayDrawerHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.recordsReplayDrawerHeader div{display:grid;grid-gap:3px;gap:3px;min-width:0}.recordsReplayDrawerHeader strong{color:var(--ink-strong);font-size:.88rem;line-height:1.2}.recordsReplayDrawerHeader span{color:var(--ink-soft);font-size:.62rem;font-weight:800}.recordsReplayDrawerCloseButton{width:32px;height:32px;border:0;border-radius:0;background:transparent;color:var(--ink-strong);display:grid;place-items:center;padding:0;font-size:1.18rem;line-height:1;cursor:pointer}.recordsReplayDrawerList{min-height:0;overflow-y:auto;display:grid;align-content:start;grid-gap:8px;gap:8px;padding-right:2px;scrollbar-width:thin}.recordsReplayDrawerItem{border:1px solid var(--panel-border);border-radius:12px;background:var(--panel);color:inherit;padding:7px;display:grid;grid-template-columns:74px minmax(0,1fr);grid-gap:9px;gap:9px;text-align:left;cursor:pointer}.recordsReplayDrawerItem:focus-visible,.recordsReplayDrawerItem:hover{border-color:color-mix(in srgb,#0f766e 46%,var(--panel-border) 54%);box-shadow:0 10px 22px rgba(15,118,110,.1);outline:none}.recordsReplayDrawerCover{position:relative;min-height:74px;border-radius:9px;overflow:hidden;background:color-mix(in srgb,var(--panel-border) 38%,transparent 62%)}.recordsReplayDrawerCover img{object-fit:cover}.recordsReplayDrawerCover span{position:absolute;right:5px;bottom:5px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:.54rem;font-weight:900;line-height:1;padding:4px 6px}.recordsReplayDrawerBody{min-width:0;display:grid;align-content:center;grid-gap:5px;gap:5px}.recordsReplayDrawerBody strong{color:var(--ink-strong);font-size:.72rem;line-height:1.28;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recordsReplayDrawerBody span{color:var(--ink-soft);font-size:.58rem;font-weight:700;line-height:1.35;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recordsReplayDrawerBody small{color:color-mix(in srgb,var(--ink-soft) 78%,#0f766e 22%);font-size:.54rem;font-weight:900}.recordsReplayPlayerLayer{position:absolute;inset:0;z-index:112;display:grid;place-items:center}.recordsReplayPlayerBackdrop{position:absolute;inset:0;border:0;background:#000}.recordsReplayPlayer{position:relative;z-index:1;width:100%;height:min(720px,100%);border-radius:18px;overflow:hidden;background:#020617;box-shadow:0 30px 80px rgba(0,0,0,.42);cursor:-webkit-grab;cursor:grab;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none}.recordsReplayProgress{position:absolute;z-index:4;top:10px;left:12px;right:85px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-gap:4px;gap:4px}.recordsReplayProgress span{position:relative;overflow:hidden;height:3px;border-radius:999px;background:rgba(255,255,255,.28)}.recordsReplayProgress span:after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,.92);transform:scaleX(0);transform-origin:left center}.recordsReplayProgress span.isComplete:after{transform:scaleX(1)}.recordsReplayProgress span.isCurrent:after{animation:recordsReplayProgressFill 3s linear forwards}.recordsReplayPlayer.isCreatingVideo .recordsReplayProgress span.isCurrent:after{animation-play-state:paused}.recordsReplayCloseButton{right:9px;place-items:center;padding:0;font-size:1.15rem;line-height:1;cursor:pointer}.recordsReplayCloseButton,.recordsReplayVideoButton{position:absolute;z-index:5;top:8px;width:30px;height:30px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(15,23,42,.44);color:#fff;display:grid}.recordsReplayVideoButton{right:47px;place-items:center;padding:0;cursor:pointer}.recordsReplayVideoButton:disabled{cursor:wait}.recordsReplayVideoButton svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.recordsReplayPlayer.isCreatingVideo{cursor:wait}.recordsReplayPlayer.isCreatingVideo .recordsReplayFrameCurrent,.recordsReplayPlayer.isCreatingVideo .recordsReplayFramePrevious{animation-play-state:paused}.recordsReplayVideoProgressPanel{position:absolute;z-index:7;inset:0;display:grid;place-content:center;justify-items:center;grid-gap:7px;gap:7px;background:rgba(0,0,0,.58);color:#fff;pointer-events:auto}.recordsReplayVideoProgressPanel strong{font-size:2rem;line-height:1}.recordsReplayVideoProgressPanel span{font-size:.78rem;font-weight:800}.recordsReplayVideoProgressPanel>div{width:min(220px,58vw);height:4px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.28)}.recordsReplayVideoProgressPanel i{display:block;width:100%;height:100%;border-radius:inherit;background:#fff;transform-origin:left center}.recordsReplayVideoProgressPanel small{margin-top:9px;color:rgba(255,255,255,.7);font-size:.63rem;font-weight:700;line-height:1.5;text-align:center}.recordsReplayVideoError{position:absolute;z-index:6;top:46px;right:10px;max-width:calc(100% - 20px);margin:0;border-radius:6px;background:rgba(127,29,29,.92);color:#fff;padding:7px 9px;font-size:.68rem;font-weight:800;line-height:1.35}.recordsReplayFrame{position:absolute;inset:0;will-change:opacity,transform}.recordsReplayFrame img{object-fit:cover;pointer-events:none;-webkit-user-drag:none}.recordsReplayFramePrevious{z-index:1;animation:recordsReplayImageOut 1s ease-in-out both}.recordsReplayFramePreload{z-index:0;opacity:0;visibility:hidden}.recordsReplayFrameCurrent{z-index:2;animation:recordsReplayImageIn 1s ease-in-out both}.recordsReplayFrameCurrent.isInitial{animation:none}.recordsReplayCaption{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:72px 18px 18px;display:grid;grid-gap:5px;gap:5px;background:linear-gradient(0deg,rgba(2,6,23,.82),rgba(2,6,23,.46) 58%,transparent);color:#fff}.recordsReplayCaption p,.recordsReplayCaption span{margin:0;color:rgba(255,255,255,.78);font-size:.7rem;font-weight:800}.recordsReplayCaption strong{font-size:1.02rem;line-height:1.28}.recordsReplayEndPanel{position:absolute;z-index:4;inset:0;display:grid;place-content:center;padding:24px;background:rgba(2,6,23,.46);text-align:center}.recordsReplayEndPanel button{border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(255,255,255,.92);color:#0f172a;padding:9px 15px;font-size:.78rem;font-weight:900;cursor:pointer}@keyframes recordsReplayImageIn{0%{opacity:0;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}@keyframes recordsReplayImageOut{0%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1.012)}}@keyframes recordsReplayProgressFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes recordsReplayDrawerIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes recordsReplayDrawerOut{0%{transform:translateX(0)}to{transform:translateX(100%)}}.recordsSectionHeader{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.recordsSectionHeader strong{font-size:.76rem;color:var(--ink-strong)}.recordsSectionHeader span{font-size:.61rem;font-weight:700;color:var(--ink-soft)}.recordsStatsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px}.recordsStatsGridPrimary{grid-template-columns:repeat(2,minmax(0,1fr))}.recordsStatsGridPrimary.hasRouletteStat{grid-template-columns:repeat(3,minmax(0,1fr))}.recordsStatCard{border:1px solid var(--panel-border);border-radius:11px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 86%,transparent 14%) 0,color-mix(in srgb,var(--panel) 68%,transparent 32%) 100%);padding:8px 7px;display:grid;grid-gap:3px;gap:3px;align-content:start}.recordsStatCard.isPrimary{padding:11px 10px;border-radius:13px;background:radial-gradient(circle at top right,rgba(20,184,166,.12),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--panel) 94%,transparent 6%) 0,color-mix(in srgb,var(--panel) 76%,transparent 24%) 100%)}.recordsStatCard span{font-size:.6rem;font-weight:700;color:var(--ink-soft);letter-spacing:.01em}.recordsStatLabelWithInfo{display:inline-flex;align-items:center;gap:4px;min-width:0}.recordsInfoButton{width:14px;height:14px;border:1px solid color-mix(in srgb,var(--ink-soft) 38%,transparent 62%);border-radius:999px;background:color-mix(in srgb,var(--panel) 86%,transparent 14%);color:var(--ink-soft);display:inline-grid;place-items:center;flex:0 0 auto;padding:0;font-size:.54rem;font-weight:800;line-height:1;cursor:pointer}.recordsInfoButton:focus-visible,.recordsInfoButton:hover{border-color:color-mix(in srgb,#14b8a6 72%,var(--panel-border) 28%);color:#0f766e;outline:none}.recordsStatCard strong{font-size:1rem;line-height:1.1;color:var(--ink-strong)}.recordsStatUnit{margin-left:2px;font-size:.58em;font-weight:800}.recordsStatCard.isPrimary strong{font-size:1.18rem}.recordsInfoLayer{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px}.recordsInfoBackdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.34);cursor:default}.recordsInfoPopover{position:relative;z-index:1;width:min(340px,calc(100vw - 36px));border:1px solid var(--panel-border);border-radius:14px;background:color-mix(in srgb,var(--panel) 96%,#ffffff 4%);box-shadow:0 22px 54px rgba(15,23,42,.18);padding:15px 16px;display:grid;grid-gap:8px;gap:8px}.recordsInfoCloseButton{position:absolute;top:9px;right:9px;width:24px;height:24px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ink-soft);display:grid;place-items:center;padding:0;font-size:1rem;line-height:1;cursor:pointer}.recordsInfoCloseButton:focus-visible,.recordsInfoCloseButton:hover{border-color:var(--panel-border);background:color-mix(in srgb,var(--panel) 80%,transparent 20%);color:var(--ink-strong);outline:none}.recordsInfoPopover strong{padding-right:28px;font-size:.86rem;color:var(--ink-strong)}.recordsInfoPopover p{margin:0;font-size:.74rem;line-height:1.55;color:var(--ink-soft)}.recordsPatternList{display:grid;grid-gap:8px;gap:8px}.recordsPatternItem{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;padding:11px 12px;border:1px solid var(--panel-border);border-radius:13px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 92%,transparent 8%) 0,color-mix(in srgb,var(--panel) 78%,transparent 22%) 100%);overflow:hidden;isolation:isolate}.recordsPatternItem:after,.recordsPatternItem:before{content:"";position:absolute;pointer-events:none;z-index:0}.recordsPatternItem:before{inset:0 0 0 auto;width:min(64%,250px);border-radius:0;background:linear-gradient(90deg,color-mix(in srgb,var(--panel) 94%,transparent 6%) 0,rgba(255,255,255,.08) 26%,transparent 58%),var(--records-pattern-bg-image);background-size:cover;background-position:100%;opacity:0;transform:none;transition:opacity .18s ease}.recordsPatternItem:after{inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--panel) 84%,transparent 16%) 0,color-mix(in srgb,var(--panel) 56%,transparent 44%) 50%,transparent 100%);opacity:0}.recordsPatternItem.hasPatternBackground:before{opacity:.82}.recordsPatternItem.hasPatternBackground:after{opacity:1}.recordsPatternItem.isAutumnAccent.hasPatternBackground:before,.recordsPatternItem.isSpringAccent.hasPatternBackground:before,.recordsPatternItem.isSummerAccent.hasPatternBackground:before,.recordsPatternItem.isWinterAccent.hasPatternBackground:before{opacity:.86;background-size:100% 100%,100% 600%}.recordsPatternItem.isSpringAccent.hasPatternBackground:before{background-position:0,right 0}.recordsPatternItem.isSummerAccent.hasPatternBackground:before{background-position:0,right 20%}.recordsPatternItem.isAutumnAccent.hasPatternBackground:before{background-position:0,right 40%}.recordsPatternItem.isWinterAccent.hasPatternBackground:before{background-position:0,right 60%}.recordsPatternItem.isWeekendAccent.hasPatternBackground:before{background-size:100% 100%,cover;background-position:0,100%;opacity:.86}.recordsPatternItem.isPhotoAccent.hasPatternBackground:before,.recordsPatternItem.isRegionAccent.hasPatternBackground:before{opacity:.86}.recordsPatternBody{position:relative;z-index:1;min-width:0;display:grid;grid-gap:3px;gap:3px}.recordsPatternBody strong{font-size:.73rem;color:var(--ink-strong)}.recordsPatternBody p{margin:0;font-size:.62rem;line-height:1.45;color:var(--ink-soft)}.recordsPatternValue{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,#14b8a6 12%,var(--panel) 88%);color:#0f766e;font-size:.62rem;font-weight:800;text-align:center}.recordsPlaceholder{border:1px dashed var(--panel-border);border-radius:10px;padding:8px;min-height:64px;display:grid;align-content:start}.recordsPlaceholder p{margin:0;font-size:.64rem;color:var(--text-muted)}.achievementPanel{min-height:120px;min-width:0;display:grid;align-content:start;grid-gap:10px;gap:10px}.achievementSection{display:grid;grid-gap:5px;gap:5px;min-width:0}.achievementSectionHeader{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;padding:2px 2px 0}.achievementSectionHeader strong{font-size:.9rem;line-height:1.06;color:var(--ink-strong);letter-spacing:-.02em}.achievementSectionCount{font-size:.58rem;font-weight:800;letter-spacing:.01em;color:var(--ink-soft)}.achievementSectionChallenge{font-size:.58rem;font-weight:700;letter-spacing:.01em;color:var(--text-muted)}.achievementRail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(70px,82px);grid-gap:1px;gap:1px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 0;scrollbar-width:none;-ms-overflow-style:none;cursor:-webkit-grab;cursor:grab;touch-action:auto;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none}.achievementRail.hasPeek{grid-auto-columns:max(70px,calc((100% - 38px - 4px) / 5))}.achievementRail::-webkit-scrollbar{width:0;height:0}.achievementRail[data-dragging=true]{cursor:-webkit-grabbing;cursor:grabbing}.achievementBadge{border-radius:0;border:0;padding:0 0 2px;display:grid;justify-items:center;align-content:start;grid-gap:1px;gap:1px;background:transparent;min-height:72px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.achievementBadgeImageWrap{width:42px;height:42px;display:grid;place-items:center;background:none}.achievementBadgeImage{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.achievementBadge strong,.achievementBadgeGoal,.achievementBadgeHonor{-moz-user-select:none;user-select:none;-webkit-user-select:none}.achievementBadge strong{font-size:.54rem;line-height:1.16;color:var(--ink-strong)}.achievementBadge strong,.achievementBadgeHonor{text-align:center;white-space:normal;word-break:keep-all}.achievementBadgeHonor{display:inline-flex;align-items:baseline;justify-content:center;gap:3px;flex-wrap:wrap;font-size:.46rem;font-weight:700;letter-spacing:.01em;color:var(--text-muted);line-height:1.1}.achievementBadgeGoal{display:block;font-size:.4rem;font-weight:800;letter-spacing:.02em;color:var(--ink-soft)}.achievementBadgeDate{font-size:.42rem;font-weight:800;letter-spacing:.03em;line-height:1.1;color:#f97316;text-align:center;-moz-user-select:none;user-select:none;-webkit-user-select:none}.achievementBadge.isLocked{background:transparent}.achievementBadge.isLocked .achievementBadgeImage{filter:grayscale(1) saturate(0) opacity(.32)}.achievementBadge.isLocked .achievementBadgeDate,.achievementBadge.isLocked .achievementBadgeGoal,.achievementBadge.isLocked .achievementBadgeHonor,.achievementBadge.isLocked strong{color:var(--button-muted-disabled)}.achievementBadge.isUnlocked .achievementBadgeImageWrap{box-shadow:none}.profileHero{display:flex;align-items:center;gap:10px;padding:2px 2px 0}.profileAvatarWrap{position:relative;width:54px;height:54px;flex-shrink:0}.profileAvatarHero{width:54px;height:54px;border-radius:999px;overflow:hidden;border:1px solid #dbe7f7;background:#eef4ff;flex-shrink:0;display:inline-block}.profileAvatarViewButton{border:0;background:transparent;border-radius:999px;padding:0;display:inline-flex;width:54px;height:54px;cursor:pointer}.profileAvatarViewButton:focus-visible{outline:2px solid color-mix(in srgb,var(--icon-ink) 45%,transparent);outline-offset:3px}.profileAvatar{width:100%;height:100%;object-fit:cover;display:block}.profileAvatarFallback{width:100%;height:100%;display:grid;place-items:center;font-size:.78rem;font-weight:700;color:var(--ink-strong)}.profileHeroText{display:grid;grid-gap:1px;gap:1px}.profileHeroText strong{font-size:.88rem;color:var(--ink-strong)}.profileHeroText span{font-size:.72rem;color:var(--text-muted)}.profileHeroActions{display:flex;gap:6px;padding:0}.profileAvatarEditButton{position:absolute;right:-3px;top:-3px;z-index:2;width:19px;height:19px;border-radius:999px;border:1px solid #bfd3ee;background:#ffffff;box-shadow:0 3px 8px rgba(15,23,42,.18);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.profileAvatarEditButton:disabled{opacity:.55;cursor:not-allowed}.profileAvatarEditButton svg{width:11px;height:11px;stroke:#334155;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.profileAvatarViewerLayer{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:18px}.profileAvatarViewerBackdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.68);padding:0;cursor:pointer}.profileAvatarViewerModal{position:relative;z-index:1;width:min(86vw,360px);aspect-ratio:1/1}.profileAvatarViewerCloseButton{position:absolute;top:-12px;right:-12px;z-index:2;width:34px;height:34px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(15,23,42,.82);color:#ffffff;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.profileAvatarViewerCloseButton svg{width:17px;height:17px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.profileAvatarViewerFrame{width:100%;height:100%;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.76);background:#eef4ff;box-shadow:0 22px 56px rgba(2,6,23,.36)}.profileAvatarViewerImage{width:100%;height:100%;object-fit:cover;display:block}.profileAvatarViewerFallback{width:100%;height:100%;display:grid;place-items:center;color:var(--ink-strong);font-size:clamp(3rem,24vw,6rem);font-weight:800}.profileNicknameEditButton{width:22px;height:22px;border:0;border-radius:6px;background:var(--icon-bg-end);color:var(--button-muted);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.profileNicknameEditButton svg{width:12px;height:12px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.profileDisplayNameLine .profileNicknameEditButton{width:20px;height:20px;border-radius:5px;background:var(--icon-bg-end);color:#334155;opacity:1;flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.profileDisplayNameLine .profileNicknameEditButton:hover{color:var(--ink-strong)}.profileDisplayNameLine .profileNicknameEditButton svg{width:12px;height:12px;color:#334155;stroke:currentColor;stroke-width:2.1;display:block;flex:0 0 auto}@media (max-width:720px){.achievementSectionChallenge,.achievementSectionCount,.myTimelineDate,.myTimelineStartLabel,.myTimelineTripDate,.recordsPatternBody p,.recordsPlaceholder p,.recordsSectionHeader span,.recordsStatCard span{font-size:.72rem}.recordsStatsGrid,.recordsStatsGridPrimary{grid-template-columns:repeat(2,minmax(0,1fr))}.recordsStatsGridPrimary.hasRouletteStat{grid-template-columns:repeat(3,minmax(0,1fr))}.recordsPatternItem{grid-template-columns:minmax(0,1fr)}.recordsPatternValue{justify-self:start}.myLogTileCount,.myLogTileFallback span,.profileTopRegionDate,.profileTopRegionMeta{font-size:.68rem}.achievementBadge strong{font-size:.62rem}.achievementBadgeDate,.achievementBadgeGoal,.achievementBadgeHonor{font-size:.58rem}.modalBackdrop{padding:max(12px,env(safe-area-inset-top,0px)) 12px max(12px,env(safe-area-inset-bottom,0px))}.avatarCropModal{width:min(360px,calc(100vw - 24px));padding:14px;border-radius:16px;gap:10px}.avatarCropViewport{width:min(100%,320px);border-radius:20px}.avatarCropMask{width:min(240px,calc(100% - 24px));height:min(240px,calc(100% - 24px));border-radius:18px}.avatarCropActions{justify-content:space-between}.avatarCropSubmitButton{min-width:96px}}html[data-theme=dark] .myPageTabPane,html[data-theme=dark] .profileTopRegionsCard{border-color:var(--panel-border);background:linear-gradient(180deg,var(--panel-top) 0,var(--panel-bottom) 100%)}html[data-theme=dark] .myLogTileFallback strong,html[data-theme=dark] .profileAvatarEditButton:hover,html[data-theme=dark] .profileTopRegionItem.isEmpty,html[data-theme=dark] .profileTopRegionItem.isLoading,html[data-theme=dark] .profileTopRegionsHead strong,html[data-theme=dark] .recordsPatternValue{color:var(--ink-strong)}html[data-theme=dark] .profileTopRegionItem{border-color:var(--panel-border);background:linear-gradient(145deg,#16243a,#1d314d)}html[data-theme=dark] .profileTopRegionImage{border-color:rgba(226,232,240,.42);background:var(--notification-avatar-bg);box-shadow:0 4px 12px rgba(2,6,23,.42)}html[data-theme=dark] .myLogTileSurface{background:linear-gradient(145deg,#16243a,#1d314d)}html[data-theme=dark] .myLogTileFallback{color:var(--ink-strong)}html[data-theme=dark] .myLogTileFallback span,html[data-theme=dark] .profileTopRegionItem.isEmpty span{color:var(--text-muted)}html[data-theme=dark] .myLogTileSkeleton,html[data-theme=dark] .profileLogSkeletonCard,html[data-theme=dark] .profileLogSkeletonMedia,html[data-theme=dark] .profileSkeletonAvatar,html[data-theme=dark] .profileSkeletonLine,html[data-theme=dark] .profileSkeletonStats span,html[data-theme=dark] .profileSkeletonTabs span{background:linear-gradient(90deg,rgba(30,41,59,.72),rgba(51,65,85,.82),rgba(30,41,59,.72));background-size:220% 100%}html[data-theme=dark] .profileLogSkeletonCard{border-color:var(--panel-border)}html[data-theme=dark] .recordsPatternValue{background:color-mix(in srgb,#14b8a6 22%,var(--panel) 78%)}html[data-theme=dark] .profileAvatarEditButton,html[data-theme=dark] .profileAvatarHero{border-color:var(--panel-border);background:var(--notification-avatar-bg)}html[data-theme=dark] .profileAvatarEditButton svg{stroke:var(--ink-strong)}.friendMapIconButton{border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8}.friendFeedIconButton,.friendMapIconButton{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.friendFeedIconButton{border:1px solid #b7efde;border-radius:999px;background:#ecfdf5;color:#0f766e}.friendFeedIconButton svg,.friendMapIconButton svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.friendPanel{flex:1 1 auto;min-height:220px;height:100%;background:transparent;border:0;border-radius:0;box-shadow:none;padding:14px 14px calc(var(--bottom-nav-height) + 14px + env(safe-area-inset-bottom, 0px));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;scrollbar-width:none;-ms-overflow-style:none}.friendPanel::-webkit-scrollbar{width:0;height:0}html[data-native-shell=true] .friendPanel{padding-bottom:14px}.friendSearchWrap{margin-bottom:8px}.friendSearchResultCard{cursor:pointer}.friendTravelerSearchButton{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;height:34px;padding:0 11px 0 10px;border:1px solid #d9e7f2;border-radius:999px;background:#ffffff;color:#0f766e;font-size:.72rem;font-weight:800;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.06)}.friendTravelerSearchButton svg{width:15px;height:15px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.friendTravelerSearchButton span{display:inline-block}.friendTravelerSearchButton:hover{background:#f8fbff}.friendTravelerSearchLayer{position:fixed;top:0;bottom:0;left:50%;width:min(100vw,var(--app-width));transform:translateX(-50%);z-index:75;display:block;padding:0}html[data-native-shell=true] .friendTravelerSearchLayer{top:0;height:100dvh}.friendTravelerSearchBackdrop{position:absolute;inset:0;border:0;background:color-mix(in srgb,var(--app-bg,#f6f9fc) 94%,#ffffff 6%)}.friendTravelerSearchPanel{position:relative;z-index:1;width:100%;height:100%;max-height:none;display:grid;grid-template-rows:auto auto minmax(0,1fr);grid-gap:12px;gap:12px;padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));border-radius:0;border:0;background:var(--panel);box-shadow:none}.friendTravelerSearchHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.friendTravelerSearchHeader strong{font-size:1.05rem;color:var(--ink-strong)}.friendTravelerSearchClose{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:999px;background:transparent;color:#64748b;cursor:pointer;padding:0}.friendTravelerSearchClose:focus-visible,.friendTravelerSearchClose:hover{background:#f8fbff}.friendTravelerSearchClose svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}html[data-native-shell=true] .friendTravelerSearchPanel{padding-top:calc(var(--native-shell-top-offset, 0px) + 12px)}.friendTravelerSearchResults{min-height:120px;overflow:auto;padding-bottom:12px}.friendFreshRailSection{display:grid;grid-gap:8px;gap:8px;margin:2px 0 10px}.friendFreshRailHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.friendFreshRailHeader strong{display:block;font-size:.72rem;color:var(--ink-strong);letter-spacing:-.01em}.friendFreshRailHeader span{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:20px;padding:0 7px;border-radius:999px;background:color-mix(in srgb,#14b8a6 15%,var(--panel) 85%);color:#0f766e;font-size:.62rem;font-weight:800}.friendFreshRail{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:0 1px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.friendFreshRail::-webkit-scrollbar{display:none}.friendFreshCard{flex:0 0 auto;width:max-content;min-width:calc((100% - 16px) / 3);max-width:min(72vw,220px);scroll-snap-align:start}.friendFreshCardSurface{position:relative;width:100%;height:88px;border:1px solid color-mix(in srgb,#14b8a6 18%,#dbeafe 82%);border-radius:16px;padding:11px 12px;display:grid;align-content:space-between;grid-gap:8px;gap:8px;text-align:left;color:#0f172a;cursor:pointer;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(240,249,255,.94)),radial-gradient(circle at top right,rgba(20,184,166,.14),transparent 36%);box-shadow:0 8px 16px rgba(15,23,42,.05)}.friendFreshBackdrop{position:absolute;inset:auto -8% -44% auto;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,rgba(20,184,166,.18),rgba(20,184,166,0));pointer-events:none}.friendFreshBody,.friendFreshTop{position:relative;z-index:1}.friendFreshTop{display:flex;align-items:center;justify-content:space-between;gap:6px}.friendFreshTime{display:inline-flex;align-items:center;flex-shrink:0;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.82);color:#0f766e;font-size:.62rem;font-weight:800;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(20,184,166,.16)}.friendFreshRegion{min-width:0;overflow:hidden;color:#0f4c81;font-size:.72rem;font-weight:800;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.friendFreshBody{display:flex;align-items:center;gap:9px}.friendFreshAvatarWrap{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;overflow:hidden;flex-shrink:0;background:linear-gradient(180deg,#ffffff,#dff7f5);box-shadow:inset 0 0 0 1px rgba(20,184,166,.14)}.friendFreshAvatar{width:100%;height:100%;object-fit:cover}.friendFreshAvatarFallback{color:#0f766e;font-size:.86rem;font-weight:800}.friendFreshIdentity{min-width:0;display:grid;grid-gap:4px;gap:4px}.friendFreshIdentity strong{color:#334155;font-size:.66rem;line-height:1.15;font-weight:700;opacity:.86}.friendFreshIdentity span,.friendFreshIdentity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friendFreshIdentity span{color:#475569;font-size:.62rem;line-height:1.2}.friendTabs{gap:5px;margin-bottom:8px}.friendTabButton,.friendTabs{display:inline-flex;align-items:center}.friendTabButton{border:1px solid #d3e4e8;background:#f8fbfc;color:#64748b;border-radius:999px;padding:7px 10px;font-size:.66rem;font-weight:700;line-height:1;cursor:pointer;gap:4px}.friendTabButton span{color:#94a3b8;font-size:.62rem}.friendTabButton.isActive{border-color:#0ea5a6;background:#ecfeff;color:#0f4c81}.friendTabButton.isActive span{color:#0e7490}.friendHeaderTop{width:100%;min-width:0}.friendHeaderTitleRow{display:flex;align-items:center;justify-content:space-between;gap:8px}.friendHeaderCounts{margin:0;font-size:.62rem;color:#64748b;font-weight:600;white-space:nowrap}.friendSearchInput{width:100%;border:1px solid #d3e4e8;background:#f8fbfc;border-radius:10px;padding:8px 10px;font-size:.78rem;color:#0f172a}.friendList{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.friendGroupSection{display:grid;grid-gap:0;gap:0}.friendGroupHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 6px}.friendGroupHeader strong{font-size:.72rem;color:var(--ink-strong)}.friendGroupHeader span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:18px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,#14b8a6 16%,var(--panel) 84%);color:#0f766e;font-size:.56rem;font-weight:800}.friendGroupList{display:grid;grid-gap:0;gap:0}.friendCard{border:0;border-bottom:1px solid #e2ecf6;border-radius:0;background:transparent;padding:6px 2px;display:grid;grid-gap:1px;gap:1px;cursor:pointer}.friendCard.isRecentTrip{background:linear-gradient(180deg,color-mix(in srgb,#14b8a6 4%,transparent 96%),transparent)}.friendCard.isNotificationTarget{position:relative;background:color-mix(in srgb,#14b8a6 12%,var(--panel) 88%);animation:friendNotificationTargetBlink 2s ease-out 1}.friendCard:hover{background:rgba(248,251,255,.7)}.friendCardTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.friendActions{gap:5px;flex-shrink:0}.friendActions,.friendLead{display:inline-flex;align-items:center}.friendLead{gap:7px;min-width:0}@keyframes friendNotificationTargetBlink{0%{background:color-mix(in srgb,#14b8a6 14%,var(--panel) 86%)}68%{background:color-mix(in srgb,#14b8a6 14%,var(--panel) 86%)}to{background:transparent}}.friendAvatarWrap{position:relative;width:var(--avatar-size-ui);height:var(--avatar-size-ui);border-radius:999px;overflow:hidden;flex-shrink:0;border:1px solid #dbe7f7;background:#eef4ff}.friendAvatarWrap.isRecentTrip:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 0deg,rgba(20,184,166,.06),rgba(20,184,166,.74),rgba(56,189,248,.4),rgba(20,184,166,.06));animation:friendRecentOrbit 7.2s linear infinite;z-index:0}.friendAvatarWrap.isRecentTrip:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:rgba(255,255,255,.72);z-index:1}.friendAvatar{object-fit:cover;display:block}.friendAvatar,.friendAvatarFallback{position:relative;z-index:2;width:100%;height:100%}.friendAvatarFallback{display:grid;place-items:center;font-size:.72rem;color:#0f4c81;font-weight:700}.friendIdentity{display:flex;align-items:center;min-width:0}.friendIdentity strong{font-size:.78rem;color:#0f172a}.friendIdentityRow{display:inline-flex;align-items:center;gap:7px;min-width:0}.friendRecentInline{font-size:.64rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes friendRecentOrbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.friendListStatus{margin:0;text-align:center;font-size:.82rem;color:#64748b;padding:12px 0}.friendListStatus.isError{color:#be123c}html[data-theme=dark] .friendTabButton{border-color:var(--panel-border);background:color-mix(in srgb,var(--panel) 90%,transparent 10%);color:var(--ink-soft)}html[data-theme=dark] .friendHeaderCounts,html[data-theme=dark] .friendListStatus,html[data-theme=dark] .friendRecentInline,html[data-theme=dark] .friendTabButton span{color:var(--text-muted)}html[data-theme=dark] .friendFreshRailHeader span{background:color-mix(in srgb,#14b8a6 18%,var(--panel) 82%);color:#7dd3c7}html[data-theme=dark] .friendFreshCardSurface{border-color:color-mix(in srgb,#14b8a6 28%,var(--panel-border) 72%);color:var(--ink-strong);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 94%,#0f172a 6%),color-mix(in srgb,var(--panel) 90%,#0b1220 10%)),radial-gradient(circle at top right,rgba(20,184,166,.16),transparent 36%);box-shadow:0 18px 30px rgba(2,6,23,.26)}html[data-theme=dark] .friendFreshTime{background:rgba(15,23,42,.72);color:#7dd3c7;box-shadow:inset 0 0 0 1px rgba(125,211,199,.18)}html[data-theme=dark] .friendFreshRegion{color:#bfdbfe}html[data-theme=dark] .friendFreshAvatarWrap{background:linear-gradient(180deg,rgba(30,41,59,.96),rgba(15,23,42,.96));box-shadow:inset 0 0 0 1px rgba(125,211,199,.14)}html[data-theme=dark] .friendFreshAvatarFallback{color:#7dd3c7}html[data-theme=dark] .friendFreshIdentity strong{color:var(--ink-strong)}html[data-theme=dark] .friendFreshIdentity span{color:var(--text-muted)}html[data-theme=dark] .friendTabButton.isActive{border-color:color-mix(in srgb,#14b8a6 42%,var(--panel-border) 58%);background:color-mix(in srgb,#14b8a6 16%,var(--panel) 84%);color:#99f6e4}html[data-theme=dark] .friendTabButton.isActive span{color:#5eead4}html[data-theme=dark] .friendSearchInput{border-color:var(--panel-border);background:color-mix(in srgb,var(--panel) 92%,transparent 8%);color:var(--ink-strong)}html[data-theme=dark] .friendCard{border-bottom-color:var(--panel-border)}html[data-theme=dark] .friendCard:hover{background:color-mix(in srgb,var(--panel) 84%,transparent 16%)}html[data-theme=dark] .friendAvatarWrap{border-color:var(--panel-border);background:color-mix(in srgb,var(--panel) 84%,#334155 16%)}html[data-theme=dark] .friendAvatarFallback{color:var(--ink-strong)}html[data-theme=dark] .friendTravelerSearchButton,html[data-theme=dark] .friendTravelerSearchPanel{border-color:var(--panel-border);background:var(--panel)}html[data-theme=dark] .friendIdentity strong{color:var(--ink-strong)}@media (max-width:720px){.friendPanel{background:transparent;border:0;box-shadow:none}.friendFreshCardSurface{height:96px;border-radius:17px;padding:12px}.friendFreshIdentity strong{font-size:.62rem}.friendFreshRegion,.friendFreshTime,.friendHeaderCounts,.friendRecentInline,.friendTabButton,.friendTabButton span{font-size:.72rem}}.rankingPanel{flex:1 1 auto;min-height:0;height:100%;background:transparent;border:0;border-radius:0;box-shadow:none;padding:14px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;scrollbar-width:none;-ms-overflow-style:none}.rankingPanel::-webkit-scrollbar{width:0;height:0}.recommendPanel{flex:1 1 auto;min-height:0;height:100%;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-x pan-y;scrollbar-width:none;-ms-overflow-style:none}.recommendPanel::-webkit-scrollbar{width:0;height:0}.recommendLoadingState{min-height:100%;display:grid;place-content:center;justify-items:center;grid-gap:8px;gap:8px;padding:32px 20px;text-align:center;color:#334155}.recommendLoadingMark{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:48px;height:48px;border:1px solid rgba(20,184,166,.2);border-radius:999px;background:color-mix(in srgb,#ffffff 88%,#14b8a6 12%);box-shadow:0 14px 28px rgba(15,23,42,.08)}.recommendLoadingMark span{width:6px;height:6px;border-radius:999px;background:#0f766e;animation:recommendLoadingPulse 1.1s ease-in-out infinite}.recommendLoadingMark span:nth-child(2){animation-delay:.14s}.recommendLoadingMark span:nth-child(3){animation-delay:.28s}.recommendLoadingState strong{font-size:.92rem;line-height:1.35;color:#0f172a}.recommendLoadingState p{margin:0;max-width:260px;font-size:.72rem;line-height:1.5;color:#64748b}@keyframes recommendLoadingPulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.rankingWrap{display:grid;grid-template-columns:1fr;grid-gap:0;gap:0;min-width:0}.recommendBannerSection{margin-bottom:0}.recommendBannerCard{position:relative;width:100%;min-height:184px;border:0;border-radius:0;overflow:hidden;background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(15,118,110,.68)),linear-gradient(160deg,#0f172a,#115e59);box-shadow:0 20px 38px rgba(15,23,42,.18);padding:0;text-align:left;color:#fff}.recommendBannerCard.isClickable{cursor:pointer}.recommendBannerMedia{position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,rgba(15,23,42,.2),rgba(15,118,110,.14))}.recommendBannerImage{object-fit:cover}.recommendBannerOverlay{position:absolute;inset:0;background:linear-gradient(110deg,rgba(7,12,27,.84),rgba(7,12,27,.52) 42%,rgba(7,12,27,.16)),linear-gradient(180deg,rgba(15,23,42,.14),rgba(15,23,42,.42))}.recommendBannerBody{position:relative;z-index:1;min-height:184px;padding:26px 18px 18px;display:grid;grid-template-rows:auto auto 1fr auto;align-content:stretch;grid-gap:8px;gap:8px}.recommendBannerBody strong{display:block;width:100%;font-size:1.2rem;line-height:1.15;letter-spacing:-.03em;white-space:nowrap}.recommendBannerBody p{margin:0;font-size:.78rem;line-height:1.58;color:rgba(241,245,249,.94);max-width:42ch}.recommendBannerButton{display:inline-flex;align-self:end;justify-self:start;width:max-content;margin-top:4px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:#0f3b66;font-size:.72rem;font-weight:800}.recommendBodySections{display:grid;grid-gap:12px;gap:12px;padding:12px 14px 14px;min-width:0}.rankingTopFilters{display:grid;grid-gap:5px;gap:5px;margin-bottom:10px}.rankingHeader{display:block;gap:8px;width:100%}.rankingHeaderTitleRow{display:flex;align-items:center;gap:6px;justify-content:space-between;width:100%}.rankingHeaderNote{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;font-size:.64rem;font-weight:600;color:var(--ink-soft);letter-spacing:.01em;white-space:nowrap;text-align:right;margin:0 0 0 auto}.rankingHeaderControls{display:grid;align-items:start;grid-gap:8px;gap:8px;width:100%}.rankingControlsSection{padding:0 0 12px;border-bottom:1px solid var(--panel-border);margin-bottom:12px}.rankingHeaderControlRow{width:100%}.rankingHeaderControlRowSplit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.rankingHeaderControlRowFull{display:block}.rankingControlGroup{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;grid-row-gap:4px;row-gap:4px;justify-content:flex-start;width:100%;max-width:none}.rankingControlLabel{font-size:.54rem;font-weight:800;letter-spacing:.06em;color:var(--ink-soft);text-transform:uppercase;text-align:left;white-space:nowrap;transform:none}.rankingSegmentedControl{display:inline-flex;align-items:center;gap:4px;width:100%;max-width:none;padding:3px;min-height:34px;border-radius:14px;border:1px solid var(--panel-border);background:color-mix(in srgb,var(--panel) 92%,transparent 8%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}.rankingSegmentButton{flex:1 1;border:0;background:transparent;border-radius:10px;min-width:0;min-height:28px;padding:6px 11px;font-size:.62rem;font-weight:700;color:var(--ink-soft);cursor:pointer;line-height:1.1}.rankingSegmentButton.isActive{background:color-mix(in srgb,#14b8a6 18%,var(--panel) 82%);color:#0f766e}.rankingPeriodRail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;grid-gap:6px;gap:6px;width:100%;max-width:none;min-height:34px;padding:3px;border-radius:14px;border:1px solid var(--panel-border);background:color-mix(in srgb,var(--panel) 92%,transparent 8%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}.rankingPeriodChip{border:0;background:transparent;border-radius:10px;min-height:28px;width:100%;padding:0 10px;font-size:.61rem;font-weight:700;color:var(--ink-soft);cursor:pointer;white-space:normal;text-align:center}.rankingPeriodChip.isActive{background:color-mix(in srgb,#14b8a6 14%,var(--panel) 86%);color:#0f766e}.rankingTabs{display:flex;align-items:center;gap:4px;padding:3px;width:100%;border-radius:999px;border:1px solid var(--panel-border);background:linear-gradient(180deg,var(--panel-top) 0,var(--panel-bottom) 100%);overflow:hidden}.rankingTabButton{flex:1 1;min-width:0;border:0;background:transparent;border-radius:999px;min-height:30px;padding:7px 10px;font-size:.64rem;font-weight:700;color:var(--ink-soft);cursor:pointer;line-height:1.15}.rankingTabButton.isActive{background:color-mix(in srgb,#14b8a6 18%,var(--panel) 82%);color:#0f766e}.rankingSection{border:0;border-radius:0;background:transparent;padding:0}.rankingSection h3{margin:0;font-size:.78rem;color:var(--ink-strong)}.rankingEmpty{margin:10px 0 0;font-size:.76rem;color:var(--ink-soft)}.rankingList{margin:6px 0 0;padding:0;list-style:none;display:grid;grid-gap:5px;gap:5px}.rankingItem{display:grid;grid-template-columns:30px 1fr auto;align-items:center;grid-gap:7px;gap:7px;font-size:.72rem;color:var(--ink-strong);padding:6px 0;border-bottom:1px solid var(--panel-strong-line)}.rankingItem:last-child{border-bottom:0}.rankingRegionItem{grid-template-columns:30px minmax(0,1fr) auto}.rankingRegionButton{border:0;background:transparent;padding:0;margin:0;text-align:left;display:grid;grid-gap:2px;gap:2px;min-width:0}.rankingRegionButton.isClickable{cursor:pointer}.rankingRegionTitleRow{display:flex;align-items:center;gap:5px;min-width:0}.rankingRegionName{font-size:.8rem;font-weight:700;color:var(--ink-strong);line-height:1.15}.rankingRegionLandmarkBadge,.rankingRegionName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rankingRegionLandmarkBadge{--ranking-region-accent:#64748b;display:inline-flex;align-items:center;gap:4px;max-width:min(38vw,132px);flex:0 1 auto;padding:1px 5px 1px 4px;border-radius:5px;background:color-mix(in srgb,var(--ranking-region-accent) 7%,white);color:color-mix(in srgb,var(--ranking-region-accent) 58%,#475569);font-size:.54rem;font-weight:800;letter-spacing:-.025em;line-height:1.1}.rankingRegionLandmarkBadge:before{content:"";width:2px;height:.72em;flex:0 0 auto;border-radius:999px;background:color-mix(in srgb,var(--ranking-region-accent) 72%,#64748b)}.rankingRegionMeta{font-size:.64rem;color:var(--ink-soft);line-height:1.25}.rankingItemActions{display:inline-flex;align-items:center;gap:5px;justify-content:flex-end;min-width:0;flex-shrink:0}.rankingOrder{color:#0f766e;font-weight:900;font-size:.9rem;letter-spacing:-.04em;text-align:center;line-height:1}.rankingMain{min-width:0;display:inline-flex;align-items:center;gap:8px}.rankingProfileButton{border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.rankingProfileButton:focus-visible .rankingName,.rankingProfileButton:hover .rankingName{color:color-mix(in srgb,var(--icon-ink) 82%,#60a5fa 18%)}.rankingProfileButton:focus-visible{outline:2px solid color-mix(in srgb,var(--icon-ink) 45%,transparent);outline-offset:3px;border-radius:999px}.rankingAvatarWrap{width:var(--avatar-size-ui);height:var(--avatar-size-ui);border-radius:999px;overflow:hidden;flex-shrink:0;border:1px solid var(--panel-border);background:var(--notification-avatar-bg)}.rankingAvatar{width:100%;height:100%;object-fit:cover;display:block}.rankingAvatarFallback{width:100%;height:100%;display:grid;place-items:center;font-size:.72rem;font-weight:700;color:var(--notification-avatar-ink)}.rankingNameRow{min-width:0;display:inline-flex;align-items:center;gap:7px}.rankingName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:650;color:var(--ink-strong)}.rankingFriendMark{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:color-mix(in srgb,#0f766e 72%,var(--ink-soft));opacity:.88}.rankingFriendMark svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.rankingMineBadge{flex-shrink:0;justify-content:center;min-width:22px;height:18px;padding:0 7px;border-radius:999px;background:color-mix(in srgb,#14b8a6 14%,var(--panel) 86%);color:#0f766e;font-size:.62rem;font-weight:900;line-height:1}.rankingCountPill,.rankingMineBadge{display:inline-flex;align-items:center}.rankingCountPill{gap:5px;padding:4px 8px 4px 10px;border-radius:12px;background:color-mix(in srgb,#0f766e 10%,white);border:1px solid color-mix(in srgb,#0f766e 22%,transparent);color:var(--ink-soft);margin-left:4px}.rankingCountPill strong{font-size:.88rem;line-height:1;font-weight:800;color:#0f766e}.rankingCountPill span{font-size:.62rem;letter-spacing:.04em;font-weight:700;color:color-mix(in srgb,var(--ink-soft) 88%,#0f766e);text-transform:uppercase}.rankingMapIconButton{background:var(--icon-bg-start);color:var(--icon-ink)}.rankingFeedIconButton,.rankingMapIconButton{width:22px;height:22px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.rankingFeedIconButton{background:color-mix(in srgb,#14b8a6 14%,var(--panel) 86%);color:#0f766e}.rankingFeedIconButton svg,.rankingMapIconButton svg{width:12px;height:12px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.rankingFollowButton{border:1px solid var(--panel-border);background:var(--panel);color:var(--ink-strong);border-radius:999px;font-size:.56rem;font-weight:700;line-height:1;padding:3px 8px;cursor:pointer;min-width:42px;text-align:center}.rankingFollowButton.isFollowing{background:#eef9f2;border-color:#bedfc9;color:#166534}.rankingFollowButton:disabled{cursor:default;opacity:.9}.rankingActionMenuWrap{margin-right:2px}.rankingMoreButton{width:24px;height:24px}.rankingIconActions{display:inline-flex;align-items:center;gap:3px;margin-left:0}.rankingStatus{margin:0;font-size:.8rem;color:var(--ink-soft)}.rankingStatus.isError{color:#be123c}.rankingGuideNote{margin:2px 1px 0;font-size:.58rem;line-height:1.28;color:var(--ink-soft)}.rankingGuideDivider{width:100%;height:1px;margin:12px 0 10px;background:var(--panel-strong-line)}.recommendationItem{grid-template-columns:20px 1fr;align-items:flex-start}.recommendationBody{display:grid;grid-gap:2px;gap:2px}.recommendationBody strong{font-size:.82rem;color:#0f172a}.recommendationBody span{font-size:.7rem;color:#0f4c81}.recommendationBody p{margin:2px 0 0;font-size:.74rem;color:#475569}.recommendationTopSection{margin-top:0;padding:0 0 2px;border-radius:0;border:0;background:transparent}.recommendationTopHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.recommendationTopHeaderText{min-width:0;display:grid;grid-gap:4px;gap:4px}.recommendationTopHeader h3{margin:0;font-size:.84rem;color:#0f3b66}.recommendationTopHeader p{margin:1px 0 0;font-size:.62rem;color:#5f748f}.recommendationTopList{margin:7px 0 0;padding:0;list-style:none;display:grid;grid-gap:0;gap:0}.recommendationTopCard{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-bottom:1px solid #d9e7f7;border-radius:0;background:transparent;padding:8px 2px;min-height:68px;width:100%;text-align:left}.recommendationTopList li:first-child .recommendationTopCard{padding-top:10px;padding-bottom:10px;background:linear-gradient(90deg,rgba(238,247,255,.72),transparent 78%)}.recommendationTopCard.isClickable{cursor:pointer}.recommendationTopCard.isClickable:hover{background:rgba(236,245,255,.35)}.recommendationTopBody{min-width:0;flex:1 1 auto;display:grid;grid-gap:4px;gap:4px}.recommendationTopTitleRow{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:nowrap}.recommendationTopRank{display:inline-flex;align-items:center;padding:2px 6px;font-size:.56rem;font-weight:800;letter-spacing:.05em;border-radius:999px;color:#0f4c81;background:#eaf4ff;flex-shrink:0}.recommendationTopRank.rank-1{color:#0f766e;background:#ccfbf1}.recommendationTopRank.rank-2{color:#2563eb;background:#dbeafe}.recommendationTopRank.rank-3{color:#7c3aed;background:#ede9fe}.recommendationTopCard strong{margin:0;display:block;min-width:0;flex:0 1 auto;font-size:.82rem;color:#0f172a;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.regionTypeBadge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:11px;height:14px;padding:0;color:#c2410c;transform:rotate(10deg)}.regionTypeBadgeIcon{display:block;width:11px;height:14px;overflow:visible}.regionTypeBadgeIcon circle,.regionTypeBadgeIcon path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.recommendationTopCard p{margin:0;font-size:.64rem;color:#55657a}.recommendationReasonTags{display:flex;flex-wrap:wrap;align-items:center;gap:0;min-width:0}.recommendationReasonTag{position:relative;display:inline-flex;align-items:center;min-width:0;color:#54708d;font-size:.6rem;font-weight:600;line-height:1.2;letter-spacing:-.01em;white-space:nowrap}.recommendationReasonTag+.recommendationReasonTag{margin-left:10px}.recommendationReasonTag+.recommendationReasonTag:before{content:"";position:absolute;left:-6px;top:50%;width:2px;height:2px;border-radius:999px;background:#9ab6d3;transform:translateY(-50%)}.recommendationTopCollage{position:relative;width:90px;height:42px;flex-shrink:0;pointer-events:none}.recommendationTopImage{position:absolute;width:30px;height:30px;border-radius:8px;object-fit:cover;box-shadow:0 4px 10px rgba(15,76,129,.14);border:1px solid rgba(255,255,255,.86);background:#e2e8f0}.recommendationTopImage.image-1{left:0;bottom:4px;transform:rotate(-7deg)}.recommendationTopImage.image-2{left:20px;bottom:10px;transform:rotate(-1deg)}.recommendationTopImage.image-3{left:40px;bottom:5px;transform:rotate(7deg)}.recommendationTopImage.image-4{left:56px;bottom:14px;transform:rotate(12deg)}.recommendationTopImage.image-5{left:8px;bottom:16px;transform:rotate(-14deg)}.weeklyHotSection{margin-bottom:0;padding:6px 0 2px;border-radius:0;border:0;background:transparent;min-width:0;overflow:hidden}.weeklyHotHeader{display:grid;grid-gap:4px;gap:4px}.weeklyHotHeader h3{margin:0;font-size:.84rem;color:#0f3b66}.weeklyHotHeader p{margin:1px 0 0;font-size:.62rem;color:#5f748f}.weeklyHotGrid{margin:6px 0 0;padding:0 2px 4px;list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:clamp(104px,calc((100% - 30px) / 3.35),128px);grid-gap:10px;gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:none;scrollbar-width:none;-ms-overflow-style:none;cursor:-webkit-grab;cursor:grab;touch-action:pan-x;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none}.weeklyHotGrid.hasPeek{grid-auto-columns:clamp(104px,calc((100% - 30px) / 3.35),128px)}.weeklyHotGrid::-webkit-scrollbar{width:0;height:0}.weeklyHotGrid[data-dragging=true]{cursor:-webkit-grabbing;cursor:grabbing}.weeklyHotCard{display:grid;grid-template-rows:auto 1fr auto;grid-gap:8px;gap:8px;border:1px solid #d9e7f7;border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,#eaf4ff 8%);padding:9px 7px;aspect-ratio:1/1;min-height:0;width:100%;height:100%;font:inherit;text-align:left;overflow:hidden}.weeklyHotGrid li:first-child .weeklyHotCard{background:linear-gradient(135deg,rgba(255,247,237,.9),rgba(255,255,255,.66))}.weeklyHotCard.isClickable{cursor:pointer}.weeklyHotCard.isClickable:hover{background:rgba(236,245,255,.72)}.weeklyHotBody{min-width:0;display:grid;grid-gap:4px;gap:4px;align-content:start}.weeklyHotTitleRow{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:nowrap}.weeklyHotLabel{gap:3px;min-width:0;flex:1 1 auto}.weeklyHotLabel,.weeklyHotRank{display:inline-flex;align-items:center}.weeklyHotRank{justify-content:center;min-width:22px;height:22px;padding:2px 6px;font-size:.74rem;font-weight:800;letter-spacing:0;border-radius:999px;color:#0f4c81;background:#eaf4ff;flex-shrink:0}.weeklyHotRank.rank-1{color:#b45309;background:#fef3c7}.weeklyHotRank.rank-2{color:#be123c;background:#ffe4e6}.weeklyHotRank.rank-3{color:#c2410c;background:#ffedd5}.weeklyHotCard strong{display:block;min-width:0;flex:0 1 auto;font-size:.76rem;color:#0f172a;overflow:hidden;text-overflow:ellipsis}.weeklyHotCard p,.weeklyHotCard strong{margin:0;line-height:1.2;white-space:nowrap}.weeklyHotCard p{font-size:.43rem;color:#55657a}.weeklyHotCollage{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:40px;pointer-events:none;overflow:hidden}.weeklyHotCollageImage{position:relative;flex:0 0 30px;width:30px;height:30px;border-radius:8px;object-fit:cover;box-shadow:0 4px 10px rgba(15,76,129,.14);border:1px solid rgba(255,255,255,.86);background:#e2e8f0}.weeklyHotCollageImage+.weeklyHotCollageImage{margin-left:-10px}.weeklyHotCollageImage.image-1{z-index:1;transform:translateY(-2px) rotate(-7deg)}.weeklyHotCollageImage.image-2{z-index:2;transform:translateY(-8px) rotate(-1deg)}.weeklyHotCollageImage.image-3{z-index:3;transform:translateY(-3px) rotate(7deg)}.weeklyHotCollageImage.image-4{z-index:4;transform:translateY(-10px) rotate(12deg)}.weeklyHotCollageImage.image-5{display:none}html[data-theme=dark] .recommendLoadingState{color:var(--ink-strong)}html[data-theme=dark] .recommendLoadingMark{border-color:color-mix(in srgb,var(--panel-border) 70%,#14b8a6 30%);background:color-mix(in srgb,var(--panel) 84%,#14b8a6 16%);box-shadow:0 14px 28px rgba(0,0,0,.24)}html[data-theme=dark] .recommendLoadingMark span{background:#5eead4}html[data-theme=dark] .recommendLoadingState strong{color:var(--ink-strong)}html[data-theme=dark] .recommendLoadingState p{color:var(--ink-muted)}html[data-theme=dark] .recommendationTopHeader h3,html[data-theme=dark] .weeklyHotHeader h3{color:var(--ink-strong)}html[data-theme=dark] .rankingControlLabel,html[data-theme=dark] .rankingRegionMeta,html[data-theme=dark] .recommendationTopHeader p,html[data-theme=dark] .weeklyHotHeader p{color:var(--text-muted)}html[data-theme=dark] .rankingRegionLandmarkBadge{background:color-mix(in srgb,var(--ranking-region-accent) 14%,var(--panel));color:color-mix(in srgb,var(--ranking-region-accent) 32%,#dbeafe)}html[data-theme=dark] .rankingRegionLandmarkBadge:before{background:color-mix(in srgb,var(--ranking-region-accent) 76%,#cbd5e1)}html[data-theme=dark] .rankingPeriodChip,html[data-theme=dark] .rankingPeriodRail,html[data-theme=dark] .rankingSegmentedControl{border-color:var(--panel-border);background:color-mix(in srgb,var(--panel) 88%,transparent 12%)}html[data-theme=dark] .rankingPeriodRail{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}html[data-theme=dark] .rankingRegionName{color:var(--ink-strong)}html[data-theme=dark] .rankingPeriodChip.isActive,html[data-theme=dark] .rankingSegmentButton.isActive{color:#5eead4}html[data-theme=dark] .recommendationTopCard,html[data-theme=dark] .weeklyHotCard{border-bottom-color:var(--panel-border)}html[data-theme=dark] .weeklyHotCard{border-color:color-mix(in srgb,#c7d2fe 58%,var(--panel-border) 42%)}html[data-theme=dark] .recommendationTopList li:first-child .recommendationTopCard{background:linear-gradient(90deg,color-mix(in srgb,#0ea5e9 14%,transparent 86%),transparent 78%)}html[data-theme=dark] .weeklyHotGrid li:first-child .weeklyHotCard{background:linear-gradient(135deg,color-mix(in srgb,#f97316 16%,var(--panel) 84%),var(--panel))}html[data-theme=dark] .recommendationTopCard.isClickable:hover,html[data-theme=dark] .weeklyHotCard.isClickable:hover{background:color-mix(in srgb,var(--panel) 84%,transparent 16%)}html[data-theme=dark] .recommendationTopRank,html[data-theme=dark] .weeklyHotRank{color:#99f6e4;background:color-mix(in srgb,#14b8a6 18%,var(--panel) 82%)}html[data-theme=dark] .recommendationTopRank.rank-1,html[data-theme=dark] .weeklyHotRank.rank-1{color:#fde68a;background:color-mix(in srgb,#f59e0b 24%,var(--panel) 76%)}html[data-theme=dark] .recommendationTopRank.rank-2,html[data-theme=dark] .weeklyHotRank.rank-2{color:#bfdbfe;background:color-mix(in srgb,#3b82f6 22%,var(--panel) 78%)}html[data-theme=dark] .recommendationTopRank.rank-3,html[data-theme=dark] .weeklyHotRank.rank-3{color:#ddd6fe;background:color-mix(in srgb,#8b5cf6 22%,var(--panel) 78%)}html[data-theme=dark] .recommendationTopCard strong,html[data-theme=dark] .weeklyHotCard strong{color:var(--ink-strong)}html[data-theme=dark] .recommendationTopCard p,html[data-theme=dark] .weeklyHotCard p{color:var(--text-muted)}html[data-theme=dark] .regionTypeBadge{color:#fed7aa;background:color-mix(in srgb,#f97316 18%,var(--panel) 82%)}html[data-theme=dark] .recommendationReasonTag{color:#9cb9d8}html[data-theme=dark] .recommendationReasonTag+.recommendationReasonTag:before{background:rgba(156,185,216,.62)}html[data-theme=dark] .recommendationTopImage,html[data-theme=dark] .weeklyHotCollageImage{border-color:rgba(15,23,42,.58);box-shadow:0 4px 12px rgba(2,6,23,.32)}@media (max-width:720px){.rankingPanel{padding:14px}.rankingPanel,.recommendPanel{background:transparent;border:0;box-shadow:none}.recommendPanel{padding:0}.rankingTopFilters{gap:7px}.rankingTabs{padding:4px}.rankingTabButton{min-height:38px;padding:10px 12px}.recommendationTopHeader{display:grid;grid-gap:8px;gap:8px}.weeklyHotGrid{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.weeklyHotGrid,.weeklyHotGrid.hasPeek{grid-auto-columns:clamp(104px,calc((100% - 30px) / 3.35),128px)}.rankingPeriodChip,.rankingSegmentButton{min-height:36px}.rankingHeader{flex-direction:column;align-items:stretch;gap:10px}.rankingHeaderControls{gap:8px}.rankingHeaderControlRowSplit{grid-template-columns:1fr;gap:8px}.rankingControlLabel{text-align:left;transform:none}.rankingItem{grid-template-columns:34px 1fr auto}.rankingOrder{font-size:1rem}.rankingControlLabel,.rankingGuideNote,.rankingHeaderNote,.rankingPeriodChip,.rankingSegmentButton,.rankingTabButton,.recommendationTopCard p,.recommendationTopHeader p,.weeklyHotCard p,.weeklyHotHeader p{font-size:.72rem}.rankingCountPill span,.rankingFollowButton,.rankingSelfBadge,.recommendationTopRank{font-size:.68rem}}.settingsToggleRow{display:flex!important;align-items:center;justify-content:space-between;gap:10px}.settingsToggleLeft{display:grid;grid-gap:4px;gap:4px;min-width:0}.settingsToggleLeft>span{color:var(--ink-strong);font-size:.78rem;font-weight:700}.settingsToggleHelp{display:block;font-size:.68rem;color:#6b7f97;line-height:1.4;white-space:normal}.settingsSimpleToggleRow{gap:10px}.settingsSimpleToggleButton{width:100%;border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.settingsInlineActionButton{border:1px solid #bfd4ea;border-radius:999px;background:#f8fbff;color:#1f5d96;padding:6px 10px;font-size:.68rem;font-weight:800;white-space:nowrap}.settingsToggleActions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.settingsPanel{display:flex;flex-direction:column;height:100%;min-height:0;padding:0;overflow:hidden;background:transparent;border:0;border-radius:0;box-shadow:none}.settingsBody{flex:1 1 auto;min-height:0;overflow:auto;padding:12px 14px 14px;scrollbar-width:none;-ms-overflow-style:none}.settingsBody::-webkit-scrollbar{width:0;height:0}.settingsLogoutActions{margin-top:10px;padding-top:8px}.settingsNotificationScreen{display:grid;align-content:start;grid-gap:10px;gap:10px}.settingsNotificationFilterRow{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.settingsNotificationFilterRow::-webkit-scrollbar{width:0;height:0}.settingsNotificationFilterButton{border:1px solid #cfe0f1;background:#fff;color:#486078;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:700;white-space:nowrap}.settingsNotificationFilterButton.isActive{border-color:#7dd3fc;background:#eff8ff;color:#075985}.settingsNotificationEmpty,.settingsNotificationStatus{margin:6px 0 0;border:1px dashed #d9e5f2;border-radius:12px;background:rgba(255,255,255,.72);padding:14px 12px;color:#64748b;font-size:.74rem;text-align:center}.settingsNotificationList{display:grid;grid-gap:0;gap:0;border-top:1px solid var(--panel-border)}.settingsNotificationCard{display:grid;grid-gap:4px;gap:4px;border:0;border-bottom:1px solid var(--panel-border);border-radius:0;background:transparent;padding:8px 2px}.settingsNotificationCardButton{width:100%;text-align:left;cursor:pointer}.settingsNotificationCard.isUnread{background:color-mix(in srgb,#eef9ff 72%,transparent 28%)}.settingsNotificationCardTop{display:flex;align-items:center;justify-content:space-between;gap:6px}.settingsNotificationMetaLine{display:inline-flex;align-items:center;gap:6px;min-width:0;justify-content:flex-end;flex:1 1 auto}.settingsNotificationMetaLabel{color:#6b7f97;font-size:.58rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settingsNotificationBadge{display:inline-flex;align-items:center;justify-content:center;min-height:19px;border-radius:999px;padding:0 7px;font-size:.6rem;font-weight:800}.settingsNotificationBadge.is-system{background:#fff7d6;color:#9a6700}.settingsNotificationBadge.is-support_reply{background:#eef6ff;color:#1d4ed8}.settingsNotificationBadge.is-achievement{background:#fff3c7;color:#b45309}.settingsNotificationBadge.is-comment,.settingsNotificationBadge.is-comment_like,.settingsNotificationBadge.is-comment_reply,.settingsNotificationBadge.is-follow,.settingsNotificationBadge.is-tag{background:#e9f7ff;color:#0f5b83}.settingsNotificationDate{color:#6b7f97;font-size:.58rem;font-weight:600}.settingsNotificationCard strong{color:var(--ink-strong);font-size:.72rem;line-height:1.3}.settingsNotificationPreferencesCard{display:grid;grid-gap:10px;gap:10px;border:1px solid #dbe8f5;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,251,255,.94));padding:14px 12px}.settingsNotificationPreferencesCard strong{color:var(--ink-strong);font-size:.86rem}.settingsNotificationPreferencesCard>p{margin:0;color:#64748b;font-size:.72rem;line-height:1.5}.settingsNotificationPreferencePreview{display:grid;grid-gap:12px;gap:12px;margin-top:4px}.settingsNotificationPreferencePreview .settingsSimpleToggleRow{padding:0;border:0;box-shadow:none}.switchToggle{width:40px;height:22px;border-radius:999px;border:1px solid #cfdaea;background:linear-gradient(180deg,#e7edf5,#dbe4ef);padding:1px;display:inline-flex;align-items:center;justify-content:flex-start;box-shadow:inset 0 1px 2px rgba(15,23,42,.1);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.switchToggle.isOn{background:linear-gradient(180deg,#20b7b3,#0f8fb2);border-color:#0f7fa0;box-shadow:inset 0 1px 2px rgba(15,23,42,.12)}.switchKnob{width:18px;height:18px;border-radius:999px;background:linear-gradient(180deg,#ffffff,#f7f9fc);box-shadow:0 1px 3px rgba(15,23,42,.2),inset 0 0 0 1px rgba(255,255,255,.7);transition:transform .18s ease}.switchToggle.isOn .switchKnob{transform:translateX(18px)}.profileRow{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--ink-soft);border-bottom:1px solid var(--panel-border);padding:13px 2px}.profileRow strong{color:var(--ink-strong);font-size:.8rem}.profileIdentityValue{display:inline-flex;align-items:center;gap:6px}.profileIdentityMeta{display:grid;justify-items:end;grid-gap:2px;gap:2px;text-align:right}.profileIdentityMeta small{max-width:220px;font-size:.67rem;line-height:1.35;color:var(--text-muted)}.profileProviderBadge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.profileProviderBadgeNaver{color:#03c75a}.profileProviderBadgeKakao span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:6px;background:#fee500;color:#181600;font-size:.72rem;font-weight:900;line-height:1}.profileProviderBadgeApple{color:#111827}.profileProviderBadgeGoogle{padding:1px}.profileProviderBadge svg{display:block;width:18px;height:18px}.profileProviderBadge img{display:block;width:17px;height:17px;object-fit:contain}.profileProviderBadge svg rect{fill:currentColor}.profileProviderBadge svg path{fill:#ffffff}.profileProviderBadgeApple svg path{fill:currentColor}html[data-theme=dark] .profileProviderBadgeApple{color:#ffffff}.settingsSectionMenu{display:grid;grid-gap:10px;gap:10px;margin-top:8px}.settingsSectionMenuStandalone{margin-top:18px}.settingsBodyViewport{flex:1 1 auto;padding:0}.settingsBodyStage,.settingsBodyViewport{min-height:0;overflow:hidden;position:relative;background:linear-gradient(180deg,var(--panel-top) 0,var(--panel-bottom) 100%)}.settingsBodyStage{height:100%}.settingsBodyPage{position:relative;width:100%;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 14px 14px;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;background:linear-gradient(180deg,var(--panel-top) 0,var(--panel-bottom) 100%)}.settingsBodyPage::-webkit-scrollbar{width:0;height:0}.settingsBodyPageOverlay{position:absolute;inset:0;will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.settingsBodyPageCurrent{position:relative}.settingsBodyPageEntering{z-index:2;box-shadow:-18px 0 36px rgba(15,23,42,.08)}.settingsBodyPageEntering,.settingsBodyPageLeaving{animation-duration:.26s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}.settingsBodyPageLeaving{pointer-events:none;z-index:1}.settingsBodyPageEntering.is-forward{animation-name:settingsSlideInFromRight}.settingsBodyPageLeaving.is-forward{animation-name:settingsSlideOutToLeft}.settingsBodyPageEntering.is-back{animation-name:settingsSlideInFromLeft}.settingsBodyPageLeaving.is-back{animation-name:settingsSlideOutToRight}@keyframes settingsSlideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes settingsSlideOutToLeft{0%{transform:translateX(0);opacity:1}to{transform:translateX(-18%);opacity:.82}}@keyframes settingsSlideInFromLeft{0%{transform:translateX(-18%);opacity:.82}to{transform:translateX(0);opacity:1}}@keyframes settingsSlideOutToRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:.96}}.settingsStandaloneScreen{min-height:100%}.settingsIntroScreen{background:linear-gradient(180deg,rgba(241,247,255,.86),rgba(255,255,255,.98) 22%),linear-gradient(180deg,rgba(212,232,255,.32),rgba(255,255,255,0))}.settingsLegalScreen{padding:6px 2px 10px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 92%,transparent 8%) 0,color-mix(in srgb,var(--panel) 98%,transparent 2%) 100%)}.settingsLegalHero{display:grid;grid-gap:8px;gap:8px;padding:18px 16px 14px;border:0;border-radius:0;background:transparent;box-shadow:none}.settingsLegalHero span{font-size:.7rem;line-height:1;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--ink-soft)}.settingsLegalHero strong{font-size:1.12rem;line-height:1.18;letter-spacing:-.02em;color:var(--ink-strong)}.settingsLegalHero p{margin:0;font-size:.8rem;line-height:1.55;color:var(--text-muted)}.settingsLegalHero small{font-size:.72rem;line-height:1.4;color:var(--text-muted)}.settingsLegalContent{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.settingsSectionBlock{margin-top:18px;display:grid;grid-gap:10px;gap:10px}.settingsSectionHeader{display:grid;grid-gap:4px;gap:4px;padding:0 2px}.settingsSectionHeader strong{font-size:.92rem;line-height:1.2;color:var(--ink-strong);letter-spacing:-.01em}.settingsSectionHeader p{margin:0;font-size:.74rem;line-height:1.5;color:var(--text-muted)}.settingsSectionSurface{border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}.settingsActionSurface{padding-bottom:4px}.settingsSimpleList{border-top:0}.settingsHeader{align-items:center;justify-content:flex-start;gap:10px;margin:0;padding:2px 12px 4px;border-bottom:1px solid var(--panel-border);background:linear-gradient(180deg,var(--panel-top),color-mix(in srgb,var(--panel-bottom) 92%,transparent 8%))}.settingsHeader.isNoDivider{border-bottom:0}.settingsHeaderText{min-width:0;display:grid;grid-gap:2px;gap:2px;flex:1 1}.settingsBackButton{width:28px;height:28px;border:0;background:transparent;padding:0;flex-shrink:0;color:var(--ink-strong)}.settingsBackButton svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.2}.settingsHeaderAction{border:0;background:transparent;padding:0 2px;font-size:.76rem;font-weight:700;color:var(--ink-soft);cursor:pointer}html[data-native-shell=true] .settingsHeader{padding-top:max(10px,env(safe-area-inset-top,0px))}html[data-native-shell=true] .settingsPanel{padding-top:10px}.settingsSimpleRow{gap:12px;padding:13px 2px;border-bottom:1px solid var(--panel-border)}.settingsSimpleRow,.settingsSimpleToggleRow{display:flex;align-items:center;justify-content:space-between}.settingsSimpleToggleRow{margin-top:0;gap:14px;padding:14px 2px 6px}.settingsSimpleLabel{font-size:.8rem;font-weight:700;color:var(--ink-strong)}.settingsSimpleText{min-width:0;display:grid;grid-gap:4px;gap:4px}.settingsSimpleHelp{max-width:260px;color:var(--ink-soft);font-size:.68rem;font-weight:500;line-height:1.45}.settingsSimpleHelpNowrap{max-width:none;white-space:nowrap}.settingsSectionCard{width:100%;border:0;border-radius:0;background:transparent;padding:13px 2px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;cursor:pointer}.settingsSectionCardText{display:grid;grid-gap:4px;gap:4px}.settingsSectionCardText strong{font-size:.84rem;color:var(--ink-strong)}.settingsSectionCardText small{font-size:.72rem;color:var(--text-muted);line-height:1.35}.settingsSectionCardArrow{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.settingsSectionCardArrow svg{width:16px;height:16px;stroke:var(--ink-soft);stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.settingsSectionIntro{margin-top:8px;padding:2px 2px 8px;display:grid;grid-gap:5px;gap:5px}.settingsSectionIntro strong{font-size:.8rem;color:var(--ink-strong)}.settingsSectionIntro p{margin:0;font-size:.73rem;color:var(--text-muted);line-height:1.45}.settingsAccountActions{margin-top:10px}.settingsAccountMenu{grid-gap:12px;gap:12px}.settingsAccountBody,.settingsAccountMenu{display:grid;align-content:start;min-height:0}.settingsAccountBody{padding-bottom:0}.settingsAccountFooter{margin-top:0;padding:0 2px;position:relative;bottom:auto;background:transparent;display:flex;align-items:flex-start;min-height:auto;z-index:1}html[data-native-shell=true] .settingsAccountFooter{padding-bottom:0}.settingsActionRow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 2px;border-bottom:1px solid var(--panel-border);font-size:.78rem;font-weight:700;color:color-mix(in srgb,var(--ink) 82%,var(--ink-soft) 18%)}.settingsActionRowButton{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.settingsSectionSurface .settingsActionRow:last-child{border-bottom:0}.settingsActionButton{min-width:72px;padding:8px 10px;font-size:.76rem;justify-content:center}.settingsActionLink{font-size:.76rem;font-weight:700;color:#0f766e;text-decoration:none}.settingsActionArrowButton,.settingsActionLink{border:0;background:transparent;padding:0;cursor:pointer}.settingsActionArrowButton{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft)}.settingsActionArrowButton svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.settingsMetaValue{font-size:.76rem;font-weight:700;color:var(--ink-strong)}.settingsWithdrawLink{justify-self:start;border:0;background:transparent;padding:0;font-size:.73rem;color:rgba(100,116,139,.82);text-decoration:none;cursor:pointer}.settingsWithdrawLink:hover{color:rgba(71,85,105,.92)}.settingsIntroScreen{display:grid;grid-gap:12px;gap:12px;padding-bottom:12px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--notification-avatar-bg) 26%,transparent 74%),transparent 38%),radial-gradient(circle at 85% 12%,color-mix(in srgb,#ffbd8a 20%,transparent 80%),transparent 28%)}.settingsIntroHero{border:0;border-radius:0;overflow:hidden;background:transparent;box-shadow:none}.settingsIntroHero img{width:100%;height:208px;display:block;object-fit:cover}.settingsIntroHeroText{padding:16px 15px;display:grid;grid-gap:7px;gap:7px}.settingsIntroEyebrow{margin:0;font-size:.66rem;font-weight:800;letter-spacing:.12em;color:#597996}.settingsIntroHeroText strong{font-size:1rem;line-height:1.38;color:var(--ink-strong);letter-spacing:-.01em}.settingsIntroHeroText p{margin:0;font-size:.78rem;line-height:1.62;color:#56677d}.settingsIntroList{display:grid;grid-gap:12px;gap:12px}.settingsIntroCard{border:0;border-radius:0;overflow:hidden;background:transparent;box-shadow:none}.settingsIntroCard img{width:100%;height:170px;display:block;object-fit:cover}.settingsIntroCardText{padding:14px 14px 15px;display:grid;grid-gap:6px;gap:6px}.settingsIntroCardText span{font-size:.68rem;font-weight:800;color:#7088a1;letter-spacing:.06em}.settingsIntroCardText strong{font-size:.88rem;line-height:1.45;color:var(--ink-strong)}.settingsIntroCardText p{margin:0;font-size:.76rem;line-height:1.62;color:#5b6d83}