:root{color-scheme:light;--background: #f8fafc;--surface: #ffffff;--text: #111827;--sub-text: #6b7280;--accent: #2563eb;--line: #e5e7eb;--soft-accent: #dbeafe;--shadow: 0 24px 80px rgba(17, 24, 39, .09);--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);color:var(--text)}*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}body{margin:0;min-width:320px;width:100%;max-width:100%;overflow-x:hidden;background:radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 34rem),linear-gradient(180deg,#ffffff 0%,var(--background) 44%)}#app{width:100%;max-width:100%;overflow-x:hidden}button,select{font:inherit}button{cursor:pointer}a{color:inherit}.site-shell{position:relative;width:100%;max-width:1040px;margin:0 auto;padding:44px clamp(12px,3vw,24px) 64px;overflow-x:hidden}.background-digits{position:absolute;top:18px;left:clamp(12px,10vw,160px);right:clamp(12px,3vw,24px);max-width:calc(100% - 24px);color:#2563eb0d;font-family:var(--mono);font-size:clamp(42px,8vw,112px);font-weight:700;line-height:1.02;letter-spacing:-.08em;white-space:normal;overflow:hidden;overflow-wrap:anywhere;word-break:break-all;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.hero,main,.footer{position:relative;z-index:1}.hero{display:grid;justify-items:center;text-align:center;padding:56px 0 24px}.site-label{margin:0 0 16px;color:var(--accent);font-family:var(--mono);font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1{max-width:100%;margin:0;color:var(--text);font-size:clamp(2rem,5.2vw,4.8rem);line-height:1.08;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere}.hero-copy{max-width:38rem;margin:20px 0 0;color:var(--sub-text);font-size:clamp(1rem,2vw,1.25rem);line-height:1.8}.date-form{display:flex;gap:12px;align-items:end;justify-content:center;max-width:100%;margin-top:32px;padding:10px;background:#ffffffc2;border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 32px #1118270f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.date-form label{display:grid;gap:6px;width:min(132px,42vw);color:var(--sub-text);font-size:.82rem;font-weight:700;text-align:left}.date-form select{appearance:none;width:100%;padding:13px 40px 13px 14px;color:var(--text);background:linear-gradient(45deg,transparent 50%,var(--accent) 50%) calc(100% - 20px) 52% / 6px 6px no-repeat,linear-gradient(135deg,var(--accent) 50%,transparent 50%) calc(100% - 14px) 52% / 6px 6px no-repeat,var(--surface);border:1px solid var(--line);border-radius:14px;font-weight:800}.date-form select:focus{border-color:var(--accent);outline:4px solid rgba(37,99,235,.14)}.result-card,.section{width:100%;max-width:100%;background:#fffffff0;border:1px solid var(--line)}.result-card{width:min(720px,100%);margin:16px auto 0;padding:clamp(28px,5vw,48px);border-radius:28px;box-shadow:var(--shadow);text-align:center}.eyebrow{display:inline-flex;max-width:100%;margin:0;padding:8px 12px;color:var(--accent);background:var(--soft-accent);border-radius:999px;font-family:var(--mono);font-size:.95rem;font-weight:800;letter-spacing:.04em;overflow-wrap:anywhere}.result-main{display:grid;justify-items:center;margin-top:22px;gap:4px}.result-prefix,.result-suffix{color:var(--sub-text);font-weight:700}.result-number{max-width:100%;color:var(--text);font-family:var(--mono);font-size:clamp(3rem,11vw,8.4rem);line-height:1;letter-spacing:-.06em;overflow-wrap:anywhere}.result-rank{margin:20px 0 0;color:var(--text);font-size:1.18rem;font-weight:800}.result-rank strong{color:var(--accent)}.result-note,.counting-note,.section-copy,.footer{color:var(--sub-text);line-height:1.85}.result-note{margin:8px 0 0}.result-actions,.section-actions{display:flex;gap:12px;justify-content:center;max-width:100%;margin-top:28px;flex-wrap:wrap}.section-actions{margin-top:16px;justify-content:flex-start}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:0 18px;text-align:center;border:1px solid transparent;border-radius:14px;font-weight:800;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;white-space:normal}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--accent);box-shadow:0 12px 24px #2563eb40}.button-secondary{color:var(--text);background:var(--surface);border-color:var(--line)}.counting-note{margin:24px 0 0;font-size:.84rem}.detail-nav{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;width:min(760px,100%);margin:22px auto 0}.detail-nav a{padding:10px 14px;color:var(--sub-text);background:#ffffffbd;border:1px solid var(--line);border-radius:999px;font-size:.9rem;font-weight:800;text-decoration:none}.detail-nav a:hover{color:var(--accent);border-color:#2563eb47}#detailRoot{display:grid;gap:18px;width:min(860px,100%);margin:28px auto 0}.section{padding:clamp(24px,4vw,34px);border-radius:24px}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:18px}.section-kicker{order:2;margin:0;color:var(--accent);font-family:var(--mono);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h2{margin:0;color:var(--text);font-size:clamp(1.3rem,3vw,1.75rem);letter-spacing:-.04em}h3{margin:0 0 8px;color:var(--sub-text);font-size:.86rem}.section-copy{margin:0 0 16px}.section-copy.small{margin:12px 0 0;font-size:.9rem}.digit-strip,.share-preview{max-width:100%;padding:18px;color:#334155;background:#f8fafc;border:1px solid var(--line);border-radius:18px;font-family:var(--mono);font-size:clamp(.86rem,1.8vw,1rem);line-height:2;letter-spacing:.02em;white-space:normal;overflow-wrap:anywhere;word-break:break-word;overflow-x:hidden}.digit-strip mark{display:inline-block;margin:0 3px;padding:2px 6px;color:#fff;background:var(--accent);border-radius:8px}.digit-run{overflow-wrap:anywhere;word-break:break-word}.constant-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.constant-tab{min-height:38px;padding:0 12px;color:var(--sub-text);background:#f8fafc;border:1px solid var(--line);border-radius:999px;font-weight:800}.constant-tab.is-selected{color:#fff;background:var(--accent);border-color:var(--accent)}.comparison-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.comparison-row{display:grid;grid-template-columns:minmax(9.5rem,13rem) 1fr minmax(7rem,auto);gap:14px;align-items:center;padding:14px;background:#f8fafc;border:1px solid var(--line);border-radius:16px}.comparison-row.is-fastest{background:#dbeafeb8;border-color:#2563eb38}.comparison-label{display:grid;gap:2px}.comparison-label strong{color:var(--text)}.comparison-label span{color:var(--sub-text);font-family:var(--mono);font-size:.85rem}.comparison-meter{height:10px;overflow:hidden;background:#e5e7eb;border-radius:999px}.comparison-meter span{display:block;height:100%;background:var(--accent);border-radius:inherit}.comparison-value{color:var(--text);font-family:var(--mono);font-weight:800;text-align:right}.rank-panel{display:inline-flex;align-items:baseline;max-width:100%;gap:8px;margin-bottom:12px}.rank-value{color:var(--accent);font-family:var(--mono);font-size:clamp(3rem,8vw,5.6rem);font-weight:900;line-height:1;letter-spacing:-.06em}.rank-total{color:var(--sub-text);font-size:1.3rem;font-weight:800}.neighbor-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.neighbor-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center;padding:12px 14px;background:#f8fafc;border:1px solid var(--line);border-radius:14px;font-family:var(--mono)}.neighbor-row[aria-current=true]{color:var(--accent);background:var(--soft-accent);border-color:#2563eb3d}.heatmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.heat-month{min-width:0;padding:12px;background:#f8fafc;border:1px solid var(--line);border-radius:16px}.heat-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.heat-day{min-width:0;width:100%;aspect-ratio:1;padding:0;color:#0f172a;background-color:rgba(37,99,235,var(--heat-alpha));border:1px solid rgba(37,99,235,.12);border-radius:7px;font-size:.72rem;font-weight:800}.heat-day.is-selected{color:#fff;background:#111827;border-color:#111827;outline:3px solid rgba(37,99,235,.22)}.share-preview{margin:0;font:.94rem/1.85 var(--mono);white-space:pre-wrap}.footer{width:min(720px,100%);margin:34px auto 0;text-align:center;font-size:.9rem}.error,.error-card{color:#b91c1c}@media(max-width:860px){.site-shell{padding-inline:14px}.result-actions,.section-actions{gap:10px}.result-actions .button,.section-actions .button{flex:1 1 180px}.comparison-row{grid-template-columns:1fr;gap:8px}.comparison-value{text-align:left}.heatmap{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.site-shell{padding-top:16px}.hero{padding-top:36px}.date-form{width:100%}.date-form label{flex:1;width:auto}.section-header{display:block}.section-kicker{margin-top:8px}.neighbor-row{grid-template-columns:1fr auto}.neighbor-row span:nth-child(2){display:none}.heatmap{grid-template-columns:1fr}}@media(max-width:480px){.site-shell{padding-inline:9px;padding-bottom:42px}.background-digits{top:10px;left:10px;right:10px;font-size:48px}.hero{padding-top:30px}.site-label{margin-bottom:12px;font-size:.72rem}h1{font-size:clamp(1.85rem,11vw,2.7rem);letter-spacing:-.035em}.hero-copy{margin-top:14px;font-size:.98rem;line-height:1.7}.date-form{gap:8px;margin-top:24px;padding:8px;border-radius:18px}.date-form select{padding:12px 34px 12px 12px;border-radius:12px}.result-card{margin-top:10px;padding:24px 16px;border-radius:22px}.result-number{font-size:clamp(2.9rem,19vw,5.2rem)}.result-actions .button,.section-actions .button{flex-basis:100%;width:100%}.detail-nav a{flex:1 1 120px;text-align:center}.section{padding:22px 14px;border-radius:20px}.digit-strip,.share-preview{padding:14px;font-size:.82rem;line-height:2.05}.constant-tab{flex:1 1 132px}.heat-day{font-size:.68rem}}.is-hidden{display:none!important}html,body,#app,.site-shell,.hero,main,.footer,.result-card,.section,.detail-nav,#detailRoot,.date-form,.digit-strip,.share-preview,.comparison-row,.neighbor-row,.heatmap,.heat-month{max-inline-size:100%}body{min-width:0}.site-shell{inline-size:min(100%,1040px);padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));contain:paint}.background-digits{inset-inline:10px;max-inline-size:calc(100% - 20px);letter-spacing:-.05em}.digit-strip{display:block;white-space:normal;line-break:anywhere}.digit-strip mark,.digit-run{white-space:normal}.share-preview{overflow-wrap:anywhere;word-break:break-word}@media(max-width:980px){.comparison-row{grid-template-columns:1fr;gap:8px}.comparison-value{text-align:left}}@media(max-width:380px){.date-form{flex-direction:column;align-items:stretch}.date-form label{width:100%}.result-number{font-size:clamp(2.6rem,18vw,4.4rem)}.section,.result-card{padding-left:12px;padding-right:12px}}.date-card{width:min(680px,100%);max-width:100%;margin-top:34px;padding:clamp(18px,3.4vw,26px);background:#ffffffe6;border:1px solid #bfdbfe;border-radius:28px;box-shadow:0 22px 62px #2563eb1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.date-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px;text-align:left}.date-card-kicker{order:2;margin:0;color:var(--accent);font-family:var(--mono);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.date-card-title{margin:0;color:var(--text);font-size:clamp(1.2rem,3vw,1.55rem);letter-spacing:-.035em}.date-card .date-form{width:100%;margin-top:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:14px}.date-card .date-form label{flex:1 1 0;width:auto;min-width:0;color:var(--sub-text)}.date-card .date-form label span{padding-left:2px}.date-card .date-form select{min-height:60px;padding:15px 44px 15px 16px;border-color:#bfdbfe;border-radius:17px;font-size:clamp(1.06rem,2.8vw,1.22rem);box-shadow:inset 0 0 0 1px #2563eb08}.selected-date-display{margin-top:18px;padding:14px 16px;color:var(--accent);background:#eff6ff;border:1px solid #dbeafe;border-radius:18px;font-family:var(--mono);font-size:clamp(1.28rem,4vw,2.1rem);font-weight:900;letter-spacing:-.035em;text-align:center;overflow-wrap:anywhere}.date-card-note{margin:10px 0 0;color:var(--sub-text);font-size:.92rem;line-height:1.65}.quick-dates{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}.quick-dates span{color:var(--sub-text);font-size:.86rem;font-weight:800}.quick-dates button{min-height:36px;padding:0 12px;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:999px;font-size:.88rem;font-weight:850}.quick-dates button:hover,.quick-dates button:focus-visible{color:var(--accent);border-color:#2563eb57;outline:none}@media(max-width:480px){.date-card{margin-top:26px;padding:16px;border-radius:22px}.date-card-header{display:block;margin-bottom:14px;text-align:center}.date-card-kicker{margin-top:4px}.date-card .date-form{flex-direction:row;align-items:stretch}.date-card .date-form select{min-height:56px;padding-left:13px}.selected-date-display{padding:12px;border-radius:16px}.quick-dates{justify-content:flex-start}.quick-dates span{flex-basis:100%;text-align:center}.quick-dates button{flex:1 1 auto}}@media(max-width:380px){.date-card .date-form{flex-direction:column}}