.h-page{font-size:22px}.h-sec{font-size:20px}.h-sub{margin-top:16px;font-size:15px}.timeline-app{gap:20px;min-width:0;display:grid}.next{background:linear-gradient(135deg, color-mix(in srgb, var(--kc,var(--accent)) 12%, var(--surface)), var(--surface) 75%);color:var(--ink);border:1px solid color-mix(in srgb, var(--kc,var(--accent)) 25%, var(--line));border-radius:var(--r);box-shadow:var(--shadow);gap:6px;padding:20px 20px 18px;display:grid}.next .eyebrow{color:var(--kc,var(--accent))}.next .h-next{font-size:22px}.next .when{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.next .days{font-family:var(--display);color:var(--kc,var(--accent));font-size:34px;line-height:1}.next .days small{margin-left:2px;font-size:15px}.next .span{color:var(--muted);font-size:14px}.next .btn{justify-self:start;margin-top:6px}details.editor>summary,details.settings>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;font-weight:700;list-style:none;display:flex}details.editor>summary::-webkit-details-marker,details.settings>summary::-webkit-details-marker{display:none}details.editor>summary:after,details.settings>summary:after{content:"＋";color:var(--accent);font-weight:700}details.editor[open]>summary:after,details.settings[open]>summary:after{content:"－"}.fam-list{gap:10px;margin-top:8px;display:grid}.person{background:var(--sunk);border-left:4px solid var(--kc);border-radius:12px;grid-template-columns:1fr 1fr;gap:8px 10px;padding:12px;display:grid}.person .full{grid-column:1/-1}.person .pill.full{justify-self:start}.person .head{grid-column:1/-1;justify-content:space-between;align-items:center;min-height:44px;display:flex}.person .head b{align-items:center;gap:6px;display:inline-flex}.add-row{margin-top:10px}.reset-row{margin-top:14px}.parents{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:8px;display:grid}.tl-title-row{justify-content:space-between}.kid-filter{scrollbar-width:none;top:var(--head-h);z-index:4;-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fbfaf7eb;gap:6px;margin-inline:-16px;padding-block:8px;padding-inline:16px;display:flex;position:sticky;overflow-x:auto}.kid-filter::-webkit-scrollbar{display:none}.kchip{border:2px solid var(--kc,var(--muted));background:color-mix(in srgb, var(--kc,var(--muted)) 12%, var(--surface));cursor:pointer;min-height:44px;color:var(--ink);border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.kchip:before{content:"✓";color:var(--kc,var(--muted));font-size:12px}.kchip[aria-pressed=false]{border:2px dashed var(--line);background:var(--surface);color:var(--muted)}.kchip[aria-pressed=false]:before{content:"＋";color:var(--muted)}.kchip[aria-pressed=false] .kdot{opacity:.35}.kchip.all:before{content:none}.kchip.all[aria-pressed=false]{color:var(--ink);border-style:solid}.kdot{background:var(--kc);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.tl-fold>summary{border:1px dashed var(--line);background:var(--surface);min-height:44px;color:var(--muted);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:700;list-style:none;display:flex}.tl-fold>summary::-webkit-details-marker{display:none}.tl-fold>summary:after{content:"表示する";color:var(--accent);margin-left:auto;font-size:13px}.tl-fold[open]>summary:after{content:"隠す"}.tl-fold[open]>summary{margin-bottom:12px}.tl-fold[data-fold=past]{margin-bottom:4px}.tl-fold[data-fold=far]{margin-top:4px}.tl{margin:0;padding:0;list-style:none}.tl-row{grid-template-columns:52px 24px minmax(0,1fr);column-gap:8px;display:grid}.tl-axis{position:relative}.tl-axis:before{content:"";background:var(--line);width:2px;position:absolute;top:0;bottom:0;left:11px}.tl-row:first-child .tl-axis:before{top:18px}.tl-row:last-child .tl-axis:before{bottom:calc(100% - 18px)}.tl-dot{background:var(--surface);border:3px solid var(--kc,var(--accent));border-radius:50%;width:14px;height:14px;position:absolute;top:14px;left:5px}.tl-date{text-align:right;align-content:start;padding-top:9px;line-height:1.2;display:grid}.tl-date b{font-size:16px}.tl-date small{color:var(--muted);font-size:11px}.tl-date small.wd6{color:var(--sat)}.tl-date small.wd0{color:var(--sun)}.tl-card{text-align:left;border:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;color:var(--ink);border-radius:12px;justify-items:start;gap:2px;min-width:0;margin-bottom:10px;padding:8px 12px;text-decoration:none;display:grid}a.tl-card:hover{border-color:var(--kc)}.tl-name{flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0;display:flex}.tl-name b{overflow-wrap:anywhere}.kname{color:var(--kc);font-size:12px;font-weight:700}.tl-sub{color:var(--muted);font-size:12px}.tl-row.past .tl-card,.tl-row.past .tl-date{opacity:.45}.tl-row.past .tl-dot{background:var(--kc);opacity:.45}.tl-row.alt .tl-card{background:0 0;border-style:dashed}.tl-row.alt .tl-dot{border-style:dotted}.tl-row.is-next .tl-card{border:2px solid var(--kc);background:color-mix(in srgb, var(--kc) 10%, var(--surface))}.tl-row.is-next .tl-dot{background:var(--kc);box-shadow:0 0 0 4px color-mix(in srgb, var(--kc) 20%, transparent)}.tl-row.is-birth .tl-card{background:var(--sunk);border-color:#0000}.tl-row.is-birth .tl-dot{background:var(--kc)}.tl-year .tl-date{font-family:var(--display);padding-top:14px;font-size:20px;font-weight:700}.tl-mark{background:var(--muted);border-radius:6px;width:18px;height:18px;position:absolute;top:18px;left:3px}.tl-year .tl-body{gap:6px;padding:14px 0 12px;display:grid}.tl-year.now .tl-mark{background:var(--accent)}.wareki{color:var(--muted);align-items:center;gap:8px;padding-top:5px;font-size:13px;display:flex}.ages{flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.age{color:var(--kc);align-items:center;gap:4px;font-weight:700;display:inline-flex}.age.parent{color:var(--muted);font-weight:400}.tl-today .tl-date{color:var(--sun);padding-top:4px;font-size:13px;font-weight:700}.tl-today .tl-body{color:var(--sun);border-top:2px dashed var(--sun);margin-top:12px;padding:4px 0 14px;font-size:13px;font-weight:700}.tl-today .tl-dot{border-color:var(--sun);background:var(--sun);top:6px}@keyframes tl-flash{0%{box-shadow:0 0 0 4px var(--kc,var(--accent))}to{box-shadow:0 0 #0000}}.tl-card.flash{animation:1.6s ease-out tl-flash}@media (prefers-reduced-motion:reduce){.tl-card.flash{outline:2px solid var(--kc,var(--accent));animation:none}}@media (width<=480px){.person,.parents{grid-template-columns:1fr}}