/* === pakapaka シウマ暗証番号ツールUI (siuma-mobile-number) === */
.siuma-tool{max-width:420px;margin:1.4em 0;padding:22px 20px;border-radius:16px;background:linear-gradient(180deg,#ffffff 0%,#fdf2f7 100%);border:1px solid #f3d9e4;box-shadow:0 4px 16px rgba(190,120,160,.12);}
.siuma-tool .siuma-field{margin-bottom:18px;}
.siuma-tool .siuma-label{display:block;font-size:.85em;font-weight:700;color:#a06a82;margin-bottom:8px;}
.siuma-tool .siuma-seg{display:flex;gap:12px;}
.siuma-tool .siuma-seg input{position:absolute;opacity:0;width:0;height:0;}
.siuma-tool .siuma-seg label{flex:1;text-align:center;padding:13px 0;border-radius:999px;border:2px solid #ecd5df;background:#fff;color:#bb7799;font-weight:700;cursor:pointer;transition:all .15s ease;user-select:none;}
.siuma-tool .siuma-seg label:hover{border-color:#f3a9c8;}
.siuma-tool .siuma-seg .woman:checked + label{background:#f7a9cb;border-color:#f7a9cb;color:#fff;box-shadow:0 3px 10px rgba(243,140,180,.38);}
.siuma-tool .siuma-seg .man:checked + label{background:#93b9e8;border-color:#93b9e8;color:#fff;box-shadow:0 3px 10px rgba(125,165,225,.38);}
.siuma-tool .siuma-num{width:100%;box-sizing:border-box;font-size:1.4em;letter-spacing:.35em;text-align:center;padding:13px;border:2px solid #f3d9e4;border-radius:12px;background:#fff;color:#444;}
.siuma-tool .siuma-num:focus{outline:none;border-color:#f7a9cb;box-shadow:0 0 0 3px rgba(247,169,203,.25);}
.siuma-tool .wp-block-button__link{display:block;width:100%;box-sizing:border-box;padding:14px;border:0;border-radius:999px;font-size:1.1em;font-weight:700;color:#fff;text-align:center;cursor:pointer;background:linear-gradient(90deg,#f7a9cb 0%,#c79be4 100%);box-shadow:0 4px 14px rgba(200,140,190,.38);transition:filter .15s;}
.siuma-tool .wp-block-button__link:hover{filter:brightness(1.04);color:#fff;}
#js_chart{margin-top:8px;}
.siuma-result .siuma-h3{font-size:1.05em;font-weight:700;color:#a06a82;margin:1.5em 0 .5em;padding-left:.55em;border-left:4px solid #f7a9cb;}
.siuma-result .siuma-note{margin:1.1em 0 .4em;}
.siuma-result .siuma-card{margin:.5em 0 1.1em;padding:16px 18px;border-radius:14px;background:linear-gradient(180deg,#fff 0%,#fdf2f7 100%);border:1px solid #f3d9e4;box-shadow:0 3px 12px rgba(190,120,160,.10);}
.siuma-result .siuma-card p{margin:.35em 0;}
.siuma-result .siuma-card--hero{background:linear-gradient(180deg,#fff 0%,#fbe9f1 100%);}
.siuma-result .siuma-head{font-weight:700;color:#c2789c;margin-bottom:.5em;}
.siuma-result .siuma-line{display:flex;align-items:center;flex-wrap:wrap;gap:.35em;font-weight:700;color:#6b5563;}
.siuma-result .siuma-badge{display:inline-block;min-width:2.1em;text-align:center;padding:.12em .45em;border-radius:10px;background:#f7a9cb;color:#fff;font-weight:700;font-size:1.2em;}
.siuma-result .siuma-badge--guard{background:#c79be4;}
.siuma-result .siuma-tag{display:inline-block;padding:.14em .7em;border-radius:999px;font-size:.78em;font-weight:700;}
.siuma-result .siuma-tag--good{background:#e3f5e8;color:#2e8b57;}
.siuma-result .siuma-tag--bad{background:#eeeeee;color:#888;}
.siuma-result .siuma-tag--godai{background:#fff0d6;color:#c98a00;}
.siuma-result .siuma-codes{font-family:monospace;font-size:1.2em;letter-spacing:.18em;color:#555;line-height:1.85;text-align:center;}
.siuma-result .siuma-hl{background:linear-gradient(transparent 60%,#fbd3e4 60%);font-weight:700;padding:0 .1em;}