@font-face{font-family:Member Pretendard;src:url(/fonts/Pretendard-Regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Member Gmarket;src:url(/fonts/GmarketSansBold.otf) format("opentype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Member Kakao;src:url(/fonts/KakaoOTFBold.otf) format("opentype");font-style:normal;font-weight:700;font-display:swap}:root{--font-body:"Member Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--font-display:"Member Gmarket","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--font-friendly:"Member Kakao","Apple SD Gothic Neo","Malgun Gothic",sans-serif}.member-companion{display:inline-block;position:relative;flex:0 0 auto;max-width:100%;vertical-align:middle}.member-companion canvas{display:block;width:100%;height:auto;aspect-ratio:1}.member-growth-art{display:inline-block;position:relative;overflow:hidden;flex:0 0 auto;max-width:100%;aspect-ratio:3/4;vertical-align:middle;isolation:isolate}.member-growth-art img{position:absolute;width:400%;height:200%;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none}:root{--paper:#f7f5fb;--ink:#302842;--muted:#746a86;--violet:#7052b8;--violet-soft:#eee7fa;--mint:#dff1ea;--apricot:#f8e4d1;--line:#e7e0f0}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-body),sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a,button,input,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #a681d8;outline-offset:4px}a{color:inherit}a svg,button svg{flex-shrink:0}button{color:inherit}.mobile-app{max-width:760px;min-height:100dvh;margin:0 auto;padding-bottom:104px;font-size:16px}.mobile-app.large-text{font-size:19px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display),sans-serif;letter-spacing:-.045em;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}h1{font-size:1.65em}h2{font-size:1.13em}p{word-break:keep-all;overflow-wrap:anywhere}.app-header{justify-content:space-between;padding:24px 22px 14px;gap:12px}.app-header,.wordmark{display:flex;align-items:center}.wordmark{border:0;background:none;text-align:left;gap:10px;padding:0;font-family:var(--font-friendly),sans-serif;font-size:1em;letter-spacing:-.04em}.wordmark small{display:block;font:.67em var(--font-body),sans-serif;color:var(--muted);letter-spacing:.06em;margin-top:2px}.brand-mark{width:40px;height:40px;border-radius:13px;background:var(--violet);display:grid;place-items:center;color:white}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;border:0;background:transparent;border-radius:16px;gap:5px;color:var(--violet)}.text-size{font-size:.69em;flex-direction:column;gap:0}main{padding:14px 22px 24px;outline:0}main>.surface,main>details,main>section{margin-bottom:20px}.eyebrow{text-transform:none;font-size:.73em;color:var(--muted);letter-spacing:.025em;font-weight:600;margin-bottom:7px}.caption,.period{font-size:.78em;color:var(--muted);line-height:1.6}.caption svg{display:inline-block;vertical-align:middle;flex-shrink:0}.fine-print{font-size:.72em;line-height:1.7;text-align:center;color:var(--muted);margin:18px 10px}.page-heading{margin:8px 0 24px}.page-heading p:last-child{color:var(--muted);font-size:.88em;margin-top:8px}.home-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:3px 0 22px}.home-heading .icon-button{border:1px solid var(--line);margin-top:7px;background:#fff9}.surface{background:#fff;border:1px solid #ebe6f2;border-radius:24px;padding:22px}.surface h2{margin-bottom:12px}.surface>p{margin:10px 0}.surface h2 svg{display:inline-block;vertical-align:middle;margin-right:4px;color:var(--violet)}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;min-width:0}.section-top .eyebrow,.section-top h2{margin-bottom:0}.section-top>svg{color:var(--violet);flex-shrink:0}.text-action{gap:5px;border:0;background:none;color:var(--violet);min-height:48px;padding:7px 0;font-size:.8em;font-weight:600;white-space:normal}.primary,.secondary,.text-action{display:inline-flex;align-items:center;justify-content:center;word-break:keep-all}.primary,.secondary{min-height:50px;gap:8px;padding:12px 18px;border:1px solid transparent;border-radius:15px;text-decoration:none;font-family:var(--font-friendly),sans-serif;font-size:.95em;line-height:1.45;text-align:center}.primary{background:var(--violet);color:#fff}.secondary{background:#f4f0fa;border-color:#e4dbf0;color:#594375}.wide{width:100%}.garden-hero{position:relative;min-height:270px;border-radius:27px;padding:24px 20px 40px;overflow:hidden;background:linear-gradient(145deg,#e7f4ed,#e9f2e8 56%,#f5eddd);display:grid;grid-template-columns:minmax(0,1fr) 46%;align-items:center}.garden-copy{position:relative;z-index:2;padding-bottom:16px}.growth-label{display:inline-flex;gap:5px;align-items:center;font-size:.71em;font-weight:600;color:#477064;background:#fff9;border-radius:99px;padding:6px 10px;margin-bottom:11px}.garden-copy h2{white-space:pre-line;font-size:1.29em}.garden-copy p{margin-top:9px;font-size:.74em;max-width:210px;color:#587365}.garden-art{height:220px;position:relative;display:flex;justify-content:center;align-items:center}.garden-art>.member-growth-art{position:relative;left:4px}.companion-button{position:absolute;left:-24px;bottom:-12px;border:0;background:none;padding:0;transition:transform .18s}.companion-button:active{transform:scale(.96)}.garden-caption{position:absolute;bottom:14px;left:20px;right:20px;font-size:.65em;color:#527264;text-align:center}.latest-panel{padding:18px 20px;border:1px solid var(--line);border-radius:23px;background:#fff}.latest-panel .section-top{margin-bottom:8px}.latest-panel .eyebrow{font-size:.72em}.latest-content{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px}.latest-content h2{font-size:1.1em;margin-top:3px}.latest-content p{font-size:.78em;color:var(--muted);margin-top:3px}.latest-value{display:flex;align-items:center;flex-direction:column;flex-shrink:0;color:var(--violet)}.latest-value strong{font-family:var(--font-display),sans-serif;font-size:2em;line-height:1.3}.latest-value small{font-size:.5em;margin-left:3px}.latest-value>span{font-size:.72em}.week-panel{padding:22px 3px 8px}.week-count{font-size:.78em;color:var(--muted);white-space:nowrap}.week-count strong{font:1.9em var(--font-display),sans-serif;color:var(--violet)}.week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:21px 0 17px}.week-days>div{flex-direction:column;gap:10px;font-size:.73em;color:var(--muted)}.day-mark,.week-days>div{display:flex;align-items:center}.day-mark{justify-content:center;aspect-ratio:1;width:100%;max-width:40px;border:1px solid #e3dceb;border-radius:50%;font-size:1em;background:#fff}.day-mark.active{background:var(--violet);border-color:var(--violet);color:#fff;box-shadow:0 5px 10px #7052b819}.day-mark.future{border-style:dashed;background:transparent}.gentle-copy{font-family:var(--font-friendly),sans-serif;font-size:.8em;color:var(--muted)}.monthly-summary{border-radius:24px;background:#efe9f7;padding:22px}.monthly-counts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:19px 0 12px}.monthly-counts>div{display:flex;flex-direction:column;gap:5px}.monthly-counts>div+div{border-left:1px solid #dcd0eb;padding-left:20px}.monthly-counts strong{font-family:var(--font-display),sans-serif;font-size:2em;line-height:1.2}.monthly-counts small{font:.42em var(--font-body),sans-serif;margin-left:4px}.monthly-counts span{font-size:.76em;color:var(--muted)}.soft-badge{padding:4px 8px;border-radius:8px;background:#f3eff8;color:var(--muted);font-size:.65em}.training-list{padding:0;margin:0;list-style:none}.training-row{gap:10px;padding:17px 0;border-top:1px solid #f0ebf5}.training-row,.training-symbol{display:flex;align-items:center}.training-symbol{justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:13px;color:var(--violet);background:#f0eafa}.training-symbol.physical{color:#3d7868;background:#e8f5ef}.training-row>div:nth-child(2){flex:1 1;min-width:0;display:flex;flex-direction:column;font-size:.85em;line-height:1.45;gap:4px}.training-row span:not(.training-symbol){font-size:.78em;color:var(--muted)}.training-row strong{word-break:keep-all;overflow-wrap:anywhere}.training-value{display:flex;align-items:center;flex-direction:column;color:var(--violet);text-align:center;flex-shrink:0}.training-value strong{font-family:var(--font-display),sans-serif;font-size:1.2em}.training-value small{font:.6em var(--font-body),sans-serif}.domain-panel{padding-bottom:10px}.domain-list{margin:22px 0 12px}.domain-line{display:flex;align-items:center;gap:9px;padding:13px 0;border-top:1px solid #f0ebf5}.domain-dot{width:8px;height:28px;border-radius:10px;background:#b4a0d5;flex-shrink:0}.dot-1{background:#cbaac4}.dot-2{background:#93b9aa}.dot-3{background:#d7b68f}.dot-4{background:#9cadd5}.dot-5{background:#c6ad9b}.domain-line>div{flex:1 1;display:flex;flex-direction:column;font-size:.86em}.domain-line small{color:var(--muted);font-size:.75em}.domain-score{font:1.19em var(--font-display),sans-serif}.delta{font-size:.7em;min-width:60px;text-align:right;color:var(--muted)}.delta.up{color:#487566}.details-block>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;cursor:pointer;font-family:var(--font-friendly),sans-serif;font-size:.88em;list-style:none}.details-block>summary::-webkit-details-marker{display:none}.details-block>summary>span{display:flex;gap:8px;align-items:center}.details-block[open]>summary{margin-bottom:14px}.details-block[open]>summary>svg{transform:rotate(180deg)}.hex-wrap svg{width:100%;max-width:420px;height:auto;display:block;margin:auto}.hex-wrap text{font-size:12px;fill:var(--muted);font-family:var(--font-body),sans-serif}.hex-before polygon{fill:#c4b9d51a;stroke:#b6a8ca;stroke-width:2;stroke-dasharray:5 3}.hex-before circle{fill:#b6a8ca}.hex-recent polygon{fill:#7052b825;stroke:var(--violet);stroke-width:2}.hex-recent circle{fill:var(--violet)}.chart-legend{display:flex;justify-content:center;gap:22px;color:var(--muted);font-size:.75em}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{height:8px;width:19px;background:var(--violet);border-radius:8px}.chart-legend i.before{background:#b6a8ca}.table-wrap{overflow-x:auto;margin:20px 0}table{border-collapse:collapse;width:100%;font-size:.75em;text-align:right}table caption{text-align:left;color:var(--muted);font-size:.9em;margin-bottom:10px}td,th{padding:10px 5px;border-bottom:1px solid var(--line);white-space:nowrap}th:first-child{text-align:left}thead th{color:var(--muted);font-weight:400}.trend-panel{background:#fffaf4;border-color:#f2e4d7}.trend-comparison{display:flex;align-items:center;gap:21px;margin-top:22px}.trend-comparison>div{display:flex;flex-direction:column}.trend-comparison span{font-size:.72em;color:var(--muted)}.trend-comparison strong{font:1.9em var(--font-display),sans-serif}.trend-comparison strong small{font-size:.5em}.trend-comparison svg{color:#b99f85}.trend-note{font-size:.86em;font-family:var(--font-friendly),sans-serif;color:#715d41}.trend-chart{display:flex;gap:14px;justify-content:space-around;align-items:flex-end;margin:22px 0 5px}.trend-chart>div{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1;min-width:0;font-size:.7em;color:var(--muted)}.trend-chart>div>span{height:90px;background:#f3e8db;width:100%;max-width:38px;border-radius:8px;position:relative;overflow:hidden}.trend-chart i{display:block;position:absolute;bottom:0;width:100%;background:#c5a279;border-radius:8px}.history-weeks{margin-top:18px}.history-weeks>div{display:flex;align-items:center;gap:12px;padding:9px 0;font-size:.76em}.history-weeks>div>span:first-child{width:64px;flex-shrink:0;color:var(--muted)}.history-track{height:10px;background:#f0ebf6;border-radius:8px;flex:1 1;overflow:hidden}.history-track i{display:block;height:100%;background:#b4a0d5;border-radius:8px}.history-weeks strong{width:30px;text-align:right}.together-hero{background:#f0e9f8;border-radius:26px;padding:18px 20px 22px;text-align:center}.together-hero>.member-companion{margin:auto}.together-hero p{font-size:.84em;color:var(--muted);margin-top:7px}.cheer-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.cheer-buttons button{min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #ded3ed;border-radius:15px;background:#fff9;color:#685080;font-size:.74em;padding:10px 3px}.cheer-buttons button[aria-pressed=true]{background:var(--violet);color:white;border-color:var(--violet);opacity:1}.notice-item{border-top:1px solid var(--line);padding:12px 0}.notice-item summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:48px;font-size:.88em;font-weight:600;gap:9px}.notice-item p{font-size:.9em;margin-bottom:10px;white-space:pre-wrap}.compose{border-radius:16px;background:#f8f5fb;padding:15px;margin-top:18px}.compose label{font-size:.83em;font-weight:600}.compose textarea{width:100%;min-height:135px;resize:vertical;border:1px solid #d7cbe7;border-radius:12px;padding:13px;margin:10px 0;background:#fff;color:var(--ink);font-size:.88em}.compose>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.empty-state{text-align:center;padding:27px 0;color:var(--muted);font-size:.9em}.empty-state svg{color:#ad9bc8;margin-bottom:10px}.community-post{padding:24px 0;border-top:1px solid var(--line);margin-top:20px}.community-post header{display:flex;align-items:center;gap:9px}.post-avatar{display:flex;align-items:center;justify-content:center;height:38px;width:38px;border-radius:50%;background:var(--mint);color:#5d8776;flex-shrink:0}.community-post header>div{display:flex;flex-direction:column;font-size:.84em}.community-post header span{font-size:.76em;color:var(--muted)}.community-post>p{margin:16px 0 7px;font-size:.94em;white-space:pre-wrap;overflow-wrap:anywhere}.settings-group label{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;border-top:1px solid var(--line)}.settings-group label>span{display:flex;flex-direction:column;gap:4px;font-size:.88em}.settings-group small{font-size:.78em;color:var(--muted)}.settings-group input{appearance:none;display:block;flex-shrink:0;width:50px;height:30px;border-radius:30px;background:#dcd6e5;border:0;position:relative;cursor:pointer}.settings-group input:before{content:"";display:block;width:22px;height:22px;background:#fff;border-radius:50%;position:absolute;top:4px;left:4px;transition:transform .18s;box-shadow:0 1px 4px #0001}.settings-group input:checked{background:var(--violet)}.settings-group input:checked:before{transform:translateX(20px)}.inline-note{padding:13px 15px;border-radius:13px;background:#f4f0f9;font-size:.8em;color:#6a587f;margin:15px 0}.reminder-panel .section-top{margin-bottom:0}.reminder-panel .section-top h2{margin-bottom:0;flex:1 1}.install-help{padding-left:15px;border-left:3px solid #e4daef;font-size:.83em;color:var(--muted);margin:15px 0}.install-help p+p{margin-top:15px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:760px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fffefef5;border-top:1px solid #e9e3f1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:8px 8px calc(10px + env(safe-area-inset-bottom))}.bottom-nav button{flex-direction:column;gap:3px;border:0;background:none;min-height:60px;border-radius:13px;color:#8a8097;font-size:.75em;font-family:var(--font-friendly),sans-serif}.bottom-nav button,.bottom-nav button span{display:flex;align-items:center;justify-content:center}.bottom-nav button span{width:52px;height:32px;border-radius:12px}.bottom-nav button[aria-current=page]{color:var(--violet)}.bottom-nav button[aria-current=page] span{background:#eee7f8}.connection-hero{text-align:center;padding:18px 6px}.connection-hero h1{white-space:pre-line;font-size:1.9em;line-height:1.55;margin:18px 0 2px}.connection-hero>p:not(.eyebrow){font-size:.92em;color:var(--muted);margin:18px auto;max-width:400px}.connection-hero>.caption{font-size:.74em!important}.connection-garden{display:flex;justify-content:center;align-items:flex-end;background:radial-gradient(ellipse at 50% 70%,#e4f0e5 0,#e4f0e500 70%);margin:0 auto 16px;max-width:350px}.connection-garden>.member-companion{margin-left:-42px;margin-bottom:5px}.connection-steps{display:flex;align-items:center;text-align:left;gap:14px;max-width:320px;margin:22px auto}.connection-steps>span{width:29px;height:29px;background:var(--violet-soft);color:var(--violet);border-radius:50%;display:grid;place-items:center;font-family:var(--font-display),sans-serif;flex-shrink:0;font-size:.85em}.connection-steps p{font-size:.86em}.connection-note,.error-note,.status-note{border-radius:16px;padding:14px 16px;margin-bottom:16px;font-size:.85em}.connection-note{display:flex;gap:10px;background:#fff1dd;color:#6d5735}.error-note{background:#fcefee}.error-note,.error-note .text-action{color:#7d414b}.status-note{background:#eaf4ee;display:flex;align-items:flex-start;gap:12px;color:#386553}.status-note>button{margin-left:auto;flex-shrink:0;min-height:32px;min-width:32px;border:0;background:transparent;color:inherit}.busy-line{height:28px;display:flex;align-items:center;gap:8px;font-size:.76em;color:var(--muted);margin-bottom:12px}.busy-line>span{width:12px;height:12px;border:2px solid #d4c5e8;border-top:2px solid var(--violet);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f3dfc2;color:#654f30;padding:10px 17px;font-size:.68em;position:relative;z-index:1}.demo-banner a{flex-shrink:0;font-weight:700;padding:7px 0}.confirm-dialog{border:1px solid var(--line);border-radius:25px;padding:24px;width:calc(100% - 32px);max-width:420px;background:#fff;color:var(--ink);box-shadow:0 12px 70px #30284226;font-family:var(--font-body),sans-serif;max-height:90dvh;overflow-y:auto}.confirm-dialog::backdrop{background:#30284266;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;color:var(--violet);margin-bottom:10px}.confirm-dialog h2{font-size:1.3em;margin-bottom:14px}.confirm-dialog p{color:var(--muted);font-size:.93em}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.large-text .garden-hero{min-height:325px}.large-text .garden-copy h2{font-size:1.14em}.large-text .garden-art{height:245px}.large-text .garden-caption{font-size:.62em}.large-text .cheer-buttons{gap:5px}.large-text .domain-line{flex-wrap:wrap}.large-text .domain-line>div{min-width:80px}.large-text .delta{font-size:.65em}@media(min-width:600px){.app-header{padding:30px 38px 18px}main{padding:18px 38px 28px}.home-heading h1{font-size:2.1em}.garden-hero{min-height:300px;padding:28px 32px 45px}.garden-copy h2{font-size:1.75em}.garden-copy p{font-size:.86em}.garden-art{transform:scale(1.15)}.latest-panel{padding:22px 28px}.surface{padding:27px}.training-row>div:nth-child(2){font-size:.96em}.week-days{gap:18px}.day-mark{max-width:48px}.garden-caption{font-size:.72em}}@media(max-width:359px){.app-header{padding:18px 14px 12px}main{padding:10px 14px 24px}.wordmark{font-size:.9em}.home-heading h1{font-size:1.5em}.garden-hero{padding:20px 15px 36px;min-height:250px;grid-template-columns:minmax(0,1fr) 43%}.garden-copy h2{font-size:1.12em}.garden-art{transform:scale(.86);transform-origin:center right;height:205px}.garden-caption{font-size:.6em;left:10px;right:10px}.surface{padding:18px}.section-top{gap:8px}.latest-panel{padding:17px}.latest-value strong{font-size:1.7em}.growth-label{font-size:.64em;padding:6px 8px}.latest-content{gap:9px}.training-symbol{display:none}.large-text .garden-hero{display:block;padding-bottom:38px}.large-text .garden-copy{padding:0}.large-text .garden-copy h2{font-size:1.2em}.large-text .garden-art{height:190px;margin:0 0 0 auto;width:180px;transform:scale(.85);transform-origin:center}.large-text .garden-copy p{max-width:none}.large-text .latest-content{align-items:flex-start}.large-text .latest-value strong{font-size:1.5em}.large-text .section-top h2{font-size:1em}.large-text .domain-line>div{font-size:.83em}.large-text .domain-score{font-size:1em}.large-text .delta{min-width:50px}.large-text .cheer-buttons{grid-template-columns:1fr}.large-text .cheer-buttons button{flex-direction:row;min-height:48px}.large-text .monthly-counts{gap:8px}.large-text .monthly-counts>div+div{padding-left:12px}.large-text .dialog-actions{grid-template-columns:1fr}}.reduced-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.ranking-axes,.ranking-segments,.together-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 16px}.together-sections{padding:5px;border-radius:17px;background:#eae4f2}.ranking-axes button,.ranking-segments button,.together-sections button{border:1px solid var(--line);min-height:50px;min-width:0;padding:10px 8px;border-radius:13px;background:#fff;color:#69597c;font-size:.88em;word-break:keep-all;overflow-wrap:anywhere}.ranking-axes button[aria-pressed=true],.ranking-segments button[aria-pressed=true],.together-sections button[aria-pressed=true]{background:var(--violet);border-color:var(--violet);color:white;font-weight:600}.ranking-panel>.connection-note,.ranking-panel>section{margin-bottom:18px}.ranking-intro{display:flex;align-items:center;gap:6px;padding:20px 18px;border-radius:24px;background:linear-gradient(130deg,#e8f3eb,#f2eaf8);overflow:hidden}.ranking-intro>div:first-child{flex:1 1;min-width:0}.ranking-intro>.member-companion{flex-shrink:0}.ranking-intro h2{font-size:1.15em}.ranking-intro p:last-child{font-size:.76em;color:#5a7067;margin-top:8px}.ranking-period{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:17px 0;font-size:.87em}.ranking-period span{font-size:.85em;color:var(--muted)}.ranking-axes{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.ranking-axes button{font-size:.86em}.ranking-explanation{padding:15px 17px;border-left:3px solid #c8b6e2;background:#f0ebf6;border-radius:0 16px 16px 0}.ranking-explanation h3{font-size:1em}.ranking-explanation p{font-size:.82em;color:#655773;margin-top:8px;line-height:1.7}.ranking-self{border:1px solid #c7dfd4;background:#e9f4ed;border-radius:20px;padding:18px}.ranking-self>div{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ranking-self strong{font:1.55em var(--font-display),sans-serif}.ranking-self p{font-size:.8em;color:#4f7062;margin-top:9px}.ranking-list{padding:0;margin:12px 0 16px;list-style:none}.ranking-list>li{display:flex;align-items:flex-start;gap:14px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:18px 15px;margin-bottom:11px;min-width:0}.ranking-list>li.is-mine{border-color:#c5b1df;background:#f6f1fb}.ranking-position{font-family:var(--font-display),sans-serif;font-size:1.3em;min-width:35px;flex-shrink:0;text-align:center;color:var(--violet)}.ranking-position small{font:.55em var(--font-body),sans-serif;margin-left:2px}.ranking-entry{flex:1 1;min-width:0}.ranking-entry>strong{display:block;font-size:.89em;overflow-wrap:anywhere;word-break:keep-all}.ranking-mine{display:inline-block;font-size:.72em;margin:4px 0 0 5px;border-radius:6px;background:#e5daf3;color:#61417d;padding:2px 5px}.ranking-score{display:block;font-family:var(--font-display),sans-serif;font-size:1.35em;margin-top:7px;overflow-wrap:anywhere}.ranking-entry p{font-size:.75em;line-height:1.65;color:var(--muted);margin-top:7px}.ranking-scope-note{margin:13px 2px;line-height:1.7}.ranking-empty{color:var(--muted);text-align:center}.ranking-empty h3{font-size:1em;margin:10px 0}.ranking-empty button{margin-top:13px}.ranking-consent details p,.ranking-consent>p{font-size:.85em;line-height:1.7}.ranking-consent details p+p{margin-top:12px}.ranking-consent-state{display:inline-block;border-radius:10px;padding:7px 10px;background:#f0eafa;color:#60477f;font-weight:600}.ranking-agreement{display:flex;align-items:flex-start;gap:11px;padding:15px 0;font-size:.86em;line-height:1.7;cursor:pointer}.ranking-agreement input{flex-shrink:0;width:23px;height:23px;margin:3px 0;accent-color:var(--violet)}.ranking-consent .details-block{margin:15px 0}.ranking-consent>.caption{font-size:.75em}@media(max-width:359px){.ranking-intro{padding:18px 14px;flex-wrap:wrap}.ranking-intro>.member-companion{margin-left:auto}.large-text .ranking-intro>div:first-child{flex-basis:100%}.ranking-list>li{padding:16px 12px;gap:10px}.ranking-position{min-width:28px}.ranking-segments button{font-size:.82em}.ranking-consent{padding:18px 14px}.ranking-agreement{gap:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}