@font-face {font-family:DotGothic16;src:url('./fonts/DotGothic16-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#030b07;--panel:#06110c;--inset:#020805;--green:#54fa8b;--text:#9ad6ab;--muted:#78a486;--faint:#456c50;--amber:#e8bb65;--border:#234b32;--line:#193324;--font:DotGothic16,'MS Gothic',monospace;font:16px/1.6 var(--font);font-synthesis:none;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;background-image:linear-gradient(#23643709 1px,transparent 1px),linear-gradient(90deg,#23643709 1px,transparent 1px);background-size:32px 32px}body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(transparent 0 3px,#00000017 3px 4px)}button,input,select{font:inherit}button{cursor:pointer}button,input,select{border-radius:2px}button:disabled{opacity:.35;cursor:default}button:not(:disabled):hover{border-color:var(--green);color:var(--green);background:#14351f}a{color:var(--green);text-underline-offset:4px}a:hover{color:#b4ffc8}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:3px}::selection{background:var(--green);color:var(--bg)}[hidden]{display:none!important}
.wrap{width:calc(100% - 48px);max-width:1060px;margin-inline:auto}.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0 22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:25px;line-height:1.2;letter-spacing:1px}.brand-pi{display:grid;place-items:center;width:44px;height:44px;background:var(--green);color:var(--bg);font-size:33px;line-height:1;border-radius:3px;padding-bottom:7px}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:7px;letter-spacing:.08em}nav{display:flex;gap:8px;font-size:12px}nav a{border:1px solid var(--border);border-radius:2px;padding:7px 13px;color:var(--text);text-decoration:none}nav a:hover{border-color:var(--green)}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:4px;margin-bottom:16px;padding:18px 22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.panel-heading h1,.panel-heading h2{margin:0;font:400 16px/1.5 var(--font);color:var(--amber);border-left:3px solid var(--amber);padding-left:10px}.panel-note,.status{font-size:11px;color:var(--muted);text-align:right}.status{color:var(--green)}.status::before{content:'■';font-size:8px;margin-right:8px}
.overview{padding-bottom:12px}.overview .panel-heading{margin-bottom:12px}.overview-metrics{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:20px;align-items:end}.overview-metrics>div+div{border-left:1px solid var(--line);padding-left:22px}.stat-label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.overview-metrics strong{font-size:24px;line-height:1.6;font-weight:400;color:var(--green);white-space:nowrap}.overview-metrics .metric-main strong{font-size:31px;color:var(--amber)}.overview-metrics strong small{font:12px var(--font);color:var(--muted)}.overview-metrics .date-range{font-size:17px}.scan-track{height:5px;margin:14px 0 10px;background:repeating-linear-gradient(90deg,#28603b 0 22px,var(--panel) 22px 25px)}.record-line{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.record-line b{font-weight:400;color:var(--text)}.stat-link{padding:0;margin-left:8px;border:0;background:none;color:var(--text);font-size:11px;text-decoration:underline;text-underline-offset:3px}
.search-card{padding-bottom:14px}.search-card .panel-heading{margin-bottom:12px}.search-card label{display:flex;gap:12px;color:var(--muted);font-size:12px;margin-bottom:8px}.search-card label span{color:var(--faint)}.search-control{display:flex;align-items:center;gap:14px}.prompt{color:var(--green);font-size:25px}.search-control input{width:100%;min-width:0;background:var(--inset);border:1px solid #305b3d;color:var(--green);height:55px;padding:5px 16px;font:32px var(--font);letter-spacing:.16em;caret-color:var(--green)}.search-control input::placeholder{color:#3d6248;opacity:1}.search-control button{flex-shrink:0;height:55px;width:148px;border:1px solid var(--green);background:var(--green);color:#052410;font-size:17px}.search-control button:not(:disabled):hover{background:#8affb0;color:#052410}.search-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:10px 0 0 28px}.hint{margin:0;font-size:11px;color:var(--muted)}.examples{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.examples button{border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;color:var(--text);padding:1px 2px;font-size:11px}.error{color:#ffa778;font-size:13px;margin:12px 0 0}.error:empty{display:none}
.result-card{border-color:#418157;scroll-margin-top:18px}.text-button{background:transparent;border:1px solid transparent;padding:4px 7px;color:var(--muted);font-size:12px}.result-body{display:flex;justify-content:space-between;gap:28px;align-items:center;margin:20px 0}.result-body h3{margin:0 0 14px;font:400 20px var(--font);color:var(--green)}.result-caption{margin:0;font-size:11px;color:var(--muted)}.result-position{margin:0;font-size:39px;line-height:1.6;color:var(--amber)}.result-position small{font-size:13px;color:var(--text);margin-left:8px}.rank-block{border-left:1px solid var(--border);padding-left:30px;display:flex;flex-direction:column;min-width:250px}.rank-block>span,.rank-block small{font-size:11px;color:var(--muted)}.rank-block strong{font-size:28px;font-weight:400;color:var(--green);margin:5px 0}.tape-heading{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:8px}.tape-heading>span:first-child{color:var(--amber)}.digit-context{border:1px solid var(--line);background:var(--inset);padding:18px 8px;color:var(--muted);font-size:23px;letter-spacing:.13em;white-space:nowrap;overflow-x:auto;text-align:center}.digit-context mark{display:inline-block;background:var(--green);color:#03200d;padding:2px 7px;margin:0 8px}.context-label{color:var(--muted);font-size:11px;margin:9px 0 0;text-align:center}
.ranking{padding-bottom:0}.count-pill{color:var(--muted);margin-left:12px;font-size:12px;white-space:nowrap}.outline-button{background:transparent;border:1px solid #387249;color:var(--green);font-size:12px;padding:6px 15px}.rank-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 0 16px;border-bottom:1px solid var(--border)}.segmented{display:flex;gap:5px}.segmented button{padding:7px 20px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:13px;white-space:nowrap}.segmented .active{background:var(--green);border-color:var(--green);color:#052410}.segmented .active:not(:disabled):hover{background:#8affb0;color:#052410}.year-filter{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.year-filter input{width:63px;background:var(--inset);border:1px solid var(--border);color:var(--green);padding:7px 5px;font-size:14px;text-align:center}.year-filter>button[type=submit]{background:#102b19;border:1px solid #387249;padding:7px 13px;color:var(--text);font-size:12px}.year-filter .text-button{font-size:11px;padding:6px 5px;border-color:var(--border);white-space:nowrap}.table-info{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:13px 0;font-size:11px;color:var(--muted)}.table-info p{margin:0}.table-info label{white-space:nowrap}.table-info select{background:var(--inset);border:1px solid var(--border);color:var(--text);padding:3px 5px;margin-left:5px;font-size:11px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#0e2015;color:var(--muted);padding:9px 14px;font-size:12px;font-weight:400;border-top:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap}td{padding:10px 14px;border-bottom:1px solid var(--line)}tbody tr:hover{background:#102719}.rank-column{width:115px}.rank-number{font-size:17px;color:var(--green)}.rank-number small{font-size:10px;margin-left:7px;color:var(--muted)}.rank-sub{display:block;font-size:10px;color:var(--muted);white-space:nowrap;margin-top:3px}.date-button{border:0;padding:0;background:transparent;color:var(--text);white-space:nowrap;font-size:17px;letter-spacing:.035em}.date-button:not(:disabled):hover{background:none;text-decoration:underline;text-underline-offset:4px}.pattern-cell{font-size:15px;color:var(--muted);letter-spacing:.09em}.position-column,.position-cell{text-align:right}.position-cell{color:var(--amber);font-size:20px;white-space:nowrap}.position-cell small{font-size:10px;color:var(--muted);margin-left:8px}.arrow-column{width:30px}.row-arrow{padding:0 3px;background:transparent;border:0;color:var(--faint);font-size:14px}.loading-row{padding:36px 10px;color:var(--muted);text-align:center;font-size:13px}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0}.pagination>p{margin:0;font-size:11px;color:var(--muted)}.pagination>div{display:flex;align-items:center;gap:5px}.pagination button{width:32px;height:30px;background:transparent;color:var(--text);border:1px solid var(--border);font-size:12px}.pagination form{display:flex;gap:8px;align-items:center;margin:0 5px;font-size:12px;color:var(--muted);white-space:nowrap}.pagination input{width:56px;height:30px;text-align:center;border:1px solid var(--border);background:var(--inset);color:var(--green);padding:4px;font-size:12px}
.distribution{padding-bottom:12px}.chart-area{padding:0 4px}.histogram{display:flex;gap:6px;align-items:end;height:135px;border-bottom:1px solid var(--border);background:repeating-linear-gradient(0deg,transparent 0 32px,#1b402c44 32px 33px)}.histogram button{flex:1;height:var(--height);min-height:2px;background:#28623c;border:0;border-top:2px solid #4f9e64;border-radius:0;padding:0}.histogram button:nth-child(-n+3){background:#398853;border-top-color:var(--green)}.histogram button:hover,.histogram button:focus-visible{background:var(--amber);border-top-color:#f7db99}.histogram button[style*="min-height: 0"]{border:0}.chart-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:9px 0}.chart-detail{font-size:11px;color:var(--muted);margin:14px 0 0;min-height:18px}
.about{padding-bottom:0}.notes details{border-top:1px solid var(--line);padding:12px 0}.notes summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;color:var(--text);font-size:13px}.notes summary::-webkit-details-marker{display:none}.notes summary::after{content:'+';color:var(--green)}.notes details[open] summary::after{content:'−'}.notes p{font-size:12px;line-height:1.95;color:var(--muted);margin:12px 0 0}footer{display:flex;justify-content:space-between;padding:8px 0 28px;font-size:10px;color:var(--faint);gap:20px}.skip{position:absolute;top:-70px;left:20px;z-index:10;padding:10px;background:var(--green);color:var(--bg)}.skip:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#ranking,#about,#search{scroll-margin-top:18px}
@media(max-width:950px){.overview-metrics{grid-template-columns:1fr 1fr;gap:14px}.overview-metrics>div:last-child{grid-column:1 / -1;border:0;padding:9px 0 0;display:flex;align-items:baseline;gap:16px;border-top:1px solid var(--line)}.overview-metrics .date-range{font-size:15px}.rank-toolbar{align-items:start;flex-direction:column}.year-filter{width:100%}}
@media(max-width:620px){.wrap{width:calc(100% - 24px)}.site-header{padding:18px 0;gap:12px}.brand{font-size:20px;gap:9px}.brand-pi{width:35px;height:35px;font-size:27px}.brand small{font-size:9px;margin-top:5px}nav a{padding:6px 8px;font-size:11px}nav a:first-child{display:none}.panel{padding:14px 12px;border-radius:3px;margin-bottom:12px}.panel-heading{gap:10px;margin-bottom:14px}.panel-heading h1,.panel-heading h2{font-size:14px;padding-left:7px;border-left-width:2px}.panel-note,.status{font-size:9px}.overview-metrics{gap:10px;grid-template-columns:1fr 1fr}.overview-metrics>div+div{padding-left:12px}.overview-metrics strong,.overview-metrics .metric-main strong{font-size:23px}.overview-metrics .metric-main strong small{display:block;font-size:10px}.overview-metrics>div:nth-child(2) strong{font-size:18px}.overview-metrics>div:nth-child(2) strong small{display:block;font-size:10px}.overview-metrics>div:last-child{gap:12px}.overview-metrics .date-range{font-size:13px}.stat-label{font-size:10px}.record-line{font-size:10px;flex-wrap:wrap;gap:5px}.stat-link{font-size:10px;margin-left:4px}.search-card .panel-note{display:none}.search-control{gap:8px}.prompt{font-size:21px}.search-control input{height:49px;padding:5px 9px;font-size:25px;letter-spacing:.08em}.search-control button{height:49px;width:67px;font-size:15px}.search-bottom{flex-wrap:wrap;gap:8px;margin-left:20px}.hint,.examples,.examples button{font-size:10px}.result-body{gap:15px;flex-direction:column;align-items:stretch}.result-body h3{font-size:18px}.result-position{font-size:29px}.rank-block{min-width:0;border-left:0;border-top:1px solid var(--line);padding:12px 0 0;display:grid;grid-template-columns:1fr auto}.rank-block strong{grid-column:2;grid-row:1 / 3;font-size:23px;margin:0}.rank-block small,.rank-block>span{font-size:10px}.digit-context{font-size:14px;letter-spacing:.01em;padding:13px 2px}.digit-context mark{margin:0 4px;padding:3px 4px}.context-label{font-size:10px}.text-button{font-size:10px}.ranking{padding-bottom:0}.count-pill{font-size:10px;margin-left:6px}.outline-button{padding:5px 9px;font-size:11px}.segmented{width:100%}.segmented button{flex:1;padding:7px 12px}.year-filter{flex-wrap:wrap;gap:7px}.year-filter input{width:55px;font-size:13px}.year-filter>span{font-size:11px}.year-filter>button[type=submit]{font-size:11px}.year-filter .text-button{font-size:10px}.table-info{font-size:10px;align-items:start;gap:7px}.table-info p{max-width:69%}.table-info select{font-size:10px;padding:2px;margin-left:1px}th,td{padding:10px 7px}th{font-size:10px}.rank-column{width:64px}.rank-number{font-size:13px}.rank-number small{font-size:8px;margin-left:3px}.rank-sub{font-size:8px}.date-button{font-size:13px;letter-spacing:0}.pattern-column,.pattern-cell{display:none}.position-cell{font-size:15px}.position-cell small{font-size:8px;margin-left:4px}.arrow-column,.arrow-cell{display:none}.pagination{flex-direction:column;align-items:end;gap:12px}.pagination>p{font-size:10px;align-self:start}.pagination form{font-size:11px}.histogram{gap:3px;height:110px}.chart-detail{font-size:10px}.notes summary{font-size:12px}.notes p{font-size:11px}.about{padding-bottom:0}footer{font-size:9px;padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Result image export */
.result-actions{display:flex;align-items:center;justify-content:end;gap:8px;flex-wrap:wrap}.share-panel{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.share-panel .panel-heading h3{margin:0;color:var(--amber);font:400 15px var(--font);border-left:3px solid var(--amber);padding-left:9px}.share-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:24px;align-items:start}.share-preview-area{display:flex;align-items:center;justify-content:center;min-height:180px;background:var(--inset);border:1px solid var(--border);padding:8px}.share-preview-area img{display:block;width:100%;height:auto}.share-options label{display:block;color:var(--muted);font-size:12px;margin:0 0 8px}.share-options select,.share-options textarea{width:100%;border:1px solid var(--border);background:var(--inset);color:var(--text);padding:9px;font:13px/1.7 var(--font);border-radius:2px}.share-options textarea{resize:vertical;min-height:155px;margin-bottom:10px}.share-note{font-size:11px;line-height:1.8;color:var(--muted);margin:10px 0 17px}.share-buttons{display:flex;gap:10px;align-items:stretch}.share-buttons>*{flex:1;display:flex;align-items:center;justify-content:center;font-size:13px;padding:9px 12px}.save-image{border:1px solid var(--green);background:var(--green);color:var(--bg);text-decoration:none;border-radius:2px;cursor:pointer}.save-image:hover{background:#8affb0;color:var(--bg)}.save-image[aria-disabled=true]{opacity:.35;cursor:default;pointer-events:none}.share-status{color:var(--amber);font-size:11px;line-height:1.8;margin:12px 0 0;min-height:20px}.share-options select:focus-visible,.share-options textarea:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
@media(max-width:720px){.share-layout{grid-template-columns:1fr;gap:18px}.share-preview-area{max-width:440px;width:100%;margin-inline:auto}.result-actions{gap:4px}.result-actions .outline-button{font-size:11px;padding:5px 8px}.share-options textarea{min-height:145px}.share-panel .panel-heading h3{font-size:13px}}

/* Keep the selected years beside the ranks they describe. */
.post-actions{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
.post-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.post-actions #post-x{background:#102b19;padding:8px 18px}
.post-actions #post-x[aria-disabled=true]{opacity:.35;cursor:default;pointer-events:none}
.share-options .anonymous-toggle{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #418157;background:#0b1e12;color:var(--green);font-size:14px;cursor:pointer;margin-bottom:0}
.anonymous-toggle input{width:18px;height:18px;margin:0;accent-color:var(--green);flex-shrink:0}
.anonymous-toggle small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.year-filter{flex-wrap:wrap;gap:12px 20px;padding-bottom:16px;scroll-margin-top:20px}
.filter-title{font-size:13px;color:var(--text)}
.year-inputs,.year-presets{display:flex;align-items:center;gap:9px}
.year-inputs label{font-size:11px}
.year-inputs input{width:68px;font-size:16px;padding:7px}
.year-inputs button{background:#102b19;border:1px solid #387249;padding:8px 12px;color:var(--green);font-size:12px;white-space:nowrap}
.year-presets{margin-left:auto}
.year-presets .text-button{font-size:12px;padding:6px 9px}
.year-presets [aria-pressed=true]{color:var(--green);border-color:#418157;background:#102719}
.ranking-scope{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;background:#0b1e12;border:1px solid #387249;border-left:3px solid var(--green)}
.scope-label{font-size:12px;color:var(--text)}
.ranking-scope h3{font:400 29px/1.5 var(--font);color:var(--green);margin:2px 0 5px;letter-spacing:.03em}
.ranking-scope p{font-size:12px;color:var(--muted);margin:0}
.ranking-explanation{font-size:12px;color:var(--muted);margin:12px 0 18px}
.ranking-scope .segmented{flex-shrink:0}
th small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.rank-column{width:140px;color:var(--green)}
.overall-column{width:180px}
.overall-cell{font-size:16px;color:var(--muted);white-space:nowrap}
.overall-cell small{font-size:10px;margin-left:7px}
.rank-number{font-size:20px;white-space:nowrap}
.mobile-overall,.selected-label{display:none}
.selected-row{background:#102b19}
.selected-row td:first-child{box-shadow:inset 3px 0 var(--green)}
.selected-row .selected-label{display:block;color:var(--green);font-size:10px;margin-top:2px}
.result-scope{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;margin:0 0 22px;background:#0b1e12;border:1px solid #387249;border-left:3px solid var(--green)}
.scope-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:13px;margin:5px 0}
.scope-value strong{font:400 32px/1.4 var(--font);color:var(--green)}
.scope-value>span{font-size:14px;color:var(--muted)}
.scope-note,.scope-hint{font-size:11px;color:var(--muted);margin:0;line-height:1.8}
.scope-hint{margin:0 0 20px}
.scope-actions{display:flex;flex-direction:column;align-items:end;gap:10px;flex-shrink:0}
.scope-actions a{font-size:11px;color:var(--muted)}
@media(max-width:950px){.year-presets{margin-left:0}.filter-title{width:100%}.ranking-scope .segmented button{padding:7px 14px}}
@media(max-width:620px){
  .year-filter{gap:10px;padding-bottom:14px}.filter-title{font-size:12px}.year-inputs{gap:6px;width:100%;flex-wrap:wrap}.year-inputs label{font-size:10px}.year-inputs input{width:54px;font-size:14px;padding:6px 3px}.year-inputs button{font-size:11px;padding:7px 8px}.year-presets .text-button{font-size:11px}
  .ranking-scope{padding:12px;gap:14px;align-items:stretch;flex-direction:column}.ranking-scope h3{font-size:25px}.ranking-scope p{font-size:10px}.scope-label{font-size:11px}.ranking-scope .segmented{width:100%}.ranking-explanation{font-size:11px;line-height:1.8;margin-bottom:14px}
  .rank-column{width:90px}.rank-number{font-size:17px}.overall-column,.overall-cell{display:none}.mobile-overall{display:block;font-size:9px;color:var(--muted);margin-top:5px;white-space:nowrap}.mobile-overall small{display:block;font-size:8px}.selected-row .selected-label{font-size:9px}th small{font-size:9px}.table-info p{max-width:none}
  .result-scope{align-items:stretch;flex-direction:column;gap:13px;padding:12px}.scope-value strong{font-size:28px}.scope-value>span{font-size:12px}.scope-actions{flex-direction:row;align-items:center;justify-content:space-between}.scope-hint{font-size:10px}
}
/* Year / month / day pickers (primary) and the 8-digit entry (secondary) */
.date-picker{border:0;margin:0;padding:0;min-width:0}.date-picker legend{color:var(--muted);font-size:12px;margin-bottom:8px;padding:0}
.picker-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.search-card .picker{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:15px}
.picker select{appearance:none;-webkit-appearance:none;height:55px;background:var(--inset) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234dff88' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #305b3d;border-radius:0;color:var(--green);font:26px var(--font);letter-spacing:.06em;padding:0 34px 0 14px;cursor:pointer}
.picker select:focus-visible{outline:2px solid var(--green);outline-offset:1px}.picker select[aria-invalid=true]{border-color:#ffa778}
.picker select option,.picker select optgroup{background:#06110c;color:var(--text)}
#pick-year{width:142px}#pick-month,#pick-day{width:92px}
.picker-row>button{flex-shrink:0;height:55px;width:148px;margin-left:auto;border:1px solid var(--green);background:var(--green);color:#052410;font-size:17px}
.picker-row>button:not(:disabled):hover{background:#8affb0;color:#052410}
.digit-entry{margin:14px 0 0 28px}.digit-entry summary{cursor:pointer;color:var(--muted);font-size:12px;width:max-content}
.digit-entry[open] summary{margin-bottom:10px}.digit-entry .search-control input{height:46px;font-size:24px}.digit-entry .search-control button{height:46px;width:110px;font-size:15px}.digit-entry .hint{margin-top:8px}
.search-card .search-bottom{margin-top:12px}
@media(max-width:620px){.picker-row{gap:8px}.picker-row .prompt{display:none}.search-card .picker{font-size:13px;gap:4px}.picker select{height:48px;font-size:21px;padding:0 24px 0 9px;background-position:right 8px center}#pick-year{width:104px}#pick-month,#pick-day{width:66px}.picker-row>button{width:100%;height:48px;margin-left:0}.digit-entry{margin-left:0}.digit-entry .search-control button{width:72px}}
/* この日について */
.day-info{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.day-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;font-size:13px;color:var(--text)}
.day-md{color:var(--muted);font-size:12px}.day-tag{border:1px solid #387249;color:var(--green);padding:3px 9px;font-size:13px}
.day-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.day-block h4{margin:0 0 8px;font-weight:400;font-size:12px;color:var(--amber)}
.day-block ul{list-style:none;margin:0;padding:0}.day-block li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:14px}
.day-block li a{color:var(--text);text-underline-offset:3px}.day-block li a:hover{color:var(--green)}
.day-block small{flex-basis:100%;color:var(--muted);font-size:11px}
.day-kind{font-size:10px;color:var(--muted);border:1px solid var(--line);padding:0 5px}
.day-date{border:0;border-bottom:1px solid var(--border);padding:0;background:transparent;color:var(--green);font-size:13px;letter-spacing:.03em}
.day-date:not(:disabled):hover{background:none;color:#8affb0}
.day-empty,.day-more{color:var(--muted);font-size:12px!important}
.near-famous{margin-top:16px}.near-dir{font-size:11px;color:var(--muted);min-width:5.5em}.near-pos{margin-left:auto;color:var(--amber);font-size:12px;white-space:nowrap}
.day-source{margin:14px 0 0;font-size:10px;color:var(--faint)}.day-source a{color:var(--muted)}
.date-note{display:block;max-width:22em;margin-top:3px;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:620px){.day-columns{grid-template-columns:1fr}.day-block li{font-size:13px}.near-pos{margin-left:0;flex-basis:100%}.date-note{max-width:11em;font-size:9px}}
/* Image size: radio buttons shown as a two-way toggle, each with its aspect ratio */
.format-toggle{border:0;margin:0 0 4px;padding:0;min-width:0}.format-toggle legend{color:var(--muted);font-size:12px;margin:0 0 8px;padding:0}
.format-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.share-options .format-options label{position:relative;display:block;margin:0;cursor:pointer}
.format-options input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.format-options span{display:flex;align-items:center;gap:10px;height:100%;padding:9px 12px;border:1px solid var(--border);background:var(--inset);color:var(--text);font-size:13px;line-height:1.3}
.format-options span::before{content:'';flex-shrink:0;border:2px solid currentColor;opacity:.75}
.format-square span::before{width:16px;height:16px}.format-landscape span::before{width:24px;height:13px}
.format-options small{display:block;font-size:10px;color:var(--muted)}
.format-options input:checked+span{background:var(--green);border-color:var(--green);color:#052410}
.format-options input:checked+span small{color:#155c2c}
.format-options input:focus-visible+span{outline:2px solid var(--amber);outline-offset:2px}
.format-options label:hover input:not(:checked)+span{border-color:#387249;color:var(--green)}
/* Picker lists: the OS menu (Safari, older browsers, touch devices) ignores page fonts and uses
   proportional digits. Desktop Chrome/Edge 135+ can draw the list in-page: use the site font with
   fixed-width digits there, and keep the native picker everywhere else. */
.picker select{font-variant-numeric:tabular-nums}
@supports (appearance:base-select){
  @media (hover:hover) and (pointer:fine){
    .picker select,.picker select::picker(select){appearance:base-select}
    .picker select{display:inline-flex;align-items:center}  /* base-select lays the value out from the top */
    .picker select::picker-icon{display:none}
    .picker select::picker(select){margin-top:4px;max-height:min(380px,60vh);padding:4px 0;background:#06110c;border:1px solid #387249;box-shadow:0 10px 28px rgba(0,0,0,.55);color:var(--text);font:20px var(--font);font-variant-numeric:tabular-nums;scrollbar-color:#387249 #06110c}
    .picker select optgroup{padding:0;color:var(--muted);font:11px var(--font)}
    .picker select optgroup legend{padding:8px 14px 4px;color:var(--amber);font-size:11px}
    .picker select option{min-height:0;padding:5px 16px;color:var(--text);font:20px var(--font);font-variant-numeric:tabular-nums;letter-spacing:.06em}
    .picker select option::checkmark{content:'>';color:var(--green);order:-1;width:1em}
    .picker select option:not(:checked)::checkmark{visibility:hidden}
    .picker select option:checked{background:#123a22;color:var(--green)}
    .picker select option:hover,.picker select option:focus-visible{background:var(--green);color:#052410;outline:0}
    .picker select option:hover::checkmark,.picker select option:focus-visible::checkmark{color:#052410}
  }
}