*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#34302b;background:#faf8f4;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.75}.shell{width:min(860px,calc(100% - 32px));margin:auto}.hero{background:linear-gradient(120deg,#f5efe1,#fff 68%,#f4e8d6);border-bottom:1px solid #e8d9bf;padding:38px 0 42px}.eyebrow{color:#a17e46;font-size:11px;letter-spacing:.19em;font-weight:700}.hero h1{font-family:serif;font-size:clamp(25px,5vw,39px);margin:7px 0}.hero p{margin:8px 0 0;font-size:14px;color:#766b5b}.card{background:#fff;border:1px solid #e9e0d0;box-shadow:0 9px 30px #6c52300d;border-radius:17px;padding:clamp(20px,4vw,34px);margin-top:24px}.card h2{font-size:20px;margin:0}.sub,.privacy,.hint{font-size:13px;color:#847a6e}.date-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:24px 0 18px}.date-row label{font-weight:700;font-size:13px;color:#67594a}.date-row input{display:block;width:100%;margin-top:6px;padding:14px 12px;font-size:18px;border-radius:10px;border:1px solid #daceb8;background:#fff;color:#28241e}.date-row input:focus{outline:2px solid #c5a062;outline-offset:2px}button{width:100%;border:0;border-radius:10px;background:#9a7336;color:white;padding:14px;font-size:16px;font-weight:700;cursor:pointer}button:hover{background:#825d26}#error{color:#bd3e36;font-size:13px;min-height:1em}.privacy{margin-bottom:0}.output{scroll-margin-top:16px}.output-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.output-head h2{margin-top:-10px}.print-note{font-size:12px;color:#927544;background:#fbf4e7;padding:6px 10px;border-radius:20px}.result-date{text-align:center;font-weight:700;font-size:17px;margin:15px 0 22px}.charts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chart-panel{min-width:0;border:1px solid #e6ddce;border-radius:12px;padding:15px}.chart-panel h3{margin:0;color:#80602f;font-size:17px}.chart-panel .hint{font-size:11px;margin:4px 0 14px}.chart-panel table{border-collapse:collapse;width:100%;table-layout:fixed;text-align:center;font-size:14px}.chart-panel td,.chart-panel th{border:1px solid #e6dac7;padding:11px 3px;word-break:keep-all}.chart-panel th{background:#f8f1e6;width:21%;font-size:12px}.chart-panel td{background:#fffdfa}.yang-table td{height:64px;font-size:13px}.yang-table .empty{background:#fff;border-color:#fff;border-right:1px solid #e6dac7;border-bottom:1px solid #e6dac7}.center-star{background:#f4e2bf!important;font-weight:700}.tenchusatsu{margin-top:15px;background:#fbf3e5;padding:10px;border-radius:8px;text-align:center;font-size:14px}.periods{margin-top:18px;border:1px solid #e6ddce;padding:15px;border-radius:12px}.periods h3{margin:0 0 8px;font-size:16px;color:#80602f}.periods div{font-size:13px}.tip{margin-top:20px;background:#f9f5ed;border-radius:10px;padding:14px 17px;font-size:13px}.tip p{margin:5px 0 0}.ghost{margin-top:15px;color:#836336;background:#fff;border:1px solid #c5ad86}.note{padding:26px 5px 30px;color:#72665a;font-size:13px}.note h2{font-size:16px;color:#504638}footer{border-top:1px solid #ece4d7;text-align:center;padding:22px;color:#948b7d;font-size:12px}[hidden]{display:none!important}@media(max-width:620px){.charts{grid-template-columns:1fr}.hero{padding:28px 0}.chart-panel td,.chart-panel th{padding:10px 4px}.print-note{font-size:10px}.date-row{gap:8px}.date-row input{font-size:16px;padding:11px 7px}}@media print{.hero,.entry,.note,footer,.tip,.ghost,.print-note{display:none!important}body{background:white}.card{box-shadow:none;border:0;padding:0;margin:0}.charts{grid-template-columns:1fr 1fr}.chart-panel{break-inside:avoid}}
/* 性別についての案内 */
.gender-note{display:flex;flex-direction:column;gap:3px;margin:15px 0 4px;padding:12px 15px;background:#f9f4e9;border-left:3px solid #ae864b;border-radius:8px;font-size:13px;color:#695438}
.gender-note strong{color:#76552c;font-size:14px}
/* AI向けスクリーンショット表示 */
.view-switch{margin:12px 0 14px}.compact-button{background:#f5ecdd;color:#765225;border:1px solid #c9ac80;padding:11px;font-size:14px}.compact-button:hover{background:#efe0c7}.switch-hint{font-size:12px;color:#786d61;margin:5px 0 0}
.output.compact{padding:14px!important}.output.compact .output-head{margin:0 0 2px}.output.compact .output-head .eyebrow,.output.compact .print-note,.output.compact .output-head h2{display:none}.output.compact .view-switch{margin:0 0 7px}.output.compact .switch-hint{display:none}
.output.compact .result-date{font-size:16px;margin:5px 0 9px}.output.compact .charts{display:flex;flex-direction:column;gap:8px;max-width:520px;margin:auto}.output.compact .chart-panel{padding:10px 12px;border-radius:10px}.output.compact .chart-panel h3{font-size:15px}.output.compact .chart-panel .hint{display:none}.output.compact .chart-panel table{font-size:13px}.output.compact .chart-panel td,.output.compact .chart-panel th{padding:5px 2px}.output.compact .yang-table td{height:38px;font-size:13px}.output.compact .tenchusatsu{margin-top:7px;padding:5px;font-size:13px}.output.compact .periods{display:none}.output.compact .tip{display:none}.output.compact .ghost{margin-top:10px;padding:10px;font-size:13px}
@media print{.view-switch{display:none!important}.output.compact .periods{display:none}}