:root{color-scheme:light;--page-max: 430px;--cream: #fff8e7;--robe: #ffe4b5;--paper: #fff1cb;--brown: #56351f;--brown-soft: #8a6645;--orange: #efa14c;--orange-deep: #d9792d;--gray: #b8ad9f;--blue-gray: #6f7d83;--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#ffe8b9;color:var(--brown);font-family:"Noto Serif SC",Songti SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}#root{width:min(100%,var(--page-max));min-height:100dvh;margin:0 auto;overflow-x:hidden;background:linear-gradient(180deg,var(--cream) 0%,var(--robe) 100%)}.entry-page,.loading-page{position:relative;min-height:100svh;overflow:hidden;background:linear-gradient(180deg,#fff8e7f5,#ffe4b5fa),radial-gradient(circle at 50% 0%,rgba(255,255,255,.42),transparent 44%)}.paper-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle,rgba(86,53,31,.06) 0 1px,transparent 1.2px) 5px 6px / 28px 28px,radial-gradient(circle,rgba(111,125,131,.05) 0 1px,transparent 1.4px) 15px 18px / 42px 42px;opacity:.5}.entry-content{position:relative;z-index:1;display:grid;min-height:100svh;grid-template-rows:auto 1fr;padding:max(18px,env(safe-area-inset-top)) 18px 108px;transition:opacity .42s var(--ease),transform .42s var(--ease)}.entry-page.is-leaving .entry-content{opacity:0;transform:translateY(8px)}.entry-header{padding-top:2px;text-align:center}.entry-kicker{margin:0 0 5px;color:#56351f85;font-size:12px;font-weight:800;letter-spacing:.18em}.entry-header h1{margin:0;color:var(--brown);font-size:36px;font-weight:900;letter-spacing:.04em;line-height:1.12}.entry-header p:last-child{max-width:16rem;margin:8px auto 0;color:#56351fa6;font-size:14px;font-weight:700;line-height:1.55}.birth-form{display:grid;align-content:start;gap:10px;padding-top:16px}.form-section{display:grid;gap:9px}.form-section.compact{gap:8px}.form-section h2{margin:0;color:var(--brown);font-size:15px;font-weight:900;letter-spacing:.1em;text-align:center}.wheel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wheel-field{min-width:0;text-align:center}.wheel-label{display:block;margin-bottom:2px;color:#56351f7a;font-size:11px;font-weight:900;letter-spacing:.14em}.wheel-shell{position:relative;height:132px;overflow:hidden;border-radius:30px;background:transparent}.wheel-shell:before,.wheel-shell:after{content:"";position:absolute;z-index:2;left:0;right:0;height:35px;pointer-events:none}.wheel-shell:before{top:0;background:linear-gradient(180deg,var(--cream),rgba(255,248,231,0))}.wheel-shell:after{bottom:0;background:linear-gradient(0deg,var(--robe),rgba(255,228,181,0))}.wheel-selection{position:absolute;left:8px;right:8px;top:45px;height:42px;border-radius:999px;background:#ffffff57;box-shadow:inset 0 0 0 1px #56351f0d,0 8px 16px #8a66450f}.wheel-scroller{position:relative;z-index:3;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:45px 0;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 27%,black 73%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,black 27%,black 73%,transparent 100%)}.wheel-scroller::-webkit-scrollbar{display:none}.wheel-item{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;border:0;background:transparent;color:var(--gray);padding:0;scroll-snap-align:center;transition:color .16s ease,opacity .16s ease}.wheel-item strong{font-size:17px;font-weight:900;line-height:1}.wheel-item small{margin-top:3px;font-size:10px;font-weight:800;opacity:.72}.wheel-item.is-active{color:var(--brown)}.hour-picker{position:relative;z-index:10;width:min(304px,100%);justify-self:center}.hour-trigger{display:grid;width:100%;min-height:52px;grid-template-columns:34px 1fr 14px;align-items:center;gap:10px;border:0;border-radius:999px;background:#fff4daeb;color:var(--brown);padding:0 15px 0 14px;text-align:left;box-shadow:inset 0 -2px #56351f0f,0 12px 22px #8a664514}.hour-trigger:focus-visible,.wheel-scroller:focus-visible,.gender-choice:focus-visible,.start-button:focus-visible,.copy-chip:focus-visible,.unlock-button:focus-visible,.restart-pill:focus-visible{outline:3px solid rgba(239,161,76,.28);outline-offset:3px}.hour-branch{display:grid;width:30px;height:30px;place-items:center;border-radius:999px;background:#6f7d831f;color:var(--brown);font-size:16px;font-weight:900}.hour-copy{display:grid;gap:1px}.hour-copy strong{font-size:15px;font-weight:900;letter-spacing:.08em}.hour-copy small{color:#56351f85;font-family:system-ui,sans-serif;font-size:12px;font-weight:800}.hour-trigger i{width:9px;height:9px;border-right:2px solid rgba(86,53,31,.55);border-bottom:2px solid rgba(86,53,31,.55);transform:translateY(-2px) rotate(45deg);transition:transform .18s var(--ease)}.hour-picker.is-open .hour-trigger i{transform:translateY(2px) rotate(225deg)}.hour-scroll{position:absolute;top:calc(100% + 8px);left:8px;right:8px;max-height:244px;overflow-y:auto;border-radius:0 0 24px 24px;background:linear-gradient(180deg,#fff7df,#f8d98f),var(--paper);box-shadow:inset 0 2px #ffffff8f,0 18px 28px #8a664524;animation:scroll-open .22s var(--ease) both;transform-origin:top center}.hour-scroll:before,.hour-scroll:after{content:"";position:sticky;display:block;height:8px;border-radius:99px;background:#a97945}.hour-scroll:before{top:0}.hour-scroll:after{bottom:0}.hour-option{display:grid;width:100%;min-height:40px;grid-template-columns:28px 58px 1fr;align-items:center;gap:8px;border:0;background:transparent;color:#56351f94;padding:0 12px;text-align:left}.hour-option span{display:grid;width:24px;height:24px;place-items:center;border-radius:999px;background:#ffffff57;font-weight:900}.hour-option strong{font-size:13px;font-weight:900;letter-spacing:.04em}.hour-option small{color:#56351f75;font-family:system-ui,sans-serif;font-size:12px;font-weight:800}.hour-option.is-active,.hour-option:hover{color:var(--brown);background:#ffffff57}.gender-pill{display:grid;width:min(224px,100%);min-height:56px;grid-template-columns:repeat(2,1fr);justify-self:center;gap:6px;border-radius:999px;background:#fff3d8c7;padding:7px;box-shadow:inset 0 -2px #56351f0d,0 12px 22px #8a664514}.gender-choice{position:relative;min-height:42px;border:0;border-radius:999px;background:transparent;color:#56351f61;font-size:20px;font-weight:900;transition:background .17s ease,color .17s ease,transform .17s ease}.gender-choice.is-active{background:#efa14c42;color:var(--brown);transform:translateY(-1px)}.gender-choice.is-active:after{content:"";position:absolute;left:20px;right:20px;bottom:7px;height:3px;border-radius:999px;background:var(--orange)}.submit-dock{position:fixed;z-index:20;left:50%;bottom:0;width:min(100%,var(--page-max));padding:16px 18px max(16px,env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(255,231,180,.98) 0%,rgba(255,231,180,.78) 62%,transparent 100%);transform:translate(-50%)}.start-button{width:100%;min-height:56px;border:0;border-radius:999px;background:linear-gradient(180deg,#f8b45d,var(--orange));color:var(--brown);font-size:17px;font-weight:900;letter-spacing:.14em;box-shadow:inset 0 -3px #56351f1c,0 14px 24px #d9792d33;transition:opacity .3s var(--ease),transform .3s var(--ease)}.start-button:disabled{background:#ffffff7a;color:#56351f4d;box-shadow:none}.entry-page.is-leaving .start-button{opacity:0;transform:scale(.88)}.loading-page{display:grid;place-items:center;padding:28px 18px}.loading-content{position:relative;z-index:1;display:grid;width:min(340px,100%);justify-items:center;gap:10px;text-align:center;transform:translateY(-10px)}.monk-video{display:block;width:min(268px,70vw);height:min(268px,70vw);background:transparent;border:0;object-fit:cover;object-position:50% 43%}.progress-track{width:min(224px,60vw);height:9px;overflow:hidden;border-radius:999px;background:#56351f1f;box-shadow:inset 0 1px 2px #56351f1f}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f8b45d,var(--orange-deep));transition:width .36s var(--ease)}.loading-title{margin:2px 0 0;color:var(--brown);font-size:21px;font-weight:900;letter-spacing:.08em}.loading-note{margin:0;color:#56351f7a;font-size:13px;font-weight:900;letter-spacing:.18em}.result-page{position:relative;min-height:100svh;overflow:hidden auto;background:linear-gradient(180deg,#fff8e7fa,#ffe4b5fc),radial-gradient(circle at 18% 5%,rgba(255,255,255,.5),transparent 34%);color:#5c4033;padding:max(12px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom))}.result-shell{position:relative;z-index:1;display:grid;gap:12px;width:min(100%,402px);min-height:100svh;margin:0 auto;padding-bottom:8px}.result-hero{display:flex;min-height:122px;align-items:center;justify-content:center;gap:10px;padding:2px 4px 0}.result-monk-wrap{position:relative;flex:0 0 auto;width:118px;height:118px}.result-monk-video{display:block;width:118px;height:118px;background:transparent;object-fit:cover;object-position:50% 43%}.copy-bubble{position:absolute;left:4px;right:auto;bottom:-2px;max-width:116px;border-radius:999px;background:#fff7e0f5;color:#5c4033d1;padding:7px 11px;font-size:12px;font-weight:900;line-height:1.25;text-align:center;box-shadow:0 10px 18px #8a66451a;animation:copy-note-pop .26s var(--ease) both}.result-hero-copy{min-width:0;padding-top:6px}.result-hero-copy p{margin:0 0 4px;color:#5c40338a;font-size:12px;font-weight:900;letter-spacing:.12em}.result-hero-copy h1{margin:0;color:#5c4033;font-size:26px;font-weight:900;line-height:1.18;overflow-wrap:anywhere}.result-card{position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(180deg,#fff2cffa,#ffe8b1f5);box-shadow:inset 0 -2px #5c40330a,0 16px 26px #8a66451f}.summary-card{display:grid;gap:12px;padding:52px 18px 18px}.copy-chip{position:absolute;top:12px;right:12px;min-height:36px;border:0;border-radius:999px;background:#ffffff80;color:#5c4033c2;padding:0 12px;font-size:12px;font-weight:900;box-shadow:inset 0 -1px #5c40330d}.summary-core{display:grid;grid-template-columns:34px 1fr;align-items:start;gap:10px}.summary-core span{display:grid;width:34px;height:34px;place-items:center;border-radius:999px;background:#ffffff61;font-size:19px}.summary-core h2{margin:0;color:#5c4033;font-size:21px;font-weight:900;line-height:1.42;overflow-wrap:anywhere}.monk-says{border-radius:22px;background:#ffffff52;padding:12px 13px}.monk-says strong{display:block;margin-bottom:5px;color:#5c4033db;font-size:14px;font-weight:900}.monk-says p,.report-preview p,.result-meta-line{margin:0;color:#5c4033b8;font-size:14px;font-weight:700;line-height:1.72;overflow-wrap:anywhere}.result-meta-line{color:#5c403375;font-size:12px;font-weight:800;line-height:1.45}.full-card{display:grid;gap:12px;padding:18px}.full-card h2{margin:0;color:#5c4033;font-size:19px;font-weight:900;line-height:1.35}.report-preview{position:relative;display:grid;gap:10px;min-height:156px;max-height:172px;overflow:hidden;border-radius:24px;background:#ffffff47;padding:14px;transition:max-height .52s var(--ease),background .26s ease}.report-preview.is-locked{align-content:center}.report-preview.is-expanded{max-height:760px;background:#ffffff57}.report-lock-line{justify-self:center;max-width:100%;border-radius:999px;background:#fff8e7bd;color:#5c40339e!important;padding:8px 12px;font-size:13px!important;font-weight:900!important;line-height:1.35!important;text-align:center;box-shadow:inset 0 -1px #5c40330a}.unlock-button,.restart-pill{min-height:52px;border:0;border-radius:999px;background:linear-gradient(180deg,#f8b45d,var(--orange));color:#5c4033;font-size:16px;font-weight:900;letter-spacing:.06em;box-shadow:inset 0 -3px #5c40331c,0 12px 20px #d9792d29}.result-bottom{display:grid;padding:2px 6px 0}.restart-pill{background:#fff3d8d1;box-shadow:inset 0 -2px #5c40330f,0 10px 18px #8a66451a}@keyframes scroll-open{0%{opacity:0;transform:scaleY(.18)}72%{opacity:1;transform:scaleY(1.04)}to{opacity:1;transform:scaleY(1)}}@keyframes copy-note-pop{0%{opacity:0;transform:translateY(5px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-height: 720px){.entry-content{padding-top:14px}.entry-header h1{font-size:32px}.entry-header p:last-child{margin-top:5px;font-size:13px}.birth-form{gap:8px;padding-top:10px}.wheel-shell{height:120px}.wheel-shell:before,.wheel-shell:after{height:30px}.wheel-selection{top:39px}.wheel-scroller{padding:39px 0}.hour-trigger{min-height:48px}.gender-pill{min-height:52px}.gender-choice{min-height:38px}.result-page{padding-top:max(8px,env(safe-area-inset-top))}.result-shell{gap:10px}.result-hero{min-height:108px}.result-monk-wrap,.result-monk-video{width:104px;height:104px}.result-hero-copy h1{font-size:24px}.summary-card,.full-card{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}