:root{--ground:#fafaf7;--surface:#fff;--sunken:#f4f4f0;--ink:#1a1c23;--ink-2:#3a3d46;--muted:#5b5f6b;--line:#e3e3de;--line-strong:#cfcfc8;--line-soft:#ecece7;--you:#c2410c;--you-tint:#fdeee6;--ahead:#2e3a8c;--ahead-hover:#1e275e;--ahead-tint:#eceefa;--ahead-bar:#c9ceec;--past-bar:#dadad3;--chip-off:#f1f1ec;--font-sans:"Zen Kaku Gothic New", system-ui, sans-serif;--font-title:"Shippori Mincho", serif;--page:1200px;--gutter:24px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font-sans);margin:0;line-height:1.6}a{color:var(--ahead)}a:hover{color:var(--ahead-hover)}:focus-visible{outline:3px solid var(--ahead);outline-offset:2px}.wrap{max-width:var(--page);padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=480px){:root{--gutter:16px}}.site-header{border-bottom:1px solid var(--line)}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:64px;display:flex}.logo{color:var(--ink);letter-spacing:.02em;font-size:20px;font-weight:900;text-decoration:none}.logo span{color:var(--you)}.site-nav{flex-wrap:wrap;gap:4px 20px;font-size:14px;display:flex}.site-nav a{color:var(--ink-2);padding:10px 0;text-decoration:none}.site-nav a:hover{color:var(--ink);text-decoration:underline}.site-footer{border-top:1px solid var(--line);background:var(--sunken);margin-top:24px}.site-footer .wrap{color:var(--muted);flex-direction:column;gap:10px;padding-top:32px;padding-bottom:40px;font-size:13px;line-height:1.8;display:flex}.site-footer p{margin:0}.site-footer .disclosure{color:var(--ink-2);font-weight:700}.hero{flex-wrap:wrap;align-items:flex-end;gap:40px;padding-top:56px;padding-bottom:40px;display:flex}.hero-text{flex-direction:column;flex:440px;gap:20px;min-width:0;display:flex}.eyebrow{color:var(--ahead);letter-spacing:.06em;margin:0;font-size:15px;font-weight:700}.hero h1{letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:clamp(48px,7.5vw,112px);font-weight:900;line-height:1.02}.hero h1 .age{color:var(--you);font-variant-numeric:tabular-nums}.lead{color:var(--ink-2);max-width:30em;margin:0;font-size:18px;line-height:1.8}.panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;flex:380px;gap:24px;min-width:0;padding:28px;display:flex}@media (width<=480px){.hero{gap:28px;padding-top:32px}.panel{padding:20px}.lead{font-size:16px}}.field{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.field-label{color:var(--ink-2);padding:0;font-size:14px;font-weight:700}.age-row{align-items:baseline;gap:8px;display:flex}.age-input{width:120px;font:inherit;border:1.5px solid var(--line-strong);color:var(--ink);background:var(--ground);border-radius:12px;padding:4px 12px;font-size:40px;font-weight:900}.age-input[aria-invalid=true]{border-color:var(--you)}.age-unit{font-size:20px;font-weight:700}.age-error{color:var(--you);margin:0;font-size:14px;font-weight:700}.age-error:empty{display:none}input[type=range]{width:100%;accent-color:var(--you);min-height:32px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:500;display:inline-flex}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.chip svg{flex:none}.segs{background:var(--chip-off);border-radius:12px;gap:4px;padding:4px;display:flex}.seg{min-height:44px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1 1 0;padding:0 8px;font-size:15px;font-weight:700}.seg[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000024}.results{flex-direction:column;gap:48px;padding-bottom:32px;display:flex}.notice{text-align:center;background:var(--surface);border:1px dashed var(--line-strong);color:var(--ink-2);border-radius:16px;margin:0;padding:40px 24px;font-size:16px}.notice button{margin-top:16px}.btn{border:1.5px solid var(--ink);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:0 20px;font-size:15px;font-weight:700}.box{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px 28px}@media (width<=480px){.box{padding:20px}}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:20px;display:flex}.section-head h2{margin:0;font-size:18px;font-weight:700}.section-head p{color:var(--muted);margin:0;font-size:14px}.ruler{align-items:flex-end;gap:6px;height:132px;display:flex}.tick{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:0;display:flex}.bar{background:var(--ahead-bar);border-radius:6px 6px 2px 2px;width:100%;max-width:40px}.tick.past .bar{background:var(--past-bar)}.tick.you .bar{background:var(--you)}.cnt,.lab{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.lab{font-size:13px}.tick.you .cnt,.tick.you .lab{color:var(--you);font-weight:700}.ruler.dense .lab{font-size:11px}.ruler.dense .tick:not(.you):nth-child(2n) .lab{visibility:hidden}.legend{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin-top:20px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:12px;height:12px}.picks h2{margin:0 0 20px;font-size:28px;font-weight:900}.picks h2 em{color:var(--you);font-style:normal}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:16px;display:grid}.pick{background:var(--ink);color:#fff;border-radius:16px;flex-direction:column;gap:12px;min-height:180px;padding:20px;display:flex}.pick .g{color:#c8cad1;align-items:center;gap:6px;font-size:12px;display:inline-flex}.pick .t{font-family:var(--font-title);overflow-wrap:anywhere;flex-grow:1;font-size:24px;font-weight:700;line-height:1.35}.pick .t a{color:inherit;text-decoration:none}.pick .t a:hover{text-decoration:underline}.pick-note{color:#c8cad1;margin-top:-6px;font-size:12px}.pick .by{color:#e6e7eb;font-size:14px}.pick .by span{color:#fdba8c;font-variant-numeric:tabular-nums;margin-left:8px}.list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.list-head h2{margin:0;font-size:22px;font-weight:700}.list-head h2 small{color:var(--muted);margin-left:12px;font-size:14px;font-weight:500}.filters{flex-wrap:wrap;gap:8px 16px;display:flex}.filters label{color:var(--ink-2);align-items:center;gap:8px;font-size:14px;display:inline-flex}.filters select{font:inherit;border:1.5px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--ink);border-radius:10px;padding:0 12px;font-size:14px}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-items:start;gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;padding:20px 22px 14px;display:flex}.card .g{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.card .g span{align-items:center;gap:6px;display:inline-flex}.card .who{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:4px;display:flex}.card h3{margin:0;font-size:24px;font-weight:700}.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{text-decoration:underline}.card .life{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.row{border-top:1px solid var(--line-soft);grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 0;display:grid}.row.same{background:var(--you-tint);border-top-color:#0000;border-radius:10px;margin:0 -12px;padding:12px}.row.extra{display:none}.card.open .row.extra{display:grid}.yr{font-variant-numeric:tabular-nums;color:var(--muted);padding-top:4px;font-size:14px}.ttl{font-family:var(--font-title);color:var(--ink);overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.45}.ttl a{color:inherit;text-decoration:none}.ttl a:hover{text-decoration:underline}.note{color:var(--muted);font-size:12px}.work-main{flex-direction:column;gap:2px;min-width:0;display:flex}.work-side{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.age-pill{background:var(--chip-off);color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.row.same .age-pill{background:var(--you);color:#fff}.row.future .age-pill{background:var(--ahead-tint);color:var(--ahead)}.tag{white-space:nowrap;color:var(--ahead);font-size:12px;font-weight:700}.row.same .tag{color:var(--you)}.shops{color:var(--muted);flex-wrap:wrap;align-items:center;gap:2px 10px;margin-top:2px;font-size:12px;display:flex}.shops a{color:var(--muted);padding:4px 0}.shops a:hover{color:var(--ink)}.pr{border:1px solid #8e919a;border-radius:3px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px}.more{min-height:44px;font:inherit;color:var(--ahead);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0 4px;font-size:14px;font-weight:700}.card.open .more{display:none}.gone{background:var(--sunken);border-radius:16px;padding:18px 24px}.gone summary{cursor:pointer;color:var(--ink-2);min-height:28px;font-size:16px;font-weight:700}.gone-body{flex-direction:column;gap:14px;padding-top:16px;display:flex}.gone-body p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.gone-item{border-top:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding-top:12px;display:flex}.gone-item b{font-size:17px}.gone-item .meta{color:var(--muted);font-size:13px}.gone-item .last{color:var(--ink-2);font-size:14px}.gone-item .last span{font-family:var(--font-title);font-weight:700}.nearest{text-align:left;flex-direction:column;gap:8px;margin-top:16px;display:flex}.ad-slot{min-height:120px}.skeleton{background:linear-gradient(90deg, var(--sunken), #ececea, var(--sunken));background-size:200% 100%;border-radius:16px;height:120px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.prose{max-width:760px;padding-top:48px;padding-bottom:48px}.prose h1{margin:0 0 24px;font-size:36px;font-weight:900}.prose h2{margin:40px 0 12px;font-size:20px}.prose p,.prose li{color:var(--ink-2);font-size:16px;line-height:1.9}.prose table{border-collapse:collapse;width:100%;font-size:15px}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 12px}.prose .table-box{overflow-x:auto}.link-btn{min-height:44px;font:inherit;color:var(--ahead);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0 2px;font-size:14px;font-weight:700;text-decoration:underline}.link-btn:hover{color:var(--ahead-hover)}