:root{--bg-0: #f3f6fb;--bg-1: #ffffff;--line: #e3e8f3;--ink: #1d2333;--muted: #687089;--brand: #224dd7;--brand-2: #ffcf49;--mobile-base: 360px}.page{width:100%;max-width:calc(var(--mobile-base) + 24px);margin:10px auto 24px;padding-left:12px;padding-right:12px;padding-bottom:88px;display:grid;gap:10px}.panel{background:var(--bg-1);border-radius:14px;padding:12px;border:1px solid var(--line);box-shadow:0 10px 24px #14347814}.site-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;background:#fffdf7}.site-nav a{color:#2f3e66;text-decoration:none;font-size:14px;font-weight:700}.site-nav a:hover{text-decoration:underline}.site-footer{background:#fff}.site-footer p{margin:0;font-size:14px;color:#3f4a66;line-height:1.6}.site-footer p+p{margin-top:4px}.support-link{color:#224dd7;text-decoration:none}.support-link:hover{text-decoration:underline}.analyze-entry{display:flex;justify-content:center;background:radial-gradient(circle at 18% 20%,rgba(255,215,86,.28),transparent 36%),radial-gradient(circle at 80% 75%,rgba(102,148,255,.24),transparent 38%),linear-gradient(120deg,#f7f9ff,#eef3ff)}.analyze-entry-btn{position:relative;min-width:260px;display:grid;justify-items:center;gap:0;padding:12px 18px 13px;border-radius:14px;background:linear-gradient(100deg,#ff8a00,#ff4d6d 42%,#2a56db);box-shadow:0 14px 30px #2a56db52;animation:analyzePulse 2.2s ease-in-out infinite;transform:translateZ(0)}.analyze-entry-btn:after{content:"";position:absolute;inset:-4px;border-radius:16px;border:2px solid rgba(66,118,255,.28);animation:ringPulse 2.2s ease-in-out infinite}.analyze-entry-btn:hover{transform:translateY(-2px)}.analyze-entry-main{font-size:17px;font-weight:900;line-height:1.2}@keyframes analyzePulse{0%,to{box-shadow:0 14px 30px #2a56db52}50%{box-shadow:0 18px 36px #ff4d6d66}}@keyframes ringPulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.1;transform:scale(1.03)}}.analyze-security{background:linear-gradient(120deg,#f8fcfa,#eff8f3)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 12%,rgba(255,213,67,.38),transparent 34%),radial-gradient(circle at 88% 18%,rgba(88,147,255,.35),transparent 35%),linear-gradient(120deg,#f9fbff,#fff5e2)}.hero:after{content:"";position:absolute;right:-34px;bottom:-50px;width:150px;height:150px;border-radius:999px;background:#224dd71a}.eyebrow{margin:0;color:#5a6583;font-weight:800;font-size:14px;letter-spacing:.09em;text-transform:uppercase}h1{margin:7px 0 8px;color:var(--ink);font-size:21px;line-height:1.2}h2{margin:0 0 12px;color:var(--ink);font-size:18px}.result-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.save-image-btn{border:1px solid #d7e1f8;background:#f3f7ff;color:#2147c2;border-radius:10px;height:34px;padding:0 10px;font-size:14px;font-weight:800}.save-image-btn:disabled{opacity:.6}.lead{margin:0;color:#3d4352;font-size:14px}.trust-row{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.pill{padding:6px 9px;border-radius:999px;background:#ffffffdb;border:1px solid #dbe3f3;color:#2b3452;font-size:14px;font-weight:700}.download-cta{margin-top:12px;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:12px;text-decoration:none;color:#fff;font-size:14px;font-weight:800;background:linear-gradient(100deg,#224dd7,#152f97);box-shadow:0 10px 20px #152f9740}.showcase-download{margin-top:12px;width:100%}.uploader{background:linear-gradient(180deg,#fff,#f9fbff)}.service-info{background:linear-gradient(120deg,#fff,#f8fbff)}.reply-rpm-feature{background:radial-gradient(circle at 14% 18%,rgba(255,204,74,.24),transparent 30%),radial-gradient(circle at 86% 82%,rgba(63,106,255,.18),transparent 34%),linear-gradient(120deg,#fffaf0,#f4f8ff)}.reply-rpm-feature-grid{margin-top:12px;display:grid;gap:8px}.reply-rpm-feature-card{border-radius:12px;border:1px solid #e6e1c8;background:#ffffffe0;padding:12px;display:grid;gap:4px}.reply-rpm-feature-card strong{color:#253156;font-size:14px}.reply-rpm-feature-card span{color:#4a5676;font-size:14px;line-height:1.55}.desc{margin:0;color:#434d67;font-size:14px;line-height:1.6}.desc+.desc{margin-top:8px}.ios-guide{background:linear-gradient(120deg,#fffef6,#fdf7ea)}.feature-detail{background:linear-gradient(120deg,#f9fbff,#f4f8ff)}.feature-grid{display:grid;grid-template-columns:1fr;gap:8px}.feature-item{border:1px solid #dfe7fb;border-radius:10px;background:#fff;padding:10px}.feature-item-highlight{border-color:#f0d489;background:linear-gradient(120deg,#fff8e4,#eef4ff);box-shadow:0 10px 22px #ffbf2f1f}.feature-item h3,.qa-list h3{margin:0 0 5px;font-size:14px;color:#1f2c4d}.feature-item p,.qa-list p{margin:0;font-size:14px;line-height:1.6;color:#42506f}.audience-info{background:linear-gradient(120deg,#fffdf7,#fdf8ed)}.policy-info{background:linear-gradient(120deg,#f8fcfa,#eff8f3)}.faq-info{background:linear-gradient(120deg,#fbfbff,#f5f7ff)}.bullet-list{margin:0;padding-left:18px;display:grid;gap:6px;font-size:14px;line-height:1.55;color:#36415d}.qa-list{display:grid;gap:9px}.qa-list article{border:1px solid #e2e8f8;border-radius:10px;background:#fff;padding:10px}.feature-rpm-detail{border-color:#ecd38f;background:linear-gradient(120deg,#fff8e5,#f8fbff)}.steps{margin:0;padding-left:18px;display:grid;gap:8px;color:#36415d;font-size:14px;line-height:1.6}.showcase{background:radial-gradient(circle at 10% 10%,rgba(255,210,84,.25),transparent 30%),radial-gradient(circle at 90% 90%,rgba(255,168,198,.2),transparent 34%),linear-gradient(120deg,#fffef6,#fff9ea,#fff8f1)}.showcase-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.showcase-grid{margin-top:10px;display:grid;grid-template-columns:1fr;gap:10px}.shot{margin:0;border:1px solid #f0e5c7;background:#fff;border-radius:12px;overflow:hidden}.shot img{width:100%;height:auto;display:block;background:#fbf6e7}.shot-fallback{min-height:190px;padding:12px;place-content:center;gap:4px;text-align:center;background:#fff8df}.shot-fallback strong{font-size:18px;color:#7a5c00}.shot-fallback span{font-size:14px;color:#635a42}.shot-fallback em{font-size:14px;color:#8c846e;font-style:normal}.shot figcaption{padding:9px 10px;font-size:14px;color:#4f5a75;border-top:1px solid #f2efe4;background:#fffdfa}.upload{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:3px;border-radius:12px;border:1px dashed #7a8dc8;background:#f5f8ff;padding:12px;cursor:pointer}.upload-title{color:var(--brand);font-weight:800;font-size:14px}.upload-sub{color:#687192;font-size:14px}.upload input{display:none}.filename,.status,.error,.muted{margin:10px 0 0;font-size:14px}.status{color:#2f56c0;font-weight:700}.progress-wrap{margin-top:10px}.progress-bar{margin-top:6px;width:100%;height:10px;border-radius:999px;overflow:hidden;background:#e8edf8}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-2),var(--brand));transition:width .2s ease}.error{color:#bf2222;font-weight:700}.muted{color:var(--muted)}.grid{display:grid;gap:10px;grid-template-columns:1fr}.tabs{margin:0 0 12px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.tab{border:1px solid #dbe3f4;background:#f4f7ff;color:#3b4564;border-radius:9px;height:36px;font-weight:700;font-size:14px}.tab.is-active{color:#fff;border-color:transparent;background:linear-gradient(100deg,#2e58dc,#1836ad)}.fade-in{animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.item{background:#f9fbff;border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:5px}.item-hero{background:linear-gradient(120deg,#f6f9ff,#eef6ff)}.item span{color:#5f6778;font-size:14px;font-weight:600}.item strong{color:#1e2436;font-size:14px}.item.full{grid-column:1 / -1}.home-entry-panel{background:linear-gradient(120deg,#fff,#f5f9ff)}.home-entry-grid{display:grid;gap:8px}.home-entry-card{border:1px solid #dde6fa;border-radius:12px;background:#fff;padding:12px;display:grid;gap:6px}.home-entry-card>strong{color:#25335c;font-size:15px}.home-entry-card>p{margin:0;color:#445271;font-size:14px;line-height:1.55}.home-entry-card>span{color:#617095;font-size:14px;font-weight:700}.home-entry-card>a{width:fit-content;font-size:14px;font-weight:800;color:#1f4bcc;text-decoration:none}.home-entry-card>a:hover{text-decoration:underline}.result-main-head{margin-bottom:12px;display:grid;gap:10px}.result-main-meta,.result-main-cards{display:grid;gap:8px}.result-main-card{border:1px solid #dce5f8;border-radius:12px;background:linear-gradient(120deg,#fff,#f7faff);padding:12px;display:grid;gap:4px}.result-main-card>p{margin:0;color:#5b6889;font-size:14px;font-weight:700}.result-main-card>strong{color:#1e357f;font-size:18px;line-height:1.35}.result-main-card>span{color:#4b5a7a;font-size:14px;line-height:1.55}.result-main-badge{width:fit-content;margin-top:2px;padding:4px 8px;border-radius:999px;border:1px solid #d6def3;background:#f4f8ff;color:#304067;font-size:14px;font-style:normal;font-weight:800}.result-main-lines{margin:0;padding-left:16px;display:grid;gap:4px}.result-main-lines>li{color:#4c5a7c;font-size:14px;line-height:1.5}.result-main-visuals{border:1px solid #dce4f8;border-radius:12px;background:linear-gradient(120deg,#fff,#f8fbff);padding:12px;display:grid;gap:8px}.result-main-diagram{border:1px dashed #cdd8f5;border-radius:10px;background:#f6f9ff;padding:10px;display:grid;gap:6px}.result-main-diagram>strong{color:#36466b;font-size:14px}.result-main-diagram>div{display:flex;align-items:center;justify-content:center;gap:10px}.result-main-diagram>div>span,.result-main-diagram>div>em{color:#2c3b60;font-size:14px;font-style:normal;font-weight:800}.result-main-bars{display:grid;gap:6px}.result-main-bars>p{margin:0;color:#4a5878;font-size:14px;line-height:1.5}.result-main-bars>p>b{color:#2d3d63;font-weight:800}.result-type-badge{width:fit-content;border-radius:999px;border:1px solid #d2def9;background:linear-gradient(100deg,#f2f6ff,#fff7e8);color:#1d419f;font-size:14px;font-weight:800;padding:6px 10px}.rank-list{display:grid;gap:7px}.rank-row{display:grid;grid-template-columns:38px 1fr auto auto;gap:6px;align-items:center;padding:8px;border-radius:10px;background:#fff;border:1px solid #ebedf5;font-size:14px}.rank-row em{font-style:normal;color:#4f5f8a;font-weight:800}.message-row{grid-template-columns:38px 110px 170px 1fr;align-items:start}.message-row>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row>span:last-child{color:#32415f;white-space:pre-wrap;word-break:break-word;line-height:1.5}.group-private-structure{margin-top:10px;display:grid;gap:10px}.group-private-structure>span{color:#2c3a61;font-size:14px;font-weight:800}.group-private-top,.group-private-middle{display:grid;gap:8px}.group-private-top>article,.group-private-graph,.group-private-network{border:1px solid #dce4f8;border-radius:12px;background:#fff;padding:10px;display:grid;gap:5px}.group-private-top>article>b,.group-private-graph>b,.group-private-network>b{color:#29375c;font-size:14px}.group-private-top>article>p{margin:0;color:#213d97;font-size:16px;font-weight:900}.group-private-top>article>em{color:#526083;font-size:14px;font-style:normal}.group-private-bar-row{display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:6px}.group-private-bar-row>label{color:#4e5d80;font-size:14px;font-weight:700}.group-private-bar-row>em{color:#5c6887;font-size:14px;font-style:normal;font-weight:700}.group-private-bar-row>div{height:8px;border-radius:999px;background:#e7ecf9;overflow:hidden}.group-private-bar-row>div>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2f6cff,#2146c2)}.group-private-network-nodes{display:flex;flex-wrap:wrap;gap:6px}.group-private-network-nodes>span{border-radius:999px;border:1px solid #d6def4;background:#f4f7ff;color:#33446c;font-size:14px;font-weight:700;padding:5px 9px}.group-private-network-links{display:grid;gap:4px}.group-private-network-links>em{color:#516083;font-size:14px;font-style:normal}.group-open-qna{margin-top:10px;display:grid;gap:10px}.group-open-qna>span{color:#2c3a61;font-size:14px;font-weight:800}.group-open-top,.group-open-middle{display:grid;gap:8px}.group-open-top>article,.group-open-graph,.group-open-flow{border:1px solid #dce4f8;border-radius:12px;background:#fff;padding:10px;display:grid;gap:5px}.group-open-top>article>b,.group-open-graph>b,.group-open-flow>b{color:#2b385e;font-size:14px}.group-open-top>article>p{margin:0;color:#22439f;font-size:16px;font-weight:900;line-height:1.4}.group-open-top>article>em{color:#526083;font-size:14px;font-style:normal}.group-open-split{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:6px}.group-open-split>label{color:#4f5d80;font-size:14px;font-weight:700}.group-open-split>em{color:#5b6888;font-size:14px;font-style:normal;font-weight:700}.group-open-split>div{height:8px;border-radius:999px;overflow:hidden;background:#e7ecf9}.group-open-split>div>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3a78ff,#234ac7)}.group-open-flow-lines{display:grid;gap:4px}.group-open-flow-lines>em{color:#506082;font-size:14px;font-style:normal}.duel-grid{margin-top:10px;display:grid;grid-template-columns:1fr;gap:8px}.duel-row{display:grid;grid-template-columns:.9fr minmax(0,1fr) minmax(0,1fr);gap:6px}.duel-row>*{margin:0;padding:7px 8px;min-width:0;border-radius:8px;background:#fff;border:1px solid #ebedf5;font-size:14px;text-align:center;word-break:keep-all}.duel-row>p:first-child,.duel-head>p{text-align:left;font-weight:700;background:#f6f9ff}.duel-head>strong{background:#f0f5ff}.score{font-weight:800;color:#1d3ea3}.score-win{color:#0f4dd8;background:#edf3ff}.versus{margin-top:10px;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.versus-user{display:grid;gap:4px}.versus-user>strong{text-align:center;padding:8px;border-radius:10px;background:#f4f7ff;border:1px solid #dee6fb}.versus-vs{font-weight:900;color:#283663}.badge{justify-self:center;padding:3px 8px;font-size:14px;border-radius:999px;color:#0f4dd8;background:#eaf1ff;border:1px solid #d7e4ff;font-style:normal;font-weight:800}.badge-lead{color:#935f00;background:#fff4d9;border-color:#ffe2a4}.compare{margin-top:10px}.compare>p{margin:0 0 5px;font-size:14px;color:#5d6681;font-weight:700}.compare-bars{display:grid;gap:6px}.compare-fill{height:10px;border-radius:999px;background:#cdd9f8}.compare-fill.is-win{background:linear-gradient(90deg,#224dd7,#1539b2)}.mbti-report{margin-top:12px;display:grid;gap:12px}.mbti-hero-card{border-radius:14px;border:1px solid #d9e2fb;background:radial-gradient(circle at 12% 16%,rgba(255,217,100,.2),transparent 34%),radial-gradient(circle at 85% 78%,rgba(74,126,255,.18),transparent 36%),linear-gradient(120deg,#f8faff,#f4f9ff 54%,#f9fff7);padding:14px;display:grid;gap:7px}.mbti-hero-title{margin:0;color:#3d4869;font-size:14px;font-weight:800}.mbti-hero-type{color:#192e7a;font-size:24px;line-height:1.2}.mbti-hero-summary{margin:0;color:#38476a;font-size:14px;line-height:1.6;font-weight:700}.mbti-hero-meta{display:flex;flex-wrap:wrap;gap:6px}.mbti-hero-meta>span{font-size:14px;font-weight:700;color:#2b3a63;border:1px solid #d6dff6;background:#ffffffdb;border-radius:999px;padding:6px 10px}.mbti-share-slot{width:fit-content;height:34px;border-radius:10px;border:1px solid #d4ddf5;background:#fff;color:#2a3a64;font-size:14px;font-weight:800;padding:0 10px}.mbti-users-grid{display:grid;gap:10px}.mbti-user-card{border-radius:12px;border:1px solid #dee5f8;background:#fff;padding:12px;display:grid;gap:10px}.mbti-user-head{display:grid;gap:2px}.mbti-user-head>strong{color:#2a3659;font-size:16px}.mbti-user-head>span{color:#1c44bb;font-size:22px;line-height:1.2;font-weight:900}.mbti-user-head>em{color:#647093;font-size:14px;font-style:normal;font-weight:700}.mbti-user-summary{margin:0;color:#3f4b6a;font-size:14px;line-height:1.65}.mbti-user-tags{display:flex;flex-wrap:wrap;gap:6px}.mbti-user-tags>span{font-size:14px;font-weight:800;color:#29458d;border:1px solid #d4ddf4;border-radius:999px;background:#f4f7ff;padding:6px 9px}.mbti-user-mini{display:grid;gap:4px}.mbti-user-mini>span{color:#516083;font-size:14px;font-weight:700}.mbti-user-reason{border:1px solid #e4e9f7;background:#f9fbff;border-radius:10px;padding:10px;display:grid;gap:6px}.mbti-user-reason>b{color:#2f3b5f;font-size:14px}.mbti-user-reason>ul{margin:0;padding-left:18px;display:grid;gap:4px}.mbti-user-reason>ul>li{color:#516081;font-size:14px;line-height:1.55}.mbti-user-scores{display:grid;gap:6px}.mbti-score-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:7px;align-items:center}.mbti-score-row>span{color:#58658b;font-size:14px;font-weight:700}.mbti-score-row>em{color:#5a678a;font-size:14px;font-style:normal;font-weight:700}.mbti-score-track{width:100%;height:9px;border-radius:999px;overflow:hidden;background:#e7ecf9}.mbti-score-track>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#2f6cff,#224dd7)}.mbti-pair-card,.mbti-compare-card,.mbti-evidence-card{border-radius:12px;border:1px solid #dfe6f7;background:#fff;padding:12px;display:grid;gap:8px}.mbti-pair-card>h3,.mbti-compare-card>h3,.mbti-evidence-card>h3{margin:0;color:#253157;font-size:18px}.mbti-pair-card>strong{color:#1c44bb;font-size:21px;line-height:1.2}.mbti-pair-diagram{border:1px dashed #cfdaf6;border-radius:10px;background:#f7f9ff;padding:8px;display:flex;align-items:center;justify-content:center;gap:10px}.mbti-pair-diagram>span,.mbti-pair-diagram>em{color:#2e3d64;font-size:14px;font-style:normal;font-weight:800}.mbti-pair-card>p,.mbti-evidence-card>p{margin:0;color:#435172;font-size:14px;line-height:1.65}.mbti-pair-card>ul,.mbti-axis-guide{margin:0;padding-left:18px;display:grid;gap:4px}.mbti-pair-card>ul>li,.mbti-axis-guide>li{color:#4e5d80;font-size:14px;line-height:1.55;font-weight:600}.mbti-pair-notes{display:grid;gap:5px}.mbti-pair-notes>p{margin:0;color:#4b5a7b;font-size:14px;line-height:1.55}.mbti-compare-list{display:grid;gap:10px}.mbti-compare-row{border:1px solid #e4e9f7;border-radius:10px;background:#f9fbff;padding:10px;display:grid;gap:8px}.mbti-compare-head{display:grid;gap:4px}.mbti-compare-head>strong{color:#2b375b;font-size:15px}.mbti-compare-head>span{color:#556486;font-size:14px;font-weight:700}.mbti-compare-bars{display:grid;gap:6px}.mbti-compare-lane{display:grid;grid-template-columns:minmax(0,1fr) 84px auto;gap:6px;align-items:center}.mbti-compare-lane>label{color:#4f5e82;font-size:14px;font-weight:700}.mbti-compare-lane>em{color:#596689;font-size:14px;font-style:normal;font-weight:800}.mbti-compare-track{height:8px;border-radius:999px;overflow:hidden;background:#e6ebf9}.mbti-compare-track>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#3f74ff,#2043be)}.mbti-evidence-meta{display:flex;flex-wrap:wrap;gap:6px}.mbti-evidence-meta>span{font-size:14px;color:#304067;font-weight:700;border-radius:999px;border:1px solid #d6def3;background:#f5f8ff;padding:6px 9px}.mbti-evidence-grid{display:grid;gap:6px}.mbti-evidence-grid>article{border:1px solid #e3e9f8;border-radius:10px;background:#f8fbff;padding:9px;display:grid;gap:3px}.mbti-evidence-grid>article>b{color:#324067;font-size:14px}.mbti-evidence-grid>article>span{color:#526083;font-size:14px;line-height:1.5}.mbti-empty{margin-top:12px;border:1px solid #dce4f7;border-radius:12px;background:#f8fbff;padding:12px;display:grid;gap:6px}.mbti-empty>strong{color:#2a365c;font-size:15px}.mbti-empty>p{margin:0;color:#526183;font-size:14px}.reply-rpm-block{margin-top:12px;border-radius:12px;border:1px solid #dbe5ff;background:linear-gradient(120deg,#f8fbff,#fff9ec);padding:12px}.reply-rpm-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.reply-rpm-head>p{margin:0;color:#20315b;font-size:14px;font-weight:900}.reply-rpm-head>span{color:#67718f;font-size:14px;font-weight:700}.reply-rpm-share-slot{margin-top:8px;width:fit-content;height:34px;border-radius:10px;border:1px solid #d8e1f7;background:#fff;color:#2a3b65;font-size:14px;font-weight:800;padding:0 10px}.reply-rpm-summary{margin-top:10px;display:grid;gap:4px}.reply-rpm-summary>strong{color:#1f2c52;font-size:18px;line-height:1.35}.reply-rpm-summary>span{color:#5f6986;font-size:14px}.reply-rpm-race{margin-top:12px;padding:12px;border-radius:12px;background:#ffffffc7;border:1px solid #e3e9f7}.reply-rpm-start{color:#6a7390;font-size:14px;font-weight:900;letter-spacing:.08em}.reply-rpm-lane{margin-top:10px;display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:center}.reply-rpm-lane>strong{color:#2d395f;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-rpm-track{position:relative;height:28px;border-radius:999px;background:#e9eef8;overflow:hidden}.reply-rpm-track:after{content:"";position:absolute;top:0;right:12px;width:2px;height:100%;background:#cad3e8}.reply-rpm-runner{height:100%;min-width:28px;border-radius:999px;background:linear-gradient(90deg,#ffbf2f,#224dd7);display:flex;align-items:center;justify-content:flex-end;padding-right:6px;color:#fff;transition:width .95s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 18px #224dd72e}.reply-rpm-runner.is-win{background:linear-gradient(90deg,#ff9a3c,#224dd7)}.reply-rpm-runner>span{font-size:14px;line-height:1}.reply-rpm-race-result{margin-top:12px;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;background:#fff4cf;border:1px solid #f0d17a;color:#28355e;font-size:14px;font-weight:900;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.reply-rpm-race-result.is-visible{opacity:1;transform:translateY(0)}.reply-rpm-race-result.is-muted{background:#f0f1f6;border-color:#d6dae7;color:#596582}.reply-rpm-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reply-rpm-card{display:grid;gap:6px;padding:11px;border-radius:12px;border:1px solid #e4e9f5;background:#fff}.reply-rpm-card.is-win{border-color:#cddcff;box-shadow:0 10px 22px #224dd71a}.reply-rpm-card>strong{color:#2b3658;font-size:14px}.reply-rpm-card>em{display:inline-flex;align-items:center;width:fit-content;min-height:28px;padding:0 10px;border-radius:999px;background:#fff4d8;border:1px solid #f0d489;color:#5e4a10;font-size:14px;font-style:normal;font-weight:800}.reply-rpm-card>b{color:#1539b2;font-size:18px;line-height:1.15}.reply-rpm-card>span{color:#59627f;font-size:14px}.reply-rpm-meter{height:9px;border-radius:999px;background:#ebf0fb;overflow:hidden}.reply-rpm-fill{height:100%;border-radius:999px;background:#cdd9f8}.reply-rpm-fill.is-win{background:linear-gradient(90deg,#ffbf2f,#224dd7)}.keyword-tools{margin:8px 0 10px;display:grid;grid-template-columns:1fr;gap:8px}.keyword-bars{margin-top:10px;display:grid;gap:6px}.keyword-bar-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:6px}.keyword-bar-row>label{color:#4b5c83;font-size:14px;font-weight:700}.keyword-bar-row>em{color:#5c6988;font-size:14px;font-style:normal;font-weight:700}.keyword-bar-row>div{height:9px;border-radius:999px;overflow:hidden;background:#e6ecfa}.keyword-bar-row>div>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3b74ff,#1e45be)}.topic-badges{display:flex;flex-wrap:wrap;gap:6px}.topic-badges>em{border-radius:999px;border:1px solid #d6def5;background:#f4f8ff;color:#33456f;font-style:normal;font-size:14px;font-weight:800;padding:5px 10px}.topic-flow{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.topic-flow-node{display:inline-flex;align-items:center;gap:7px}.topic-flow-node>b{border-radius:10px;border:1px solid #d8e1f8;background:#f6f9ff;color:#2f4271;font-size:14px;padding:6px 10px}.topic-flow-node>em{color:#4f5f87;font-size:14px;font-style:normal;font-weight:800}.period-switch{margin:8px 0 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.open-recent-row{grid-template-columns:36px 1fr auto}.open-recent-row span:last-child{grid-column:2 / -1;color:#6f7891;font-size:14px}.keyword-tools input,.keyword-tools select{width:100%;height:36px;border-radius:9px;border:1px solid #d6dff4;background:#fff;padding:0 10px;font-size:14px;color:#22304f}.keyword-tools input:focus,.keyword-tools select:focus{outline:none;border-color:#8fa8eb;box-shadow:0 0 0 3px #2d60dc24}.chemistry-box{margin-top:10px;border-radius:10px;border:1px solid #dbe5ff;background:linear-gradient(120deg,#eef3ff,#fff8e8);padding:12px;display:flex;align-items:baseline;gap:8px}.chemistry-box b{color:#2b3658}.chemistry-box strong{color:#1a3db3;font-size:18px}.chemistry-box span{color:#4b5570;font-size:14px}.time-heatmap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.time-heatmap-cell{border-radius:9px;border:1px solid #d8e2f8;background:linear-gradient(150deg,#e7f0ff,#d4e4ff);padding:7px 4px;display:grid;justify-items:center;gap:2px}.time-heatmap-cell>b{color:#1f3f99;font-size:14px}.time-heatmap-cell>em{color:#334f93;font-size:14px;font-style:normal;font-weight:700}.weekday-bars{display:grid;gap:6px}.weekday-bar-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:6px;align-items:center}.weekday-bar-row>label{color:#4c5d82;font-size:14px;font-weight:800}.weekday-bar-row>em{color:#556582;font-size:14px;font-style:normal;font-weight:700}.weekday-bar-row>div{height:10px;border-radius:999px;overflow:hidden;background:#e8edf9}.weekday-bar-row>div>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#5374df,#2648bc)}.trend-wrap{display:grid;gap:8px}.trend-line{width:100%;height:120px;border-radius:10px;border:1px solid #d9e2f7;background:linear-gradient(180deg,#f6f9ff,#fff)}.trend-line>path{fill:none;stroke:#2446bf;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.trend-labels{display:grid;gap:4px}.trend-labels>em{color:#526185;font-size:14px;font-style:normal}.floating-upload{position:fixed;left:12px;right:12px;bottom:max(14px,env(safe-area-inset-bottom));height:50px;border:none;border-radius:12px;background:linear-gradient(100deg,#224dd7,#152f97);color:#fff;font-weight:800;font-size:14px;box-shadow:0 12px 24px #102c8257;z-index:30}@media(max-width:359px){.page{padding-left:10px;padding-right:10px}.panel{padding:11px}h1{font-size:20px}.tab{font-size:14px}.duel-row>*{font-size:14px;padding:7px 6px}}@media(min-width:390px){.page{max-width:414px;padding-left:14px;padding-right:14px}.panel{padding:14px}h1{font-size:24px}.tab{font-size:14px}.item strong{font-size:15px}}@media(min-width:412px){.page{max-width:440px}.panel{padding:16px}}@media(min-width:760px){.page{margin:28px auto 84px;gap:16px;max-width:1100px;padding-left:0;padding-right:0}.panel{border-radius:20px;padding:20px}h1{font-size:30px}h2{font-size:22px}.save-image-btn{height:36px;padding:0 12px;font-size:14px}.grid,.home-entry-grid,.result-main-meta,.result-main-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-bars,.mbti-users-grid,.reply-rpm-grid{grid-template-columns:1fr 1fr}.keyword-tools{grid-template-columns:1.2fr .8fr}.feature-grid{grid-template-columns:1fr 1fr}.reply-rpm-feature-grid,.group-private-top{grid-template-columns:repeat(3,minmax(0,1fr))}.group-private-middle{grid-template-columns:repeat(2,minmax(0,1fr))}.group-open-top,.group-open-middle{grid-template-columns:repeat(3,minmax(0,1fr))}.floating-upload{left:auto;right:20px;width:220px}}