:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary:#ff6aa4;--primary-deep:#d14a8b;--secondary:#b98aff;--secondary-deep:#7d4ab8;--accent:#ffd36e;--mint:#8de5cd;--text:#2f1b3f;--text-mid:#5a4570;--text-mute:#8a7a94;--bg-soft-pink:#ffeaf3;--bg-soft-violet:#efe4ff;--bg-soft-lavender:#f6f0ff;--bg-soft-cream:#fff8e8;--card-bg:#ffffffd1;--border-faint:#d14a8b1f;--shadow-soft:0 6px 24px #d14a8b14;--shadow-pop:0 12px 40px #9d53c82e;--shadow-glow:0 0 36px #ff6aa459;--grad-primary:linear-gradient(135deg, #ff9ec6 0%, #c390e8 100%);--grad-hero:linear-gradient(135deg, #ffe1ec 0%, #e8d9ff 50%, #d8eaff 100%);--grad-text:linear-gradient(135deg, #ff6aa4 0%, #b98aff 60%, #7ac9ff 100%)}html,body{min-height:100vh;color:var(--text);background-color:#fff6fa;background-image:radial-gradient(1000px 700px at 10% -10%,#ffd6e7 0%,#0000 55%),radial-gradient(900px 600px at 110% 10%,#dbd2ff 0%,#0000 55%),radial-gradient(700px 500px at 50% 110%,#cfe5ff 0%,#0000 55%),radial-gradient(500px 400px at 90% 90%,#fff0c2 0%,#0000 55%);background-attachment:fixed;margin:0;padding:0;font-family:"M PLUS Rounded 1c",Hiragino Kaku Gothic ProN,system-ui,-apple-system,sans-serif;font-weight:500}#app{min-height:100vh}button,input,select,textarea{font-family:inherit;font-weight:inherit}.app{max-width:640px;margin:0 auto;padding:20px 16px 80px;position:relative}.header{text-align:center;padding:24px 0 20px;position:relative}.header:before,.header:after{content:"";filter:blur(12px);opacity:.55;pointer-events:none;z-index:-1;border-radius:50%;position:absolute}.header:before{background:radial-gradient(circle,#ffc3e0 0%,#0000 70%);width:90px;height:90px;top:10px;left:8%}.header:after{background:radial-gradient(circle,#d8c7ff 0%,#0000 70%);width:110px;height:110px;top:20px;right:6%}.header h1{background:var(--grad-text);color:#0000;letter-spacing:.04em;text-shadow:0 2px 8px #ff9ec633;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Zen Maru Gothic,"M PLUS Rounded 1c",sans-serif;font-size:clamp(48px,12vw,64px);font-weight:900;line-height:1}.header .sub{-webkit-text-fill-color:var(--text-mute);background:0 0;margin-left:10px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:18px;font-weight:500}.header .tag{color:var(--text-mid);margin:12px 0 0;font-size:13px;font-weight:500}.auth-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;font-size:13px;display:flex}.avatar{width:30px;height:30px;box-shadow:var(--shadow-soft);border:2px solid #fff;border-radius:50%}.auth-name{color:var(--text-mid);font-weight:600}.auth-logout{border:1px solid var(--border-faint);color:var(--secondary-deep);cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.auth-logout:hover{background:var(--bg-soft-lavender);box-shadow:var(--shadow-soft)}.login-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.gsi-btn{color:#1f1f1f;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:21px;justify-content:center;align-items:center;gap:10px;min-width:220px;height:42px;padding:0 16px;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #3c404314}.gsi-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #3c404324}.gsi-btn:active{background:#f0f4f9;transform:translateY(0)}.gsi-icon{align-items:center;display:flex}.gsi-text{letter-spacing:.25px}.login-note{color:var(--text-mute);font-size:11px}.login-choices{margin:20px 0 8px}.login-lead{color:var(--text-mid);margin-bottom:16px;font-size:14px;font-weight:600}.login-divider{color:var(--text-mute);align-items:center;gap:10px;margin:18px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border-faint);flex:1;height:1px}.login-divider span{padding:0 6px}.guest-form{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.guest-form input{background:#fffafc;border:1.5px solid #f0e4ee;border-radius:999px;flex:1;min-width:180px;max-width:240px;padding:12px 14px;font-size:15px;font-weight:500}.guest-form input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #ff6aa426}.guest-form button{padding:12px 18px;font-size:14px}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-pop);border:1px solid #fff9;border-radius:28px;margin-bottom:16px;padding:28px}.card h2{color:var(--secondary-deep);margin:0 0 12px;font-family:Zen Maru Gothic,sans-serif;font-size:22px;font-weight:700}.card.center{text-align:center;padding:48px 24px}.top-card{text-align:center}.top-card h2{margin-bottom:16px;font-size:26px;line-height:1.4}.top-card p{color:var(--text-mid);font-size:14px;line-height:1.8}.gp-fieldset{grid-template-columns:1fr 1fr;gap:10px 12px}.gp-slot{flex-direction:column;gap:4px;margin:0;display:flex}.gp-slot>span{color:var(--text-mute);letter-spacing:.02em;font-size:11px;font-weight:700}.gp-slot>select{margin-top:0;padding:10px 12px;font-size:14px}.gp-fieldset-wide{padding:10px 14px 14px;display:block}.gp-row{grid-template-columns:90px 1fr 130px;align-items:center;gap:8px;margin:8px 0;display:grid}.gp-label{color:var(--text-mid);font-size:12px;font-weight:700}.gp-row>select,.gp-row>input{margin-top:0;padding:10px 12px;font-size:14px}@media (width<=520px){.gp-row{grid-template-columns:1fr 1fr;grid-template-areas:"label label""select surname"}.gp-label{grid-area:label}.gp-row>select{grid-column:1/2}.gp-row>input{grid-column:2/3}}label{color:var(--text-mid);margin:16px 0;font-size:13px;font-weight:600;display:block}input,select{box-sizing:border-box;width:100%;color:var(--text);background:#fff;border:1.5px solid #f0e4ee;border-radius:14px;margin-top:6px;padding:12px 14px;font-size:15px;font-weight:500;transition:all .2s}input:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #ff6aa426}input::placeholder{color:#cabad0}fieldset{border:1.5px solid #f0e4ee;border-radius:16px;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;padding:8px 14px 14px;display:grid}fieldset legend{color:var(--text-mid);padding:0 8px;font-size:12px;font-weight:700}.oshi-picker{background:#fff;border:1.5px solid #f0e4ee;border-radius:18px;margin:6px 0 20px;padding:14px}.oshi-search{box-sizing:border-box;background:#fffafc;border:1.5px solid #f0e4ee;border-radius:999px;width:100%;margin:0 0 10px;padding:12px 14px;font-size:15px;font-weight:500}.oshi-search:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #ff6aa426}.oshi-selected{background:var(--grad-primary);color:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex;box-shadow:0 4px 14px #ff6aa44d}.oshi-selected strong{font-family:Zen Maru Gothic,sans-serif;font-size:15px;font-weight:700}.oshi-selected-meta{opacity:.9;font-size:11px;font-weight:500}.oshi-list{background:#fffafc;border:1px solid #f5eaf1;border-radius:12px;max-height:280px;margin:0;padding:0;list-style:none;overflow-y:auto}.oshi-list li{cursor:pointer;border-bottom:1px dashed #f3e4ed;align-items:baseline;gap:8px;padding:10px 14px;transition:background .15s;display:flex}.oshi-list li:last-child{border-bottom:none}.oshi-list li:hover{background:#fff0f7}.oshi-list li.selected{background:linear-gradient(90deg,#ffe9f3,#efe4ff);font-weight:700}.oshi-list li.selected:before{content:"✓";color:var(--primary-deep);font-weight:900}.oshi-name{color:var(--text);flex:none;font-size:14px;font-weight:700}.oshi-meta{color:var(--text-mute);font-size:11px;font-weight:500}.oshi-empty{text-align:center;color:var(--text-mute);font-size:13px;cursor:default!important;padding:20px!important}.oshi-empty:hover{background:0 0!important}button{cursor:pointer;border:0;border-radius:999px;padding:14px 28px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s}button.primary{background:var(--grad-primary);color:#fff;letter-spacing:.03em;box-shadow:0 8px 24px #ff6aa466}button.primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff6aa480}button.primary:active{transform:translateY(0)}button.primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}button.ghost{color:var(--secondary-deep);border:1.5px solid var(--border-faint);background:#fff}button.ghost:hover{background:var(--bg-soft-lavender)}button.x{color:#fff;background:#000}button.line{color:#fff;background:#06c755}.actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.disclaimer{color:var(--text-mute);margin-top:18px;font-size:11px;line-height:1.6}.oshi-pill{background:var(--grad-primary);color:#fff;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700;display:inline-block;box-shadow:0 4px 14px #ff6aa44d}.oshi-pill strong{margin-left:4px}.emo{white-space:pre-wrap;color:var(--text);background:linear-gradient(135deg,#ffeaf3cc,#efe4ffcc);border:1px solid #fff9;border-radius:20px;margin:20px 0 24px;padding:20px 22px;font-size:15px;line-height:1.8;position:relative}.emo:before{content:"AIコメント";background:var(--grad-primary);color:#fff;letter-spacing:.04em;box-shadow:var(--shadow-soft);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:-10px;left:16px}.mrca-hero{background:var(--grad-hero);text-align:center;border-radius:28px;margin:24px 0;padding:28px 20px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fffc}.mrca-hero:before,.mrca-hero:after{content:"";filter:blur(20px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.mrca-hero:before{background:#ffb8d6;width:120px;height:120px;top:-20px;left:-20px}.mrca-hero:after{background:#c8b4ff;width:150px;height:150px;bottom:-20px;right:-20px}.mrca-main{z-index:1;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;display:flex;position:relative}.mrca-label{color:var(--text-mid);width:100%;margin-bottom:4px;font-size:13px;font-weight:600}.mrca-gen{background:var(--grad-text);color:#0000;text-shadow:0 4px 16px #ff6aa44d;-webkit-background-clip:text;background-clip:text;font-family:Zen Maru Gothic,sans-serif;font-size:clamp(64px,16vw,88px);font-weight:900;line-height:1}.mrca-unit{color:var(--secondary-deep);font-family:Zen Maru Gothic,sans-serif;font-size:24px;font-weight:700}.mrca-sub{color:var(--text-mid);z-index:1;margin-top:12px;font-size:14px;font-weight:600;position:relative}.mrca-range{color:var(--text-mute);margin-top:4px;font-size:11px;font-weight:500;display:block}.mrca-conf{color:var(--secondary-deep);box-shadow:var(--shadow-soft);background:#fff;border-radius:999px;margin-left:8px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.mrca-rank{color:var(--text-mid);z-index:1;margin-top:14px;font-size:13px;font-weight:600;position:relative}.mrca-rank strong{color:var(--primary-deep);margin:0 4px;font-family:Zen Maru Gothic,sans-serif;font-size:22px}.mrca-history{color:var(--text-mid);box-shadow:var(--shadow-soft);z-index:1;background:#ffffffe6;border-radius:999px;margin-top:10px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-block;position:relative}.mrca-history strong{color:var(--primary-deep)}.stats{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 4px;display:grid}.stats>div{border:1px solid var(--border-faint);background:#fff;border-radius:16px;padding:14px 16px}.stats dt{color:var(--text-mute);margin-bottom:6px;font-size:11px;font-weight:600}.stats dd{margin:0}.stats .big{color:var(--secondary-deep);font-family:Zen Maru Gothic,sans-serif;font-size:22px;font-weight:700}.stats .sub{color:var(--text-mute);margin-top:2px;font-size:11px}.share{flex-wrap:wrap;gap:10px;margin:24px 0 8px;display:flex}.share button{flex:1;min-width:110px;padding:12px 18px;font-size:14px}.spinner{border:4px solid var(--bg-soft-pink);border-top-color:var(--primary);border-radius:50%;width:56px;height:56px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}footer{text-align:center;color:var(--text-mute);padding:48px 0 0;font-size:12px}footer a{color:var(--text-mute);font-weight:500;text-decoration:none}footer a:hover{color:var(--secondary-deep);text-decoration:underline}.footer-sep{color:#d5c8dc;margin:0 8px}.haplo{background:linear-gradient(135deg, var(--bg-soft-lavender), #f9f3ff);border:1px solid #b98aff33;border-radius:20px;margin-top:20px;padding:18px}.haplo h3{color:var(--secondary-deep);margin:0 0 10px;font-size:14px;font-weight:700}.haplo-summary{color:var(--text);margin:0 0 8px;font-size:14px;font-weight:500}.haplo-summary strong{color:var(--secondary-deep);font-family:Zen Maru Gothic,sans-serif;font-size:20px;font-weight:800}.haplo-list{color:var(--text-mid);margin:8px 0;padding-left:18px;font-size:13px}.haplo-list li{margin:3px 0}.haplo-note{color:var(--text-mute);margin:8px 0 0;font-size:11px}.factors-accordion{border:1px solid var(--border-faint);background:#fff;border-radius:18px;margin:16px 0;overflow:hidden}.factors-accordion summary{cursor:pointer;color:var(--secondary-deep);justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:700;display:flex}.factors-accordion summary::marker{content:""}.factors-accordion summary:after{content:"▾";color:var(--secondary);transition:transform .2s}.factors-accordion[open] summary:after{transform:rotate(180deg)}.factors-accordion[open] summary{border-bottom:1px solid var(--border-faint)}.factors{margin:0;padding:8px 18px;list-style:none}.factors li{border-bottom:1px dashed #d14a8b1f;padding:12px 0}.factors li:last-child{border-bottom:none}.factor-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.factor-label{color:var(--text);font-size:13px;font-weight:700}.factor-delta{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.factor-delta.plus{color:#d14f4a;background:#fff0ed}.factor-delta.minus{color:#1d9963;background:#e8faf0}.factor-cumulative{color:var(--primary-deep);margin-top:4px;font-size:11px;font-weight:700}.factor-reason{color:var(--text-mid);margin-top:6px;font-size:12px;line-height:1.6}.factor-conf{color:var(--text-mute);align-items:center;gap:8px;margin-top:8px;font-size:11px;display:flex}.conf-bar{background:var(--bg-soft-lavender);border-radius:999px;flex:1;height:5px;overflow:hidden}.conf-bar>div{background:var(--grad-primary);border-radius:999px;height:100%}.factors-note{color:var(--text-mute);background:var(--bg-soft-lavender);margin:0;padding:12px 18px;font-size:11px}.ranking{background:linear-gradient(135deg,#fff5fa,#fff0f7);border:1px solid #ff6aa426;border-radius:24px;margin:20px 0;padding:20px}.ranking h3{color:var(--primary-deep);margin:0 0 14px;font-family:Zen Maru Gothic,sans-serif;font-size:15px;font-weight:700}.ranking-list{margin:0;padding:0;list-style:none}.ranking-list li{background:#fff;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;font-size:14px;transition:all .2s;display:flex;box-shadow:0 2px 8px #d14a8b0d}.ranking-list li:hover{transform:translate(2px);box-shadow:0 4px 14px #d14a8b1f}.ranking-list li.self{background:var(--grad-primary);color:#fff;border:none;box-shadow:0 6px 20px #ff6aa459}.ranking-list li.self .rank-num,.ranking-list li.self .rank-gen{color:#fff}.ranking-list li.self .rank-name small{color:#fffc}.rank-num{text-align:center;color:var(--primary-deep);flex:0 0 32px;font-family:Zen Maru Gothic,sans-serif;font-size:18px;font-weight:900}.rank-name{flex:1;font-weight:700}.rank-name small{color:var(--text-mute);margin-left:6px;font-size:12px;font-weight:500}.rank-gen{color:var(--text-mid);flex:none;font-size:13px;font-weight:700}.rank-switch{border:1px solid var(--border-faint);cursor:pointer;width:30px;height:30px;color:var(--secondary-deep);background:#fff;border-radius:50%;flex:none;font-size:14px;transition:all .2s}.ranking-list li.self .rank-switch{color:#fff;background:#ffffff40;border-color:#fff6}.rank-switch:hover{background:var(--bg-soft-lavender);transform:rotate(180deg)}.ranking-far{margin-top:12px}.ranking-far summary{cursor:pointer;color:var(--text-mute);padding:8px 0;font-size:13px;font-weight:600}.limit-msg{color:var(--text-mid);margin:16px 0;font-weight:500}.limit-cta{flex-direction:column;align-items:stretch;gap:14px;margin-top:16px;display:flex}.as-btn{text-align:center;padding:12px 20px;text-decoration:none;display:inline-block}.points-pill{cursor:pointer;background:linear-gradient(135deg,#fff4fb,#f0e6ff);border:1.5px solid #d14a8b40;border-radius:999px;align-items:baseline;gap:3px;padding:4px 12px;transition:all .2s;display:inline-flex}.points-pill:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.points-num{color:var(--primary-deep);font-family:Zen Maru Gothic,sans-serif;font-size:16px;font-weight:900}.points-label{color:var(--text-mute);font-size:10px;font-weight:600}.limit-points{text-align:center;color:var(--text-mid);margin:16px 0 4px;font-size:14px}.limit-points strong{color:var(--primary-deep);margin-left:4px;font-family:Zen Maru Gothic,sans-serif;font-size:20px;font-weight:900}.limit-subnote{color:var(--text-mute);margin-top:4px;font-size:11px;font-weight:500;display:block}.save-toggle{color:var(--text-mid);cursor:pointer;align-items:center;gap:8px;margin:16px 0 0;font-size:13px;font-weight:500;display:flex}.save-toggle input[type=checkbox]{width:auto;margin:0}.mypage-profile{background:linear-gradient(135deg,#fff5fa,#f0e6ff);border-radius:16px;align-items:center;gap:14px;margin-bottom:20px;padding:16px;display:flex}.mypage-avatar{width:56px;height:56px;box-shadow:var(--shadow-soft);border:2px solid #fff;border-radius:50%}.mypage-name{color:var(--text);font-size:16px;font-weight:700}.mypage-email{color:var(--text-mute);font-size:12px}.mypage-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;display:grid}.stat-card{border:1px solid var(--border-faint);text-align:center;background:#fff;border-radius:14px;padding:14px 10px}.stat-num{background:var(--grad-primary);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Zen Maru Gothic,sans-serif;font-size:26px;font-weight:900}.stat-label{color:var(--text-mute);margin-top:4px;font-size:11px;font-weight:600}.referral-box{border:1px dashed var(--border-faint);text-align:center;background:#fffafd;border-radius:14px;margin:20px 0;padding:16px}.referral-label{color:var(--text-mute);margin-bottom:6px;font-size:12px;font-weight:600}.referral-code{border:1.5px solid var(--primary-pink);letter-spacing:.15em;color:var(--primary-deep);background:#fff;border-radius:10px;padding:8px 20px;font-family:Zen Maru Gothic,monospace;font-size:20px;font-weight:900;display:inline-block}.referral-note{color:var(--text-mute);margin-top:8px;font-size:11px}.pt-list{margin:0;padding:8px 16px;list-style:none}.pt-list li{border-bottom:1px dashed #d14a8b1a;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.pt-list li:last-child{border-bottom:none}.pt-delta{text-align:right;flex:0 0 44px;font-family:Zen Maru Gothic,sans-serif;font-size:14px;font-weight:900}.pt-delta.plus{color:#1d9963}.pt-delta.minus{color:#d14f4a}.pt-reason{color:var(--text);flex:1;font-weight:500}.pt-ts{color:var(--text-mute);flex:none;font-size:11px}.diag-list{margin:0;padding:8px 16px;list-style:none}.diag-list li{border-bottom:1px dashed #d14a8b1a;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:10px 0;font-size:13px;display:flex}.diag-list li:last-child{border-bottom:none}.diag-name{color:var(--text);flex:none;font-family:Zen Maru Gothic,sans-serif;font-weight:700}.diag-gen{color:var(--text-mid);flex:1;font-size:12px}.diag-ts{color:var(--text-mute);flex:none;font-size:11px}