:root{--paper:#f7f5ef;--white:#fffefa;--ink:#302f2b;--muted:#827f75;--line:#e5e1d7;--green:#5c6d5b;--terracotta:#bb6f55;--serif:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;--sans:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.wrap{width:min(1060px,calc(100% - 56px));margin-inline:auto}.site-header{height:86px;border-bottom:1px solid #e9e5db;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1150px)/2),38px);background:rgba(247,245,239,.95)}.brand{text-decoration:none;display:flex;align-items:center;gap:10px}.brand-mark{height:39px;width:39px;display:grid;place-items:center;border:1px solid #b9a995;border-radius:50%;font:20px var(--serif);color:#8e6755}.brand-text{font-family:var(--serif);font-size:16px;font-weight:700;letter-spacing:.05em;line-height:1.3}.brand-text small{display:block;font:8px var(--sans);letter-spacing:.18em;color:#a39b8b;margin-top:5px}.header-nav{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:700;letter-spacing:.04em}.header-nav a,.plain-button{text-decoration:none;color:#6c685e}.plain-button{border:0;background:transparent;padding:6px 0}.plain-button span{font-size:15px;margin-left:5px;color:#b56c55}.intro{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:82px;align-items:center;padding-block:82px 92px;min-height:535px}.intro-copy{padding-bottom:10px}.eyebrow,.section-kicker,.more-label,.dialog-kicker{color:var(--terracotta);font-size:10px;font-weight:700;letter-spacing:.15em}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:22px;height:1px;background:var(--terracotta)}h1,h2,p{margin:0}.intro h1{font:700 clamp(52px,6.2vw,75px)/1.35 var(--serif);letter-spacing:.12em;margin:29px 0 20px}.intro h1 em{font-style:normal}.period{color:var(--terracotta)}.intro-lead{font:500 19px/1.9 var(--serif);letter-spacing:.08em}.intro-desc{font-size:12px;line-height:2.1;color:#827c6f;margin-top:17px;letter-spacing:.02em}.little-rule{display:flex;align-items:center;gap:12px;color:#aaa294;font-size:8px;letter-spacing:.15em;margin-top:39px}.little-rule span{width:28px;height:1px;background:#d5cec0}.intro-stamp{position:absolute;bottom:61px;left:40%;width:76px;height:76px;border:1px solid #caa997;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#b87b62;transform:rotate(-12deg);opacity:.65}.intro-stamp span{font-size:6px;letter-spacing:.1em;line-height:1.2}.intro-stamp b{font:13px var(--serif);padding:4px 0}.picker-card{position:relative;padding:24px 32px 25px;background:#fffefa;border:1px solid #e8e1d4;box-shadow:0 16px 40px rgba(95,80,59,.07)}.picker-card:before{position:absolute;content:'';inset:5px;border:1px solid #f3efe8;pointer-events:none}.card-topline{display:flex;justify-content:space-between;color:#aa9e8a;font-size:9px;letter-spacing:.15em;font-weight:700}.card-number{letter-spacing:.05em}.picker-heading{display:flex;gap:12px;align-items:center;margin-top:21px}.round-icon{color:#b8755d;background:#f6ede6;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:18px}.picker-heading h2{font:700 16px/1.4 var(--serif);letter-spacing:.04em}.picker-heading p{font-size:10px;color:#a1998c;margin-top:3px}.wheel-shell{display:grid;grid-template-columns:40px minmax(100px,180px) 75px;grid-template-rows:26px 126px 26px;justify-content:center;align-items:center;margin:15px auto 7px}.wheel-display{grid-column:2;grid-row:2;position:relative;height:126px}.wheel-marker{position:absolute;inset:42px 0;height:42px;background:#f5f3ec;border-block:1px solid #eae5da;pointer-events:none}.year-wheel{position:relative;height:126px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;padding:42px 0;-webkit-overflow-scrolling:touch}.year-wheel::-webkit-scrollbar{display:none}.year-option{height:42px;min-height:42px;display:block;width:100%;scroll-snap-align:center;text-align:center;border:0;background:transparent;color:#c4bdb0;font-family:Georgia,serif;font-size:19px;line-height:42px;letter-spacing:.06em;padding:0}.year-option[aria-selected=true]{color:#403f38;font-size:28px}.year-option:focus-visible,.wheel-arrow:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ae735c;outline-offset:3px}.wheel-arrow{grid-column:2;background:transparent;border:0;color:#a2a08f;font-size:20px;line-height:24px;width:40px;margin:auto;z-index:1}.wheel-arrow:disabled{opacity:.25}.wheel-arrow#year-down{grid-row:1}.wheel-arrow#year-up{grid-row:3}.wheel-unit{grid-column:3;grid-row:2;color:#8b867b;font-size:12px;align-self:center;padding-left:8px}.direct-year{display:flex;align-items:center;justify-content:center;gap:6px;color:#999185;font-size:10px;min-height:28px;margin-bottom:9px}.direct-year label{border-bottom:1px solid #d4c9bb}.direct-year input{width:57px;height:26px;padding:0 3px;text-align:center;border:1px solid #e5e0d7;background:white;color:#605c54;border-radius:2px}.direct-year .error{color:#a4443d}.primary-button{width:100%;position:relative;background:#5c6d5b;color:white;border:0;min-height:50px;font-weight:700;font-size:12px;letter-spacing:.1em}.primary-button span{position:absolute;right:18px;font-size:16px;top:11px;font-weight:400}.primary-button:hover{background:#4b5d4a}.picker-note{text-align:center;color:#aaa294;font-size:9px;margin-top:12px}.guide-strip{background:#eeeae0;border-block:1px solid #e9e3d8}.guide-inner{display:flex;justify-content:center;align-items:center;gap:35px;min-height:62px;color:#817c70;font-size:11px;letter-spacing:.05em}.guide-inner b{font:italic 13px Georgia,serif;color:#b87258;margin-right:8px}.guide-inner i{height:1px;width:28px;background:#d2c9bb}.timeline-section{padding-top:92px;padding-bottom:96px;scroll-margin-top:18px}.section-kicker{display:flex;gap:10px;font-family:Georgia,serif;font-weight:400}.section-kicker span:last-child{color:#aaa294;font:10px var(--sans);letter-spacing:.07em}.timeline-heading{display:flex;align-items:end;justify-content:space-between;margin:15px 0 25px}.timeline-heading h2{font:700 36px/1.4 var(--serif);letter-spacing:.08em}.timeline-heading h2 span{color:#697766}.timeline-heading p{font-size:12px;color:#898377;margin-top:6px}.timeline-heading p strong{font:20px Georgia,serif;color:#7e6757;margin-right:3px}.outline-button{background:transparent;border:1px solid #d9d2c4;color:#716b60;padding:9px 16px;font-size:11px}.outline-button:hover{background:#eeebe3}.outline-button span{font-size:14px;color:#b8735c;margin-right:5px}.overview{background:#eeeae0;border:1px solid #e7e1d6;display:flex;gap:27px;align-items:center;padding:22px 29px}.overview>div:not(.overview-divider){display:flex;flex-direction:column;min-width:150px}.overview div>span{color:#a29a8c;font-size:9px;letter-spacing:.14em;font-weight:700}.overview strong{font:27px/1.35 Georgia,serif;color:#595d4d;white-space:nowrap;margin-top:5px}.overview strong i{font:16px Georgia,serif;font-style:normal;color:#b7ad9c;padding:0 8px}.overview strong small{font:11px var(--sans);color:#8d877c;margin-left:6px}.overview-divider{height:42px;width:1px;background:#d8d1c4}.overview p{font-size:10px;color:#989082;margin-left:auto}.controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:31px;padding-bottom:18px;border-bottom:1px solid #ded9ce}.filter-wrap{display:flex;flex-wrap:wrap;gap:7px}.filter{border:1px solid #e0dbd0;background:transparent;border-radius:20px;color:#817b70;padding:6px 13px;font-size:11px;line-height:1.4}.filter.active{color:#fff;background:#6a7967;border-color:#6a7967}.sort-button{border:0;background:none;white-space:nowrap;color:#858073;font-size:11px;padding:6px 0}.sort-button span{font-size:16px;margin-left:3px}.timeline-meta{display:flex;justify-content:space-between;color:#a79f91;font:9px Georgia,serif;letter-spacing:.12em;padding:20px 0}.meta-dot{display:inline-block;width:5px;height:5px;background:#bc8066;border-radius:50%;vertical-align:middle;margin-right:6px}.timeline-list{position:relative}.timeline-list:before{content:'';position:absolute;left:131px;top:20px;bottom:20px;width:1px;background:#dcd4c7}.year-row{display:grid;grid-template-columns:132px 1fr;position:relative;padding-bottom:18px}.year-col{padding:8px 23px 0 0;text-align:right;position:relative}.year-col:after{content:'';position:absolute;right:-4px;top:26px;width:7px;height:7px;border-radius:50%;background:#bd8b71;box-shadow:0 0 0 5px var(--paper)}.year-number{font:25px Georgia,serif;letter-spacing:.02em}.year-era{display:block;font-size:10px;color:#aaa193;margin-top:4px}.event-card{margin-left:31px;background:var(--white);border:1px solid #ebe5da;padding:16px 22px}.event-header{display:flex;align-items:center;gap:10px;padding-bottom:9px;border-bottom:1px solid #f0ece5}.age-pill{color:#a56b55;background:#f5ece5;border-radius:3px;font-size:10px;font-weight:700;padding:2px 8px}.age-birth{color:#65755e;background:#eef1e9}.year-label{font-size:10px;color:#b1a99b}.event-items{list-style:none;margin:0;padding:1px 0}.event-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0}.event-item+.event-item{border-top:1px solid #f3f0e9}.category{flex:none;min-width:51px;padding:3px 6px;border-radius:2px;background:#f2f0ea;color:#8b8477;font-size:9px;text-align:center;line-height:1.5}.category[data-category=ニュース]{background:#f5ece7;color:#a97560}.category[data-category=文化]{background:#eff0e8;color:#758169}.category[data-category=スポーツ]{background:#edf1f0;color:#788f8c}.event-text{flex:1;font-family:var(--serif);font-size:13px;font-weight:700;line-height:1.65;letter-spacing:.02em}.event-source{flex:none;font-size:10px;color:#aaa293;text-decoration:none;white-space:nowrap;padding-top:2px}.event-source:hover{color:#ae6b54;text-decoration:underline}.empty-year{font-size:11px;color:#aca598;padding:8px 0}.timeline-end{display:flex;align-items:center;justify-content:center;gap:14px;margin:35px 0 22px;font:13px var(--serif);color:#a19a8e}.timeline-end span{width:35px;height:1px;background:#dfd8cc}.timeline-note{font-size:10px;color:#a39b8e;text-align:center;line-height:1.9}.more-section{background:#e9e8dd;border-block:1px solid #e1e2d6}.more-inner{display:flex;align-items:center;gap:25px;padding-block:56px;position:relative}.more-icon{border:1px solid #bdc5b4;color:#7b8c73;width:48px;height:48px;display:grid;place-items:center;font-size:25px;align-self:flex-start;margin-top:8px}.more-label{color:#84917d}.more-inner h2{font:700 25px/1.6 var(--serif);letter-spacing:.05em;margin:8px 0}.more-inner p{font-size:11px;color:#858879;line-height:2}.more-link{background:none;border:0;border-bottom:1px solid #819079;color:#6c7d66;font-size:11px;font-weight:700;padding:0 0 5px;margin-top:17px;letter-spacing:.03em}.more-link span{margin-left:10px}.more-deco{margin-left:auto;width:150px;height:150px;border:1px solid #c3cbb9;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#9aaa94;transform:rotate(10deg)}.more-deco span{font:9px Georgia,serif;letter-spacing:.14em}.more-deco b{font:30px Georgia,serif;letter-spacing:.05em;padding:5px}footer{background:#f5f3ed}.footer-inner{display:flex;align-items:center;gap:20px;padding-block:35px}.footer-brand{font:700 16px var(--serif)}.footer-brand span{color:var(--terracotta)}.footer-inner p,.footer-inner small{font-size:10px;color:#aaa295}.footer-inner small{margin-left:auto}dialog{border:1px solid #e5ded1;background:#fffefa;color:var(--ink);width:min(480px,calc(100% - 34px));padding:0;box-shadow:0 20px 100px rgba(48,43,37,.18)}dialog::backdrop{background:rgba(51,49,43,.48)}.dialog-inner{padding:34px;position:relative}.dialog-close{position:absolute;right:17px;top:10px;border:0;background:none;font-size:26px;color:#a69d90}.dialog-inner h2{font:700 24px var(--serif);margin:14px 0}.dialog-inner>p{font-size:12px;color:#827b70;line-height:2}.sample-title{font:700 13px var(--serif);margin-top:24px}.sample-title span{font:9px Georgia,serif;letter-spacing:.1em;color:#af8c78;margin-left:6px}.sample-list{list-style:none;padding:0;border-top:1px solid #eee8dc;margin:10px 0 20px}.sample-list li{border-bottom:1px solid #eee8dc;padding:10px 0;font-size:12px;display:flex;gap:12px}.sample-list li span{color:#a8745d;min-width:75px}.sample-list a{margin-left:auto;color:#a49a8b;text-decoration:none}.dialog-inner .dialog-note{font-size:10px;margin-bottom:20px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#4e5e4c;color:white;font-size:12px;padding:10px 17px;opacity:0;pointer-events:none;transition:.2s;z-index:10;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}.sp-only{display:none}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.site-header{height:70px;padding:0 18px}.brand-mark{height:35px;width:35px;font-size:18px}.brand-text{font-size:14px}.brand-text small{font-size:7px}.header-nav{gap:0;font-size:10px}.header-nav a{display:none}.intro{display:block;min-height:auto;padding-top:48px;padding-bottom:39px}.intro-copy{padding-bottom:0}.eyebrow{font-size:9px}.intro h1{font-size:53px;line-height:1.25;margin:22px 0 16px}.intro-lead{font-size:16px;line-height:1.7}.intro-desc{font-size:11px;margin-top:13px;line-height:1.9}.little-rule{margin:21px 0 26px;font-size:7px}.intro-stamp{left:auto;right:4px;top:54px;bottom:auto;width:68px;height:68px}.picker-card{padding:20px 20px 19px}.picker-heading{margin-top:15px}.picker-heading h2{font-size:15px}.wheel-shell{margin-top:8px}.guide-inner{justify-content:space-between;gap:6px;font-size:9px;min-height:58px}.guide-inner b{font-size:11px;margin-right:3px}.guide-inner i{width:8px;flex:none}.timeline-section{padding-top:55px;padding-bottom:60px}.section-kicker{font-size:9px}.section-kicker span:last-child{font-size:9px}.timeline-heading{align-items:start;margin-top:12px}.timeline-heading h2{font-size:30px}.timeline-heading p{font-size:10px}.timeline-heading p strong{font-size:18px}.outline-button{padding:7px 9px;font-size:10px;margin-top:5px}.overview{padding:16px 15px;gap:15px;flex-wrap:wrap}.overview>div:not(.overview-divider){min-width:auto;flex:1}.overview strong{font-size:22px}.overview strong i{padding:0 3px}.overview strong small{font-size:9px}.overview-divider{height:35px}.overview p{width:100%;font-size:9px;line-height:1.7;margin-left:0}.controls{margin-top:24px;gap:8px;align-items:start}.filter-wrap{gap:5px}.filter{font-size:10px;padding:6px 9px}.sort-button{font-size:10px}.timeline-meta{font-size:8px;padding:17px 0}.timeline-list:before{left:73px}.year-row{grid-template-columns:74px 1fr;padding-bottom:13px}.year-col{padding:6px 13px 0 0}.year-col:after{top:22px}.year-number{font-size:20px}.year-era{font-size:8px}.event-card{margin-left:17px;padding:13px 12px}.event-item{gap:8px;padding:9px 0;flex-wrap:wrap}.category{font-size:8px;min-width:42px;padding:3px 4px}.event-text{font-size:12px;flex-basis:calc(100% - 52px)}.event-source{margin-left:50px;font-size:9px;margin-top:-6px}.timeline-end{font-size:11px;gap:9px;margin-top:26px}.timeline-end span{width:20px}.timeline-note{font-size:9px;text-align:left}.more-inner{gap:13px;padding-block:40px}.more-icon{width:35px;height:35px;font-size:19px;flex:none}.more-inner h2{font-size:22px}.more-inner p{font-size:10px}.more-deco{position:absolute;right:3px;bottom:27px;width:77px;height:77px;opacity:.7}.more-deco b{font-size:17px;padding:2px}.more-deco span{font-size:5px}.footer-inner{display:block;padding-block:28px}.footer-inner p{margin-top:8px}.footer-inner small{display:block;margin-top:18px}.dialog-inner{padding:29px 22px}.dialog-inner h2{font-size:21px}.sp-only{display:block}}@media(max-width:360px){.guide-inner{font-size:8px}.guide-inner b{font-size:9px}.event-card{margin-left:13px}.timeline-list:before{left:65px}.year-row{grid-template-columns:66px 1fr}.year-number{font-size:18px}.filter{padding:5px 7px}}
/* A little more room for the memories behind each item. */
.category[data-category=ゲーム]{background:#edeaf2;color:#786985}
.category[data-category=遊び]{background:#f8efe5;color:#a47750}
.event-body{flex:1;min-width:0}
.event-body .event-text{display:block}
.event-detail{margin-top:4px;color:#777064;font-size:12px;line-height:1.75;font-weight:400;letter-spacing:.02em}
@media(max-width:700px){
  .controls{display:block}
  .filter-wrap{gap:6px}
  .sort-button{display:block;margin:10px 0 0 auto}
  .event-body{flex:1 1 calc(100% - 52px)}
  .event-detail{font-size:11px;line-height:1.75}
}
/* Compact, expandable year rows and separate region controls. */
[hidden]{display:none!important}
.timeline-section{padding-top:64px;padding-bottom:75px}
.view-switch{display:flex;gap:8px;align-items:stretch;margin:14px 0 18px;border-bottom:1px solid #ded9ce}
.view-button{background:transparent;border:0;border-bottom:2px solid transparent;color:#8b857a;padding:10px 13px;font-weight:700;font-size:12px;letter-spacing:.03em}
.view-button.active{border-bottom-color:#687a65;color:#52664f}
.view-button small{font-size:9px;font-weight:400;color:#aa816d;margin-left:3px}
.timeline-heading{margin:0 0 18px}.timeline-heading h2{font-size:31px}
.overview{padding:14px 22px;gap:22px}.overview strong{font-size:23px}.overview-divider{height:34px}
.history-tools{background:#f0ece2;border:1px solid #e7e0d4;padding:14px 19px;display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.history-tools>div{display:flex;gap:9px;align-items:center}.history-tools label{font-size:11px;color:#716b60;font-weight:700}
.history-tools select,.history-tools input{height:34px;border:1px solid #d9d0c1;border-radius:2px;background:#fffefa;color:#5c584e;padding:0 8px;font:12px var(--sans)}
.history-tools>p{flex-basis:100%;color:#8b8275;font-size:10px;line-height:1.6}
.history-year-search{font-size:11px;color:#6e776a}.history-year-search summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.history-year-search form{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px}.history-year-search input{width:95px}.history-year-search button{height:34px;background:#62745f;color:#fff;border:0;padding:0 12px;font-size:11px}.history-year-search button:last-child{background:transparent;color:#817b70;border:1px solid #d4cec2}
.controls{display:block;margin-top:20px;padding-bottom:13px;border-bottom:1px solid #ded9ce}
.filter-line{display:flex;align-items:flex-start;gap:12px;margin-top:9px}.filter-label{font-size:10px;color:#a19787;min-width:50px;padding-top:6px}
.scope-wrap,.filter-wrap{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.scope,.filter{border:1px solid #e0dbd0;background:transparent;border-radius:18px;color:#817b70;padding:5px 11px;font-size:11px;line-height:1.4}
.scope.active,.filter.active{color:#fff;background:#6a7967;border-color:#6a7967}
.timeline-meta{padding:11px 0;align-items:center;font:10px var(--sans);letter-spacing:.04em}
.list-actions{display:flex;gap:17px;align-items:center}.list-actions .sort-button{font-size:11px;margin:0;white-space:nowrap}
.timeline-list:before{left:110px;top:13px;bottom:14px}
.year-row{grid-template-columns:111px 1fr;padding-bottom:9px}
.year-col{padding:5px 18px 0 0}.year-col:after{top:18px}
.year-number{display:block;font-size:21px;line-height:1.3}.year-era{font-size:9px;line-height:1.4;margin:2px 0 4px}.year-col .age-pill{display:inline-block;white-space:nowrap;font-size:9px;padding:1px 5px}
.event-card{margin-left:22px;padding:0;border-color:#eae5db}.event-items{padding:0;margin:0}
.event-item{display:block;padding:0;border-top:0}.event-item+.event-item{border-top:1px solid #f0ece5}
.event-summary{display:flex;align-items:center;gap:9px;list-style:none;padding:6px 12px;min-height:36px;cursor:pointer;line-height:1.5}
.event-summary::-webkit-details-marker{display:none}.event-summary:hover{background:#f7f5ef}.event-summary:focus-visible{outline:2px solid #ae735c;outline-offset:-2px}
.event-summary .category{min-width:50px;flex:none;font-size:10px}.event-title{flex:1;min-width:0;font-family:var(--serif);font-weight:700;font-size:14px;letter-spacing:.015em}
.event-expand{width:15px;text-align:center;color:#a9a093;flex:none;font:16px/1 var(--sans)}.event-expand:before{content:'+'}.event-details[open] .event-expand:before{content:'−'}
.event-expanded{padding:0 38px 11px 71px}.event-expanded .event-detail{font-size:11px;line-height:1.75;margin:0 0 5px;color:#716c62}.event-expanded .event-source{display:inline-block;font-size:10px;margin:0;padding:0;white-space:normal}
.world-badge{display:inline-block;font-family:var(--sans);font-size:9px;font-weight:400;color:#6c8281;background:#edf1f0;border-radius:2px;padding:0 5px;vertical-align:1px;margin-left:5px}
.category[data-category=政治]{background:#eeeae9;color:#8a7471}.category[data-category=音楽]{background:#f4eaf0;color:#a37589}.category[data-category=映像]{background:#edf0f2;color:#6f8594}
.timeline-end{margin:28px 0 20px}.empty-results{background:#fffefa;padding:18px;color:#8b8377}
.historical .year-number{font-size:16px;line-height:1.4;overflow-wrap:anywhere}.historical .year-era{font-size:9px}
@media(max-width:700px){
 .timeline-section{padding-top:42px;padding-bottom:55px}.view-switch{margin:10px 0 15px}.view-button{font-size:11px;padding:9px 8px}.view-button small{font-size:8px}
 .timeline-heading h2{font-size:27px}.timeline-heading{margin-bottom:15px}.overview{padding:12px 14px;gap:9px 15px}.overview strong{font-size:20px}.overview p{font-size:9px;line-height:1.6}
 .history-tools{padding:12px;gap:9px}.history-tools>div{width:100%}.history-tools>div select{flex:1;min-width:0}.history-tools>p{font-size:10px}
 .controls{margin-top:16px;padding-bottom:10px}.filter-line{gap:6px;margin-top:8px}.filter-label{min-width:38px;font-size:9px}.scope,.filter{padding:5px 9px;font-size:10px}
 .timeline-meta{padding:10px 0;font-size:10px}.list-actions{gap:10px}.list-actions .sort-button{font-size:10px}
 .timeline-list:before{left:72px}.year-row{grid-template-columns:73px 1fr;padding-bottom:8px}.year-col{padding:5px 10px 0 0}.year-col:after{top:17px}.year-number{font-size:19px}.year-era{font-size:8px}.year-col .age-pill{font-size:8px}
 .event-card{margin-left:13px;padding:0}.event-summary{padding:7px 8px;gap:6px;min-height:37px}.event-summary .category{min-width:40px;font-size:9px;padding:3px}.event-title{font-size:13px;line-height:1.55}.event-expand{width:12px}.event-expanded{padding:0 27px 10px 54px}.event-expanded .event-detail{font-size:12px;line-height:1.7}.event-expanded .event-source{font-size:10px}
 .historical .year-number{font-size:13px}.world-badge{font-size:8px;margin-left:2px}
}
@media(max-width:360px){.timeline-list:before{left:65px}.year-row{grid-template-columns:66px 1fr}.year-number{font-size:17px}.historical .year-number{font-size:12px}.event-card{margin-left:11px}.event-summary .category{min-width:36px}.event-expanded{padding-left:49px}}
/* Memories, year portraits, personal settings and family comparison. */
.theme-toggle{border:1px solid #d8d1c4;border-radius:20px;background:transparent;color:#68695e;padding:6px 11px;font-size:11px;white-space:nowrap;line-height:1.4}
.theme-toggle span{font-size:14px;color:#ae7159;vertical-align:-1px}.theme-toggle:hover{background:#eeeae1}
.extra-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0 0;align-items:start}
.extra-panel{min-width:0;border:1px solid #e6dfd2;background:#fffefa;border-radius:3px}
.extra-panel>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:10px 12px;min-height:58px}
.extra-panel>summary::-webkit-details-marker,.year-story>summary::-webkit-details-marker{display:none}.extra-panel>summary:hover{background:#f8f6f0}
.extra-panel>summary:focus-visible,.year-story>summary:focus-visible{outline:2px solid #ae735c;outline-offset:-2px}
.panel-icon{flex:none;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f2eee5;color:#a86f59;font-size:16px}
.extra-panel>summary>span:nth-child(2){flex:1;min-width:0;line-height:1.4}.extra-panel>summary b{display:block;color:#525b4e;font-size:11px}.extra-panel>summary small{display:block;color:#9a9285;font-size:9px;margin-top:3px;font-weight:400}.extra-panel>summary strong{font-size:9px;color:#9a8777;font-weight:400;white-space:nowrap}
.panel-content{padding:0 13px 13px;border-top:1px solid #f1ede5}.panel-content>p{color:#787267;font-size:11px;line-height:1.7;margin:10px 0}
.memory-tabs,.interest-choices{display:flex;flex-wrap:wrap;gap:5px}.memory-filter,.interest-choice{border:1px solid #e0dbd0;background:transparent;border-radius:16px;color:#777166;padding:4px 9px;font-size:10px;line-height:1.5}.memory-filter.active,.interest-choice.active{border-color:#6a7967;background:#6a7967;color:#fff}
.memory-panel:has([aria-pressed=true]){min-width:0}.saved-list,.family-list{list-style:none;padding:0;margin:10px 0 0}.saved-list li,.family-list li{border-top:1px solid #f0ece4;padding:9px 0}.saved-list li>div:first-child{display:flex;flex-direction:column;gap:2px}.saved-list b,.family-list b{font-size:11px;line-height:1.5}.saved-year{font-size:9px;color:#ab806b}.saved-empty{color:#928b7e;font-size:10px;padding:10px 0 2px}
.memory-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.memory-action{border:1px solid #e2d9ce;border-radius:14px;background:transparent;color:#80776b;padding:3px 9px;font-size:10px;line-height:1.55}.memory-action span{color:#ad7b68}.memory-action.active{background:#f6e9e4;border-color:#d8ad9d;color:#925d4c}.memory-action.active span{color:#b66d58}.saved-list .memory-actions{margin-top:6px}
.family-form{display:flex;gap:7px;align-items:end;flex-wrap:wrap}.family-form label{display:flex;flex-direction:column;gap:3px;flex:1 1 90px;font-size:10px;color:#6f6b60}.family-form input{height:34px;min-width:0;width:100%;border:1px solid #ddd5c8;border-radius:2px;background:#fff;color:#393b34;padding:5px 7px;font-size:12px}.family-form button{height:34px;border:0;background:#657760;color:#fff;padding:0 11px;font-size:10px}.family-list li{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#696459}.family-list button{border:0;background:none;color:#a67561;font-size:10px;padding:0 4px}.panel-content .form-error{color:#a5423b;margin:4px 0;font-size:10px}.panel-content .privacy-note{font-size:10px;color:#918a7e;margin:8px 0 0}.age-option{display:flex;gap:6px;align-items:center;margin-top:12px;font-size:11px;color:#645f56}.age-option input{accent-color:#6a7967}
.family-age-strip{display:flex;gap:4px 12px;align-items:center;flex-wrap:wrap;background:#f3f2eb;border-bottom:1px solid #eae6dc;padding:6px 12px;color:#6f6f60;font-size:10px;line-height:1.5}.family-age-strip b{font-weight:700;color:#536b53}.family-age-heading{font-size:9px;color:#9a9486}
.year-story{background:#f6f2e9;border-bottom:1px solid #eae5da}.year-story>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;padding:7px 12px;font-size:11px;font-weight:700;color:#886750}.year-story>summary>span:first-child{color:#b47c62;font-size:13px}.story-arrow{margin-left:auto;font-size:15px;color:#a99e8d;font-weight:400}.year-story[open] .story-arrow{font-size:0}.year-story[open] .story-arrow:before{content:'−';font-size:15px}.story-body{display:grid;grid-template-columns:minmax(150px,210px) 1fr;gap:15px;padding:2px 13px 14px}.story-body.no-image{display:block}.story-body figure{margin:0}.story-body img{display:block;width:100%;height:118px;object-fit:cover;border-radius:2px}.story-body figcaption{font-size:9px;color:#9c8d7d;line-height:1.45;margin-top:4px}.story-kicker{font:9px Georgia,serif;letter-spacing:.12em;color:#b48268}.story-body p{font-family:var(--serif);font-size:13px;line-height:1.9;margin:5px 0;color:#5c5349}.story-body small{display:block;color:#a09586;font-size:9px;line-height:1.6}
/* Dark theme: retain category distinctions while keeping reading surfaces and text calm. */
html[data-theme=dark]{color-scheme:dark;--paper:#1b211e;--white:#262d28;--ink:#eeeae0;--muted:#bbb7aa;--line:#454a40;--green:#a7b79d;--terracotta:#dba184}
html[data-theme=dark] body{background:var(--paper);color:var(--ink)}
html[data-theme=dark] .site-header{background:#1b211e;border-color:#3a4038}
html[data-theme=dark] .brand-mark{color:#e0aa8d;border-color:#8d7769}
html[data-theme=dark] .header-nav a,html[data-theme=dark] .plain-button,html[data-theme=dark] .theme-toggle{color:#ded9cd}
html[data-theme=dark] .theme-toggle{border-color:#596153}html[data-theme=dark] .theme-toggle:hover{background:#333c34}
html[data-theme=dark] .picker-card,html[data-theme=dark] .event-card,html[data-theme=dark] .extra-panel{background:#262d28;border-color:#41483d;box-shadow:none}
html[data-theme=dark] .picker-card:before{border-color:#333c33}html[data-theme=dark] .wheel-marker{background:#343d34;border-color:#4d584b}
html[data-theme=dark] .year-option{color:#8b9083}html[data-theme=dark] .year-option[aria-selected=true]{color:#f2eee3}
html[data-theme=dark] .direct-year input,html[data-theme=dark] .history-tools select,html[data-theme=dark] .history-tools input,html[data-theme=dark] .family-form input{background:#202722;border-color:#566054;color:#f1ede4}
html[data-theme=dark] .guide-strip,html[data-theme=dark] .overview,html[data-theme=dark] .history-tools{background:#2b332d;border-color:#414a3d}
html[data-theme=dark] .overview strong{color:#dce6d8}html[data-theme=dark] .overview-divider{background:#5a6356}
html[data-theme=dark] .intro-desc,html[data-theme=dark] .guide-inner,html[data-theme=dark] .timeline-heading p,html[data-theme=dark] .overview p,html[data-theme=dark] .history-tools>p,html[data-theme=dark] .timeline-note,html[data-theme=dark] .timeline-meta,html[data-theme=dark] .panel-content>p,html[data-theme=dark] .panel-content .privacy-note,html[data-theme=dark] .story-body small,html[data-theme=dark] .story-body figcaption,html[data-theme=dark] .year-era,html[data-theme=dark] .saved-empty,html[data-theme=dark] .picker-note,html[data-theme=dark] .picker-heading p,html[data-theme=dark] .family-form label{color:#c0bcaf}
html[data-theme=dark] .filter-label,html[data-theme=dark] .year-label,html[data-theme=dark] .extra-panel>summary small,html[data-theme=dark] .saved-year{color:#c2b9a9}
html[data-theme=dark] .view-switch,html[data-theme=dark] .controls{border-color:#485045}html[data-theme=dark] .view-button{color:#bdb9ad}html[data-theme=dark] .view-button.active{color:#d7e9d4;border-bottom-color:#a7c6a0}
html[data-theme=dark] .scope,html[data-theme=dark] .filter,html[data-theme=dark] .memory-filter,html[data-theme=dark] .interest-choice{color:#d0cabe;border-color:#596055}
html[data-theme=dark] .scope.active,html[data-theme=dark] .filter.active,html[data-theme=dark] .memory-filter.active,html[data-theme=dark] .interest-choice.active{color:#172019;background:#b2c7a9;border-color:#b2c7a9}
html[data-theme=dark] .sort-button,html[data-theme=dark] .outline-button,html[data-theme=dark] .history-tools label,html[data-theme=dark] .age-option,html[data-theme=dark] .family-list{color:#d0cbbf}html[data-theme=dark] .outline-button{border-color:#62695d}html[data-theme=dark] .outline-button:hover{background:#313a31}
html[data-theme=dark] .timeline-list:before{background:#646658}html[data-theme=dark] .year-col:after{box-shadow:0 0 0 5px var(--paper);background:#d29a7d}
html[data-theme=dark] .age-pill{color:#e6b89d;background:#493b32}html[data-theme=dark] .age-birth{background:#38483a;color:#d6e8cf}
html[data-theme=dark] .extra-panel>summary:hover,html[data-theme=dark] .event-summary:hover{background:#313b32}html[data-theme=dark] .extra-panel>summary b{color:#e2ecdc}html[data-theme=dark] .panel-icon{background:#374237;color:#e0aa8d}
html[data-theme=dark] .panel-content,html[data-theme=dark] .event-item+.event-item,html[data-theme=dark] .saved-list li,html[data-theme=dark] .family-list li{border-color:#41493f}
html[data-theme=dark] .event-expanded .event-detail{color:#d4cec2}html[data-theme=dark] .event-source,html[data-theme=dark] .family-list button{color:#dfab91}html[data-theme=dark] .event-expand{color:#bfb8aa}
html[data-theme=dark] .category{background:#3a4038;color:#e2ddd0}html[data-theme=dark] .category[data-category=ニュース],html[data-theme=dark] .category[data-category=政治]{background:#514139;color:#f1cbb9}html[data-theme=dark] .category[data-category=ゲーム],html[data-theme=dark] .category[data-category=映像]{background:#424452;color:#d9d7ed}html[data-theme=dark] .category[data-category=遊び]{background:#504737;color:#f1d7a6}html[data-theme=dark] .category[data-category=文化],html[data-theme=dark] .category[data-category=スポーツ]{background:#3c4b3d;color:#d0e5c6}html[data-theme=dark] .category[data-category=音楽]{background:#51404b;color:#e7c8dd}
html[data-theme=dark] .world-badge{background:#344745;color:#bfdfd8}html[data-theme=dark] .memory-action{background:transparent;border-color:#6d645b;color:#e0d6c9}html[data-theme=dark] .memory-action.active{background:#60483f;border-color:#a67868;color:#ffe3d6}
html[data-theme=dark] .family-age-strip{background:#303a31;border-color:#495447;color:#d4d5c5}html[data-theme=dark] .family-age-strip b{color:#d0e9c8}html[data-theme=dark] .family-age-heading{color:#bfc4b3}
html[data-theme=dark] .year-story{background:#34342c;border-color:#4b493b}html[data-theme=dark] .year-story>summary{color:#efc6a9}html[data-theme=dark] .story-body p{color:#f1e8d9}html[data-theme=dark] .story-kicker{color:#e4ad8e}
.story-body p+p{margin-top:10px}.story-body .story-age{font-family:var(--sans);font-size:11px;font-weight:700;color:#886750;margin:5px 0 10px}html[data-theme=dark] .story-body .story-age{color:#efc6a9}
html[data-theme=dark] .more-section{background:#283329;border-color:#3e4d3d}html[data-theme=dark] .more-inner p,html[data-theme=dark] .more-label{color:#c4d0bd}html[data-theme=dark] .more-link{color:#c6dfbd}html[data-theme=dark] footer{background:#202722}html[data-theme=dark] .footer-inner p,html[data-theme=dark] .footer-inner small{color:#bbb7ab}html[data-theme=dark] .empty-results{background:#262d28;color:#ccc5b8}
@media(max-width:700px){.header-nav{gap:8px}.theme-toggle{padding:5px 8px;font-size:10px}.extra-panels{grid-template-columns:1fr;gap:6px;margin-top:10px}.extra-panel>summary{min-height:48px;padding:8px 10px}.extra-panel>summary small{font-size:9px}.panel-content{padding:0 10px 10px}.family-age-strip{padding:5px 8px;font-size:9px;gap:3px 8px}.year-story>summary{font-size:10px;padding:7px 8px}.story-body{display:block;padding:3px 9px 12px}.story-body img{height:115px}.story-body figure{margin-bottom:8px}.story-body p{font-size:12px}.memory-action{font-size:10px}}
@media(max-width:360px){.header-nav{gap:5px}.plain-button{font-size:9px}.theme-toggle{font-size:9px;padding:5px 6px}.extra-panel>summary small{font-size:8px}}
.story-body p{font-size:14px;line-height:1.9;max-width:72ch}.story-body small{font-size:10px}
@media(max-width:700px){.story-body p{font-size:13px}}
/* A single memory panel and a touch-friendly heart control. */
.move-notice{margin-top:22px;padding:18px 22px;border:1px solid var(--line);border-radius:4px;background:var(--white);line-height:1.8;font-size:13px}
.move-notice[hidden]{display:none}.move-notice h2{font-size:17px;margin:0 0 8px}.move-notice p{margin:6px 0}.move-notice a{color:var(--green);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.memory-transfer{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.memory-transfer .outline-button{font-size:11px;padding:9px 12px;min-height:40px}.panel-content #memory-transfer-status{font-size:11px;line-height:1.7}
.extra-panels{grid-template-columns:minmax(0,1fr)}
.memory-action{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:4px;border-radius:50%;font-size:19px;line-height:1}
.memory-action span{line-height:1}
