:root{color:#243c37;font-synthesis:none;--ink:#243c37;--muted:#6f7468;--line:#dfdfd3;--paper:#eeeee5;--yellow:#f1df9f;--pink:#f1dbd5;--mint:#dfe7d7;--lavender:#e2dfed;--coral:#edac91;background:#f7f5ee;font-family:Hiragino Kaku Gothic ProN,Noto Sans CJK JP,Yu Gothic,Meiryo,sans-serif;font-weight:500}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button{border:0}a{color:inherit;text-underline-offset:4px}button:focus-visible{outline-offset:3px;outline:3px solid #b76440}a:focus-visible{outline-offset:3px;outline:3px solid #b76440}input:focus-visible{outline-offset:3px;outline:3px solid #b76440}select:focus-visible{outline-offset:3px;outline:3px solid #b76440}h1,h2,h3,p{margin:0}button{text-align:left}svg{flex-shrink:0}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:9px;font-size:12px;font-weight:700}legend>span{color:var(--muted);margin-left:8px;font-size:11px;font-weight:400}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{letter-spacing:.1em;color:var(--muted);font-size:11px;font-weight:700}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;max-width:1384px;height:76px;margin:auto;padding:0 30px;display:flex}.brand{letter-spacing:.06em;white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:750;text-decoration:none;display:flex}.brand-mark{background:var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);width:15px;height:27px}.brand-edition{letter-spacing:.13em;color:var(--muted);margin-left:20px;font-size:10px;font-weight:500}.header-actions{align-items:center;gap:12px;display:flex}.header-actions button{white-space:nowrap;background:0 0;border-radius:6px;min-height:44px;padding:8px 12px;font-size:12px}.header-actions .save-button{background:var(--ink);color:#f8f6ed;padding-inline-start:16px;padding-inline-end:16px}.header-actions button:hover{background:#e7e8dd}.header-actions .save-button:hover{background:#3c534a}main{max-width:1324px;margin:auto}.intro{width:min(410px,100% - 40px);margin:58px auto 38px;position:relative}.intro h1{letter-spacing:-.04em;margin:17px 0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:68px;font-weight:650;line-height:1.15}.intro-description{margin-bottom:26px;font-size:14px;line-height:1.9}.intro-stamp{background:var(--yellow);border:1px solid #a7b0a1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:116px;height:116px;font:34px Georgia,serif;display:flex;position:absolute;top:44px;right:0;transform:rotate(8deg);box-shadow:inset 0 0 0 5px #f7f5ee,inset 0 0 0 6px #a7b0a1}.intro-stamp span{margin-top:3px;font:italic 12px Georgia,serif}.date-fields{gap:8px;display:flex}.date-fields label{flex:1;align-items:center;gap:7px;min-width:0;font-size:12px;display:flex}.date-fields label:first-child{flex:1.5}select,input[type=number]{background:#fffdf7;border:1px solid #cdd2c5;border-radius:6px;width:100%;min-width:0;height:46px;padding:0 10px;font-size:16px}.sex-field{margin:18px 0}.segments{gap:7px;display:flex}.segments label{cursor:pointer;flex:1;position:relative}.segments input{opacity:0;position:absolute}.segments label>span{text-align:center;background:#fffdf7;border:1px solid #cdd2c5;border-radius:6px;padding:11px 7px;font-size:12px;display:block}.segments input:checked+span{background:var(--mint);border-color:var(--ink)}.segments input:focus-visible+span{outline-offset:2px;outline:3px solid #b76440}.primary{background:var(--ink);color:#fbf9f1;border-radius:7px;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:15px 18px;font-size:14px;font-weight:650;display:flex}.primary:hover{background:#3c534a}.privacy-note{color:var(--muted);text-align:center;margin:13px 0 22px;font-size:11px}.intro-note{color:var(--muted);text-align:center;font-size:12px;line-height:1.8}.dashboard-heading{justify-content:space-between;align-items:flex-end;padding:25px 0 20px;display:flex}.dashboard-heading h1{letter-spacing:-.04em;margin-top:7px;font-size:30px;font-weight:650;line-height:1.4}.heading-dot{color:#b76945}.dashboard-caption{text-align:right;color:var(--muted);font-size:11px;line-height:1.9}.dashboard-caption p:last-child{color:var(--ink)}.bento{grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:106px;grid-auto-flow:row;gap:8px;display:grid}.tile{background:var(--paper);border:1px solid #00000006;border-radius:9px;flex-direction:column;align-items:flex-start;min-width:0;padding:11px 12px 10px;transition:box-shadow .18s,translate .18s;display:flex;position:relative;overflow:hidden}.tile:hover{translate:0 -2px;box-shadow:0 4px 12px #243c3714}.tone-ink{background:var(--ink);color:#fbf8ec}.tone-paper{background:var(--paper)}.tone-yellow{background:var(--yellow)}.tone-coral{background:var(--coral)}.tone-pink{background:var(--pink)}.tone-lavender{background:var(--lavender)}.tone-mint{background:var(--mint)}.tile-wide{grid-column:span 2}.tile-hero{grid-area:span 2/span 2;padding:14px 14px 12px}.tile-label{white-space:nowrap;align-items:center;gap:5px;width:100%;font-size:11px;font-weight:600;line-height:1.3;display:flex}.tile-label svg{opacity:.8;width:14px;height:14px}.tile-arrow{opacity:.65;margin-left:auto;font-size:12px}.tile-value{letter-spacing:-.055em;white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:auto;font-family:Arial,sans-serif;font-size:34px;font-weight:500;line-height:1.1}.tile-value small{letter-spacing:0;margin-left:4px;font-family:Hiragino Kaku Gothic ProN,Noto Sans CJK JP,sans-serif;font-size:11px;font-weight:500}.tile-sub{max-width:100%;margin-top:4px;font-size:11px;line-height:1.4}.tile-names .tile-value{white-space:normal;letter-spacing:0;overflow-wrap:anywhere;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4}.tile-names .tile-sub{font-size:11px}.tile[data-tile=parents] .tile-value{letter-spacing:-.03em;font-family:inherit;font-size:24px}.tile[data-tile=parents] .tile-value small{margin-left:4px;font-size:15px}.tile[data-tile=zodiac] .tile-value,.tile[data-tile=eto] .tile-value,.tile[data-tile=sign] .tile-value,.tile[data-tile=rokuyo] .tile-value{letter-spacing:0;font-family:inherit;font-size:24px;font-weight:650}.tile[data-tile=weekday] .tile-value,.tile[data-tile=era] .tile-value{letter-spacing:-.04em;font-family:inherit;font-size:20px}.tile-fortune .tile-value{margin-top:7px}.tile-fortune .tile-sub{margin-top:2px}.fortune-tag{opacity:.7;margin-top:auto;font-size:11px;line-height:1.3}.hero-inner{flex:1;gap:6px;width:100%;min-height:0;padding:12px 0 5px;display:flex}.hero-copy{flex-direction:column;flex:1;min-width:0;display:flex}.hero-kicker{color:#e6e6d9;margin-top:10px;font-size:11px}.tile-hero .tile-value{letter-spacing:-.065em;margin-top:3px;font-size:49px}.tile-hero .tile-value small{font-size:16px}.hero-remaining{color:#e7c880;white-space:nowrap;letter-spacing:-.03em;margin-top:7px;font-size:17px}.hero-legend{opacity:.75;align-items:center;gap:5px;margin-top:auto;font-size:11px;display:flex}.hero-legend i{background:#e5bc70;border-radius:50%;width:5px;height:5px;display:block}#months-grid{flex-shrink:0;width:76px;height:100%;min-height:130px}.hero-bottom{color:#e0e1d3;white-space:nowrap;margin-top:5px;font-size:11px}.dashboard-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:17px 0 22px;font-size:11px;line-height:1.6;display:flex}.dashboard-footer>div{gap:24px;display:flex}.dashboard-footer a{text-decoration:none}.dashboard-footer a:hover{text-decoration:underline}.detail-open{overflow:hidden}.detail-dialog{width:100%;max-width:100%;height:100%;max-height:100%;color:var(--ink);background:0 0;border:0;padding:0;overflow:hidden}.detail-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1c302bc4}.save-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1c302bc4}.detail-sheet{overscroll-behavior:contain;border-radius:14px;width:min(680px,100% - 32px);height:calc(100dvh - 48px);margin:24px auto;overflow:auto;box-shadow:0 20px 100px #0003}.detail-nav{z-index:2;background:inherit;border-bottom:1px solid #70807133;align-items:center;gap:12px;min-height:66px;padding:10px 22px;display:flex;position:sticky;top:0}.detail-nav button{color:inherit;white-space:nowrap;background:0 0;min-height:44px;padding:6px 0;font-size:12px}.detail-nav #detail-close{text-align:center;width:44px;margin-left:auto;font:30px Arial,sans-serif}.detail-nav #detail-back{flex-shrink:0;font-size:12px}#breadcrumbs{align-items:center;gap:8px;min-width:0;font-size:11px;line-height:1.4;display:flex}#breadcrumbs>span[aria-current]{overflow-wrap:anywhere}#breadcrumbs button{font-size:11px}#breadcrumbs>span:not([aria-current]){opacity:.4}.detail-body{padding:32px 38px 45px}.detail-body h2{margin:11px 0;font-size:28px;font-weight:650;line-height:1.4}.detail-body h3{margin-bottom:10px;font-size:13px;font-weight:700}.tone-ink .eyebrow{color:#cbd0bf}.detail-value{letter-spacing:-.045em;overflow-wrap:anywhere;margin:22px 0 5px;font-family:Arial,sans-serif;font-size:64px;font-weight:500;line-height:1.25}.detail-value small{letter-spacing:0;margin-left:8px;font-family:inherit;font-size:22px}.detail-names{letter-spacing:0;font-family:inherit;font-size:32px;line-height:1.6}.detail-sub{font-size:18px;line-height:1.6}.detail-copy{margin:20px 0;font-size:15px;line-height:1.9}.detail-fortune{border:1px solid #66756566;border-radius:4px;padding:3px 6px;font-size:11px;display:inline-block}.detail-formula{border-top:1px solid #70807155;margin-top:28px;padding-top:22px}.detail-formula p{font-size:13px;line-height:1.9}.detail-sources{margin-top:24px}.detail-sources a{overflow-wrap:anywhere;margin:10px 0;font-size:12px;line-height:1.8;display:block}.drill-list{margin-top:28px}.drill-list button{width:100%;color:inherit;background:#ffffff12;border:1px solid #70807155;border-radius:7px;justify-content:space-between;align-items:center;gap:16px;min-height:56px;margin:7px 0;padding:12px 16px;font-size:14px;display:flex}.drill-list button:hover{background:#ffffff30}.drill-list button>span:last-child{text-align:right;font-size:12px}.drill-list b{padding-left:8px;font-size:15px}#detail-grid{background:var(--ink);border:12px solid var(--ink);border-radius:7px;width:220px;height:300px;margin:26px auto;display:block}.year-rows{margin:26px 0}.year-rows>div{justify-content:space-between;align-items:center;gap:12px;margin:14px 0;font-size:12px;display:flex}.year-months{gap:5px;display:flex}.year-months i{background:#ffffff30;border-radius:3px;width:14px;height:14px}.year-months i.filled{background:#e5bc70}.hobby-bars{gap:8px;margin:25px 0;font-size:13px;display:grid}.hobby-bars span{justify-content:space-between;display:flex}.hobby-bars i{height:9px;width:var(--bar);background:#e5bc70;border-radius:3px;margin-bottom:12px}.parent-form{background:#fff4;border:1px solid #70807133;border-radius:8px;margin-top:26px;padding:20px}.parent-form p{margin:10px 0 16px;font-size:12px;line-height:1.8}.parent-form label{flex-direction:column;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.parent-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}#parent-error,#form-error{color:#8b281d;margin:12px 0;font-size:12px;line-height:1.7}.save-dialog{color:var(--ink);background:#f7f5ee;border:0;border-radius:12px;width:min(780px,100% - 24px);max-height:calc(100dvh - 32px);padding:30px;overflow:auto}.save-dialog h2{margin:8px 0 24px;font-size:24px}.save-dialog img{border-radius:6px;width:100%;height:auto;display:block}.dialog-close{float:right;text-align:center;background:0 0;border:0;min-width:44px;min-height:44px;margin-top:-14px;margin-right:-14px;font-size:28px}.save-hint{text-align:center;margin:18px 0;font-size:13px}.share-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.secondary{background:var(--ink);color:#fffdf4;border-radius:6px;min-height:44px;padding:13px 16px;font-size:13px;text-decoration:none}.assumption{color:var(--muted);text-align:center;margin-top:16px;font-size:11px;line-height:1.8}::view-transition-group(tile-zoom){animation-duration:.42s;animation-timing-function:cubic-bezier(.65,0,.25,1)}::view-transition-old(tile-zoom){mix-blend-mode:normal;height:100%;overflow:hidden}::view-transition-new(tile-zoom){mix-blend-mode:normal;height:100%;overflow:hidden}::view-transition-group(root){animation-duration:.18s}.tile:not(.tile-wide):not(.tile-hero) .tile-arrow{display:none}.tile:not(.tile-wide):not(.tile-hero) .tile-label{white-space:normal}.tile[data-tile=hobby] .tile-value small{font-size:24px}.tile[data-tile=new-years] .tile-label svg{display:none}.tile[data-tile=health] .tile-label{white-space:normal;text-wrap:balance}.tile[data-tile=health][data-celebrate] .tile-value{letter-spacing:0;font-family:inherit;font-size:24px}.tile-bars{gap:3px;width:100%;height:5px;margin-top:5px;display:flex}.tile-bars i{background:#8b6840;border-radius:2px}.tile-bars i+i{background:#728578}.detail-dialog[data-level="2"] .detail-value{letter-spacing:-.02em;font-size:34px;line-height:1.5}.detail-summary{margin-top:18px;font-size:13px;line-height:1.8}.detail-summary a{font-size:12px}.drill-decades{grid-template-columns:1fr 1fr;gap:7px;display:grid}.drill-decades h3{grid-column:1/-1}.drill-decades button{flex-direction:column;align-items:flex-start;gap:5px;margin:0}@media (min-width:1100px){.tile[data-tile=summers] .tile-value,.tile[data-tile=sakura] .tile-value{font-size:42px}.tile[data-tile=summers]:after{content:"";border:1px solid #243c3720;border-radius:50%;width:64px;height:64px;position:absolute;bottom:-12px;right:24px;box-shadow:0 0 0 10px #243c3709,0 0 0 20px #243c3705}.tile[data-tile=heartbeats] .tile-value{font-size:36px}}@media (min-width:760px){.tile[data-tile=parents] .tile-value,.tile[data-tile=zodiac] .tile-value,.tile[data-tile=eto] .tile-value,.tile[data-tile=sign] .tile-value,.tile[data-tile=rokuyo] .tile-value,.tile[data-tile=weekday] .tile-value,.tile[data-tile=era] .tile-value{line-height:1.4}}@media (min-width:760px) and (max-width:1390px){main{margin-inline-start:30px;margin-inline-end:30px}.tile-hero .tile-value{font-size:43px}#months-grid{width:62px}.hero-remaining{font-size:16px}.tile-value{font-size:30px}.tile-label{gap:4px}.tile{padding-inline-start:10px;padding-inline-end:10px}}@media (min-width:760px) and (max-width:1099px){.bento{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:100px}.brand-edition{display:none}}@media (max-width:759px){.site-header{gap:6px;height:64px;margin:0 14px;padding:0}.brand{letter-spacing:0;gap:6px;font-size:14px}.brand-mark{width:10px;height:22px}.brand-edition{display:none}.header-actions{gap:2px}.header-actions button{padding:7px 5px;font-size:11px}.header-actions .save-button{padding:8px 9px}.header-actions #sound{padding-right:0}.intro{width:calc(100% - 40px);max-width:410px;margin-top:32px}.intro h1{margin:13px 0;font-size:62px}.intro-stamp{width:105px;height:105px;top:40px;right:7px}.intro-description{margin-bottom:24px;font-size:13px}.intro-note,.intro .eyebrow{font-size:11px}main{margin:0 12px}.dashboard-heading{padding:15px 2px 10px;display:block}.dashboard-heading h1{letter-spacing:-.05em;margin-top:6px;font-size:24px}.dashboard-caption{text-align:left;justify-content:space-between;margin-top:6px;font-size:11px;line-height:1.4;display:flex}.dashboard-heading .eyebrow{font-size:10px}.bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(64px,auto);gap:5px}.tile{border-radius:7px;padding:5px 8px 4px}.tile-label{gap:4px;font-size:11px;line-height:1.2}.tile-label svg{width:12px;height:12px}.tile-arrow,.tile:not(.tile-wide):not(.tile-hero) .tile-label svg{display:none}.tile:not(.tile-wide):not(.tile-hero) .tile-label>span{overflow-wrap:anywhere;text-wrap:balance}.tile-value{letter-spacing:-.065em;font-size:25px;line-height:1.05}.tile-value small{margin-left:3px;font-size:11px}.tile-sub{overflow-wrap:anywhere;margin-top:3px;font-size:11px;line-height:1.25}.tile-hero{padding:10px 10px 8px}.hero-inner{gap:3px;padding:4px 0 1px}.hero-kicker{margin-top:0;font-size:11px;line-height:1.2}.tile-hero .tile-value{letter-spacing:-.07em;margin-top:4px;font-size:35px;line-height:1.05}.tile-hero .tile-value small{margin-left:2px;font-size:13px}.hero-remaining{margin-top:6px;font-size:14px;line-height:1.2}.hero-legend{white-space:nowrap;gap:3px;margin-top:auto;font-size:11px;line-height:1.2}.hero-legend i{width:4px;height:4px}#months-grid{align-self:center;width:48px;height:96px;min-height:0}.hero-bottom{letter-spacing:-.055em;margin-top:2px;font-size:11px;line-height:1.2}.tile-hero[data-celebrate] .hero-remaining{letter-spacing:-.02em;font-size:11px}.tile[data-tile=days] .tile-value{font-size:33px}.tile[data-tile=age] .tile-value{font-size:32px}.tile[data-tile=parents] .tile-value{white-space:nowrap;font-size:18px;line-height:1.4}.tile[data-tile=parents] .tile-value small{font-size:12px}.tile[data-tile=zodiac] .tile-value,.tile[data-tile=eto] .tile-value,.tile[data-tile=sign] .tile-value,.tile[data-tile=rokuyo] .tile-value{margin-top:4px;font-size:19px;line-height:1.2}.tile[data-tile=weekday] .tile-value,.tile[data-tile=era] .tile-value{letter-spacing:-.08em;font-size:16px;line-height:1.35}.fortune-tag{opacity:.65;font-size:11px;position:absolute;top:8px;right:7px}.tile-fortune .tile-label svg{display:none}.tile-fortune .tile-label{font-size:11px}.tile[data-tile=zodiac] .tile-label{white-space:normal;max-width:calc(100% - 55px)}.tile-names .tile-value{margin-top:6px;font-size:13px;font-weight:650;line-height:1.35}.tile-names .tile-sub{margin-top:auto;font-size:11px;line-height:1.5}.tile[data-tile=stones],.tile[data-tile=flowers]{justify-content:flex-start;min-height:74px}.tile[data-tile=milestone] .tile-value{font-size:29px}.tile[data-tile=milestone] .tile-sub{letter-spacing:-.05em;font-size:11px}.tile[data-tile=hobby] .tile-value{font-size:28px}.tile[data-tile=hobby] .tile-value small{font-size:22px}.tile[data-tile=heartbeats] .tile-value{font-size:30px}.tile[data-tile=health][data-celebrate] .tile-value{font-size:22px;line-height:1.4}.tile:not(.tile-wide) .value-compact{font-size:24px}.tile[data-tile=full-moons] .value-compact small,.tile[data-tile=past-moons] .value-compact small{margin:1px 0 0;line-height:1.4;display:block}.dashboard-footer{padding:9px 2px 10px;font-size:11px;display:block}.dashboard-footer>div{justify-content:space-between;gap:10px;margin-top:9px}.detail-sheet{border-radius:11px;width:calc(100% - 20px);height:calc(100dvh - 28px);margin:14px auto}.detail-nav{gap:10px;min-height:58px;padding:5px 12px}#breadcrumbs{gap:5px;font-size:11px}.detail-nav #detail-back,#breadcrumbs button{font-size:11px}.detail-nav #detail-close{flex-shrink:0;width:34px}.detail-body{padding:25px 22px 35px}.detail-body h2{font-size:25px}.detail-value{margin-top:20px;font-size:52px}.detail-value small{font-size:19px}.detail-names{font-size:25px}.detail-copy{font-size:14px}.detail-formula p{font-size:13px}.detail-sources a{font-size:12px}.drill-list button{gap:10px;padding:12px;font-size:13px}.drill-list button>span:last-child{font-size:11px}.year-months{gap:4px}.year-months i{width:11px;height:13px}.year-rows>div{gap:6px;font-size:11px}.save-dialog{padding:23px 16px}.save-dialog h2{font-size:21px}.parent-form{padding:16px}}@media (max-width:374px){.site-header{margin-inline-start:12px;margin-inline-end:12px}.brand{font-size:13px}.header-actions button{padding-inline-start:4px;padding-inline-end:4px}.header-actions .save-button{padding-inline-start:7px;padding-inline-end:7px}main{margin-inline-start:10px;margin-inline-end:10px}.bento{grid-auto-rows:minmax(60px,auto);gap:3px}.tile{padding:3px 6px 2px}.tile-label{letter-spacing:-.045em;gap:3px}.tile-label svg{width:11px;height:11px}.tile-sub{letter-spacing:-.03em;margin-top:2px}.tile-hero{padding:8px 8px 7px}.tile-hero .tile-value{font-size:32px}.hero-remaining{font-size:13px}#months-grid{width:42px}.hero-legend{letter-spacing:-.04em;font-size:11px}.hero-bottom{letter-spacing:-.08em;font-size:11px}.fortune-tag{font-size:11px;top:3px;right:6px}.tile[data-tile=parents] .tile-value{font-size:18px}.tile[data-tile=era] .tile-value{font-size:15px}.tile[data-tile=days] .tile-value{font-size:30px}.tile[data-tile=age] .tile-value{font-size:29px}.tile[data-tile=birthday] .tile-value,.tile[data-tile=meals] .tile-value{font-size:25px}.tile[data-tile=heartbeats] .tile-value{font-size:28px}.tile[data-tile=weekends] .tile-value,.tile[data-tile=past-weekends] .tile-value{font-size:25px}.dashboard-heading{padding-top:11px;padding-bottom:8px}.dashboard-heading h1{font-size:23px}.dashboard-footer{padding-bottom:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}