:root{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;color:#1d2b42;background:#f7f5ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--ivory: #f7f5ef;--paper: #fffefa;--deep-navy: #1d2b42;--muted-navy: #657184;--moon-silver: #e8ebef;--silver-line: #d8dde3;--subtle-gold: #b49a63;--element-wood: #3f7774;--element-fire: #b2635e;--element-earth: #96763f;--element-metal: #627b91;--element-water: #304b6b}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--ivory);color:var(--deep-navy)}#root{min-height:100vh}main{width:min(100%,820px);margin:0 auto;padding:1.25rem 1rem 3rem}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0 0 1.5rem;font-size:clamp(1.55rem,6vw,2rem);letter-spacing:.04em}form{display:grid;gap:.9rem}.entry-screen{width:100%;max-width:480px;margin:0 auto}.entry-screen__brand{margin:0 0 .55rem;color:var(--muted-navy);font-size:.68rem;font-weight:600;letter-spacing:.22em}.entry-screen h1{margin-bottom:2rem;font-size:1.8rem;letter-spacing:.04em}.entry-form{gap:1.5rem}.entry-form__section h2{margin:0 0 .85rem;color:var(--deep-navy);font-size:.96rem;font-weight:600}label{display:inline-flex;align-items:center;gap:.3rem;margin:.25rem .45rem .25rem 0;font-size:.9rem}.entry-form__fields{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.entry-form__fields label{gap:.25rem;margin:0;font-size:.95rem}.entry-form__fields input{height:50px;min-height:50px;padding:0 .3rem;border:1px solid var(--silver-line);border-radius:6px;background:var(--paper);color:var(--deep-navy);font:inherit;font-size:1.08rem;font-variant-numeric:tabular-nums;text-align:center}.entry-form__fields input::placeholder{color:#a4acb7;opacity:1}.entry-form__fields input:disabled{background:#eeece6;color:#8c95a1;cursor:not-allowed}.entry-form__name-field{display:grid;justify-items:start;gap:.45rem;width:100%;margin:0 0 22px;color:var(--deep-navy);font-size:.88rem}.entry-form__name-field input{width:100%;height:50px;padding:0 .75rem;border:1px solid var(--silver-line);border-radius:6px;background:var(--paper);color:var(--deep-navy);font:inherit}.entry-form__gender{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;color:var(--deep-navy);font-size:.88rem}.entry-form__gender>span{margin-right:.25rem}.entry-form__gender label{min-height:42px;margin:0;padding:.35rem .7rem;border:1px solid var(--silver-line);border-radius:6px;background:var(--paper);color:var(--muted-navy);cursor:pointer}.entry-form__gender input{width:1rem;height:1rem;min-height:1rem;margin:0 .35rem 0 0;accent-color:var(--deep-navy)}.entry-form__gender input:checked+span{color:var(--deep-navy);font-weight:600}.entry-form__year{width:5.6ch}.entry-form__short-number{width:3.7ch}.entry-form__unknown-time{display:flex;align-items:center;gap:.6rem;min-height:44px;margin:.65rem 0 0;color:var(--muted-navy);font-size:.88rem}.entry-form__unknown-time input[type=checkbox]{width:20px;height:20px;min-height:20px;margin:0;padding:0;accent-color:var(--deep-navy)}input:focus-visible,button:focus-visible{outline:2px solid var(--subtle-gold);outline-offset:2px}button{min-height:2.75rem;padding:.55rem 1rem;border:1px solid var(--deep-navy);border-radius:9px;background:var(--deep-navy);color:var(--paper);font:inherit;font-size:.9rem;cursor:pointer}button:hover{background:#2b3b54}.entry-form__submit{width:100%;min-height:52px;margin-top:.1rem;border-radius:7px;background:var(--deep-navy);color:var(--ivory);font-size:1rem;font-weight:600}[role=alert]{color:#8b3440}.basic-chart{width:100%;margin-top:2rem;padding:1rem;border:1px solid var(--silver-line);border-radius:16px;background:var(--paper);box-shadow:0 2px 8px #1d2b420a}.basic-chart__heading{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.basic-chart__heading h2{margin:0;font-size:1.2rem;letter-spacing:.03em}.basic-chart__heading button{min-height:2.5rem;padding-inline:.8rem;background:transparent;color:var(--deep-navy);font-size:.8rem}.basic-chart__heading button:hover{background:var(--moon-silver)}.basic-chart__table-wrap{width:100%;margin-top:1rem}.basic-chart__table{width:100%;table-layout:fixed;border:1px solid var(--silver-line);border-radius:10px;border-spacing:0;overflow:hidden}.basic-chart__table th,.basic-chart__table td{padding:.6rem .2rem;border-right:1px solid var(--silver-line);border-bottom:1px solid var(--silver-line);text-align:center;overflow-wrap:anywhere}.basic-chart__table tr>:last-child{border-right:0}.basic-chart__table tbody tr:last-child>*{border-bottom:0}.basic-chart__table thead th{background:#f4f3ef;font-size:.82rem;font-weight:600}.basic-chart__table thead th:first-child,.basic-chart__table tbody th{width:4.35rem;text-align:left;font-size:.73rem;font-weight:500}.basic-chart__table tbody th{color:var(--muted-navy)}.basic-chart__day-column{background:#eff0f2;box-shadow:inset 0 2px #b49a636b}.basic-chart__symbol{display:inline-block;font-size:clamp(1.45rem,7vw,1.8rem);font-weight:600;line-height:1.2}.basic-chart__ten-god{color:var(--muted-navy);font-size:.7rem}.basic-chart__hidden-symbol{display:inline-block;font-size:1rem;font-weight:600}.basic-chart__hidden-list{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.basic-chart__hidden-list li{line-height:1.25}.basic-chart__hidden-meta{display:block;color:var(--muted-navy);font-size:.62rem;overflow-wrap:anywhere}@media(min-width:700px){main{padding:2.5rem 2rem 4rem}.entry-screen{padding-top:.5rem}.basic-chart{padding:1.5rem}}@media(max-width:370px){main{padding-inline:.75rem}.basic-chart{padding:.7rem}.basic-chart__table thead th:first-child,.basic-chart__table tbody th{width:3.85rem}.basic-chart__ten-god{font-size:.63rem}}.result-screen{width:100%;max-width:600px;margin:2.5rem auto 0}.result-screen__header{margin:0 auto 1.25rem;padding:0 .15rem}.result-screen__back{min-height:2.25rem;margin:0 0 .8rem -.1rem;padding:.3rem .1rem;border:0;border-radius:0;background:transparent;color:var(--muted-navy);font-size:.78rem}.result-screen__back:hover{background:transparent;color:var(--deep-navy)}.result-screen__brand{margin:0 0 .55rem;color:var(--muted-navy);font-size:.68rem;font-weight:600;letter-spacing:.22em}.result-screen__header h1{margin:0;font-size:1.65rem}.result-screen__birth-data{margin:.55rem 0 0;color:var(--muted-navy);font-size:.84rem;font-variant-numeric:tabular-nums;letter-spacing:.035em}.result-screen__profile{margin:.8rem 0 0;color:var(--deep-navy);font-size:.9rem;font-weight:600;letter-spacing:.02em}.result-screen__notice{max-width:38rem;margin:.75rem 0 0;color:var(--muted-navy);font-size:.74rem;line-height:1.6}.result-screen .basic-chart{margin-top:0;padding:.75rem;border-radius:10px;box-shadow:none}.basic-chart__heading{align-items:center;min-height:2.5rem}.basic-chart__heading h2{font-size:1.12rem;letter-spacing:.03em}.basic-chart__heading button{max-width:11rem;min-height:2.4rem;padding:.35rem 0;border-color:transparent;border-radius:0;background:transparent;color:var(--muted-navy);line-height:1.3;text-align:right;text-decoration:underline;text-decoration-color:var(--silver-line);text-underline-offset:3px}.basic-chart__heading button:hover{background:transparent;color:var(--deep-navy);text-decoration-color:var(--muted-navy)}.basic-chart__table-wrap{margin-top:.8rem}.basic-chart__table{width:100%;table-layout:fixed;border-radius:7px;border-color:var(--silver-line);background:var(--paper)}.basic-chart__table th,.basic-chart__table td{padding:.68rem .12rem;border-color:var(--silver-line)}.basic-chart__table thead th{background:var(--paper);color:var(--deep-navy);font-size:.74rem;white-space:nowrap}.basic-chart__table thead th:first-child,.basic-chart__table tbody th{width:3.8rem;padding-left:.28rem;color:var(--muted-navy);font-size:.6rem;line-height:1.2;white-space:nowrap}.basic-chart__day-column{background:#f4f5f6;box-shadow:none}.basic-chart__table thead .basic-chart__day-column{background:#eef0f2;box-shadow:inset 0 1px 0 var(--subtle-gold)}.basic-chart__symbol-value{display:inline-grid;justify-items:center;gap:.12rem;vertical-align:middle}.basic-chart__symbol{color:var(--deep-navy);font-size:clamp(1.65rem,7.2vw,1.9rem);line-height:1.15}.basic-chart__ten-god{display:inline-block;color:var(--muted-navy);font-size:.68rem;line-height:1.25;white-space:nowrap}.basic-chart__hidden-symbol{font-size:.98rem}.basic-chart__hidden-meta{font-size:.6rem;line-height:1.2}.basic-chart__twelve-stage{display:grid;justify-items:center;gap:.24rem;width:100%;margin-top:.2rem;padding-top:.48rem;border-top:1px solid #edf0f2}.basic-chart__columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;overflow:hidden;border:1px solid var(--silver-line);border-radius:8px;background:var(--paper)}.basic-chart__columns--3{grid-template-columns:repeat(3,minmax(0,1fr))}.basic-chart__pillar{min-width:0;padding:.75rem .38rem .7rem;text-align:center}.basic-chart__pillar+.basic-chart__pillar{border-left:1px solid var(--moon-silver)}.basic-chart__pillar h3{margin:0;font-size:.76rem;font-weight:600;line-height:1.3;white-space:nowrap}.basic-chart__pillar-data{display:grid;justify-items:center;gap:.3rem;min-width:0}.basic-chart__pillar-data--stem{min-height:4.95rem;padding:.58rem 0 .7rem}.basic-chart__pillar-data--branch{min-height:5rem;padding:.62rem 0 .68rem;border-top:1px solid #edf0f2}.basic-chart__symbol-value{display:inline-grid;justify-items:center;gap:.08rem;line-height:1}.basic-chart__symbol{color:var(--deep-navy);font-size:clamp(1.7rem,7.4vw,2rem);font-weight:600;line-height:1.1}.basic-chart__symbol--wood{color:var(--element-wood)}.basic-chart__symbol--fire{color:var(--element-fire)}.basic-chart__symbol--earth{color:var(--element-earth)}.basic-chart__symbol--metal{color:var(--element-metal)}.basic-chart__symbol--water{color:var(--element-water)}.basic-chart__element{font-size:.62rem;font-weight:600;line-height:1.1}.basic-chart__element--wood{color:var(--element-wood)}.basic-chart__element--fire{color:var(--element-fire)}.basic-chart__element--earth{color:var(--element-earth)}.basic-chart__element--metal{color:var(--element-metal)}.basic-chart__element--water{color:var(--element-water)}.basic-chart__ten-god{color:var(--muted-navy);font-size:.66rem;line-height:1.25;white-space:nowrap}.basic-chart__hidden-stems{display:grid;justify-items:center;gap:.27rem;min-height:3.8rem;padding-top:.58rem;border-top:1px solid #edf0f2}.basic-chart__hidden-label{color:var(--muted-navy);font-size:.6rem;line-height:1.1}.basic-chart__hidden-symbol{color:var(--deep-navy);font-size:.9rem;font-weight:600;line-height:1.2}.basic-chart__hidden-list{gap:.32rem;width:100%}.basic-chart__hidden-list li{display:grid;justify-items:center;gap:.08rem}.basic-chart__hidden-meta{color:var(--muted-navy);font-size:.54rem;line-height:1.2}.basic-chart__hidden-symbol--wood{color:var(--element-wood)}.basic-chart__hidden-symbol--fire{color:var(--element-fire)}.basic-chart__hidden-symbol--earth{color:var(--element-earth)}.basic-chart__hidden-symbol--metal{color:var(--element-metal)}.basic-chart__hidden-symbol--water{color:var(--element-water)}.basic-chart__expand-link{display:block;min-height:2.25rem;margin:.28rem 0 0 auto;padding:.35rem .1rem;border:0;border-radius:0;background:transparent;color:var(--muted-navy);font-size:.72rem;text-decoration:underline;text-decoration-color:var(--silver-line);text-underline-offset:3px}.basic-chart__expand-link:hover{background:transparent;color:var(--deep-navy)}.great-luck{margin-top:1.5rem;padding:1rem 0 0;border-top:1px solid var(--silver-line)}.great-luck__heading{display:flex;align-items:center;gap:.65rem}.great-luck__heading h2{margin:0;font-size:1.1rem;letter-spacing:.03em}.great-luck__direction{padding:.2rem .55rem;border:1px solid var(--silver-line);border-radius:99px;color:var(--muted-navy);font-size:.7rem}.great-luck__start-age,.great-luck__notice{margin:.55rem 0 .75rem;color:var(--muted-navy);font-size:.77rem;line-height:1.5}.great-luck__cards{display:flex;gap:.65rem;overflow-x:auto;margin-inline:-.75rem;padding:.12rem .75rem .65rem;scrollbar-width:thin;scrollbar-color:#d9dee2 #f7f7f4;scroll-snap-type:x mandatory;scroll-padding-inline:.75rem;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.great-luck__cards::-webkit-scrollbar{height:6px}.great-luck__cards::-webkit-scrollbar-track{border-radius:99px;background:#f7f7f4}.great-luck__cards::-webkit-scrollbar-thumb{border:1px solid #f7f7f4;border-radius:99px;background:#d9dee2}.great-luck__card{display:grid;flex:0 0 7.75rem;justify-items:center;align-content:start;gap:.48rem;min-height:7.9rem;padding:.7rem .45rem;border:1px solid var(--silver-line);border-radius:8px;background:var(--paper);scroll-snap-align:center}.great-luck__card--current{border-color:#c6ad78;background:#f7f5ef;box-shadow:inset 0 2px #c6ad78}.great-luck__card-age{color:var(--muted-navy);font-size:.65rem;font-variant-numeric:tabular-nums;white-space:nowrap}.great-luck__card-pillar{display:flex;gap:.18rem;font-size:1.5rem;font-weight:600;line-height:1.15}.great-luck__symbol--wood{color:var(--element-wood)}.great-luck__symbol--fire{color:var(--element-fire)}.great-luck__symbol--earth{color:var(--element-earth)}.great-luck__symbol--metal{color:var(--element-metal)}.great-luck__symbol--water{color:var(--element-water)}.great-luck__card-meta{color:var(--muted-navy);font-size:.56rem;line-height:1.35;text-align:center;white-space:nowrap}.luck-card__twelve-stage{color:var(--muted-navy);font-size:.57rem;line-height:1.25;text-align:center;white-space:nowrap}.yearly-luck{margin-top:1.35rem;padding-top:1rem;border-top:1px solid var(--silver-line)}.yearly-luck__heading h2{margin:0;font-size:1.05rem;letter-spacing:.03em}.yearly-luck__cards{display:flex;gap:.6rem;overflow-x:auto;margin:.7rem -.75rem 0;padding:.12rem .75rem .65rem;scrollbar-width:thin;scrollbar-color:#d9dee2 #f7f7f4;scroll-snap-type:x mandatory;scroll-padding-inline:.75rem;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.yearly-luck__cards::-webkit-scrollbar{height:6px}.yearly-luck__cards::-webkit-scrollbar-track{border-radius:99px;background:#f7f7f4}.yearly-luck__cards::-webkit-scrollbar-thumb{border:1px solid #f7f7f4;border-radius:99px;background:#d9dee2}.yearly-luck__card{display:grid;flex:0 0 6.85rem;justify-items:center;align-content:start;gap:.34rem;min-height:8.1rem;padding:.55rem .38rem;border:1px solid var(--silver-line);border-radius:8px;background:var(--paper);scroll-snap-align:center}.yearly-luck__card--current{border-color:#c6ad78;background:#f7f5ef;box-shadow:inset 0 2px #c6ad78}.yearly-luck__year{color:var(--muted-navy);font-size:.68rem;font-variant-numeric:tabular-nums}.yearly-luck__pillar{display:flex;gap:.1rem;font-size:1.38rem;font-weight:600;line-height:1.15}.yearly-luck__symbol--wood{color:var(--element-wood)}.yearly-luck__symbol--fire{color:var(--element-fire)}.yearly-luck__symbol--earth{color:var(--element-earth)}.yearly-luck__symbol--metal{color:var(--element-metal)}.yearly-luck__symbol--water{color:var(--element-water)}.yearly-luck__god{color:var(--muted-navy);font-size:.57rem;line-height:1.2;white-space:nowrap}.monthly-luck{margin-top:1.35rem;padding-top:1rem;border-top:1px solid var(--silver-line)}.monthly-luck__heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.monthly-luck__heading h2{margin:0;font-size:1.1rem;letter-spacing:.03em}.monthly-luck__year-switcher{display:flex;align-items:center;gap:.5rem;color:var(--muted-navy);font-size:.85rem;font-variant-numeric:tabular-nums}.monthly-luck__year-switcher button{width:2rem;min-height:2rem;padding:0;border:1px solid var(--silver-line);border-radius:50%;background:var(--paper);color:var(--deep-navy);font-size:1.2rem;line-height:1}.monthly-luck__cards{display:flex;gap:.55rem;overflow-x:auto;margin:.7rem -.75rem 0;padding:.12rem .75rem .65rem;scrollbar-width:thin;scrollbar-color:#d9dee2 #f7f7f4;scroll-snap-type:x mandatory;scroll-padding-inline:.75rem;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.monthly-luck__cards::-webkit-scrollbar{height:6px}.monthly-luck__cards::-webkit-scrollbar-track{border-radius:99px;background:#f7f7f4}.monthly-luck__cards::-webkit-scrollbar-thumb{border:1px solid #f7f7f4;border-radius:99px;background:#d9dee2}.monthly-luck__card{display:grid;flex:0 0 6.5rem;justify-items:center;align-content:start;gap:.35rem;min-height:7.3rem;padding:.55rem .35rem;border:1px solid var(--silver-line);border-radius:8px;background:var(--paper);scroll-snap-align:center}.monthly-luck__card--current{border-color:#c6ad78;background:#f7f5ef;box-shadow:inset 0 2px #c6ad78}.monthly-luck__month{color:var(--deep-navy);font-size:.73rem;font-weight:600}.monthly-luck__date{color:var(--muted-navy);font-size:.58rem;font-variant-numeric:tabular-nums;white-space:nowrap}.monthly-luck__pillar{display:flex;gap:.1rem;font-size:1.3rem;font-weight:600;line-height:1.15}.monthly-luck__symbol--wood{color:var(--element-wood)}.monthly-luck__symbol--fire{color:var(--element-fire)}.monthly-luck__symbol--earth{color:var(--element-earth)}.monthly-luck__symbol--metal{color:var(--element-metal)}.monthly-luck__symbol--water{color:var(--element-water)}.monthly-luck__gods{color:var(--muted-navy);font-size:.54rem;line-height:1.3;text-align:center;white-space:nowrap}@media(max-width:370px){.basic-chart__pillar{padding-inline:.24rem}.basic-chart__ten-god{font-size:.6rem}}@media(min-width:700px){.result-screen{margin-top:3rem}.result-screen .basic-chart{padding:1rem}}@media(max-width:370px){.result-screen .basic-chart{padding:.6rem}.basic-chart__table thead th:first-child,.basic-chart__table tbody th{padding-left:.2rem}.basic-chart__ten-god{font-size:.6rem}}body{overflow-x:clip}.result-screen{min-width:0}.result-screen__header{margin-bottom:1rem}.result-screen__brand{margin-bottom:.3rem}.result-screen__header h1{margin:0 0 .45rem;font-size:1.45rem}.result-screen__profile{margin-top:.45rem}.result-screen__birth-data{margin-top:.18rem}.result-screen .basic-chart{padding:1rem;border-color:#cbd2da;box-shadow:0 2px 9px #1d2b420d}.fortune-flow{min-width:0;margin-top:1.8rem}.fortune-flow__title{margin:0;font-size:1.18rem;letter-spacing:.03em}.fortune-flow .great-luck,.fortune-flow .yearly-luck,.fortune-flow .monthly-luck{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--silver-line)}.fortune-flow .great-luck__cards,.fortune-flow .yearly-luck__cards,.fortune-flow .monthly-luck__cards{min-width:0;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}.fortune-flow .great-luck__cards::-webkit-scrollbar,.fortune-flow .yearly-luck__cards::-webkit-scrollbar,.fortune-flow .monthly-luck__cards::-webkit-scrollbar{display:none}.fortune-flow .great-luck__card,.fortune-flow .yearly-luck__card,.fortune-flow .monthly-luck__card{flex-basis:7.1rem;border-radius:8px;scroll-snap-align:center}.fortune-flow .great-luck__card--current{border-color:#c1a66f;background:#f5f1e7;box-shadow:inset 0 2px #c1a66f}.fortune-flow .yearly-luck__card--current{border-color:#d0c19e;background:#f8f6f0;box-shadow:inset 0 1.5px #cabb98}.fortune-flow .monthly-luck__card--current{border-color:#dbd2bd;background:#fbfaf6;box-shadow:inset 0 1px #d6c9a9}.result-screen__back,.basic-chart__expand-link{min-height:44px}.entry-form__name-field input{font-size:1rem}.entry-form__gender label{min-height:44px}.monthly-luck__year-switcher button{width:44px;min-height:44px}.basic-chart__hidden-label,.basic-chart__hidden-meta,.great-luck__card-meta,.luck-card__twelve-stage,.yearly-luck__god,.monthly-luck__date,.monthly-luck__gods{font-size:.62rem}.fortune-flow .great-luck__card,.fortune-flow .yearly-luck__card,.fortune-flow .monthly-luck__card{min-height:8rem;padding:.65rem .4rem;gap:.4rem}@media(max-width:370px){.result-screen .basic-chart{padding:.65rem}.basic-chart__pillar{padding-inline:.2rem}.basic-chart__ten-god{font-size:.62rem}}