:root{--ink:#29342d;--paper:#fbf8f1;--deep:#3d5145;--rust:#b96f52;--gold:#c7a260}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,textarea{font:inherit}.hero{min-height:92vh;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.12),transparent 28%),linear-gradient(120deg,rgba(31,55,42,.93),rgba(68,88,72,.84)),url('https://images.unsplash.com/photo-1519225421980-715cb0215aed?auto=format&fit=crop&w=1800&q=80') center/cover;color:#fff;padding:0 7vw}nav{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.28);font-size:11px;letter-spacing:.22em}.monogram{color:#fff;text-decoration:none;font-family:Georgia,serif;font-size:20px;letter-spacing:.08em}i{color:#d7b586;font-style:normal}.hero-copy{max-width:760px;padding:15vh 0 12vh}.eyebrow{margin:0 0 18px;font-size:11px;font-weight:700;letter-spacing:.25em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:24px;font:400 clamp(52px,8vw,105px)/.93 Georgia,serif;letter-spacing:-.045em}h1 em{color:#e0c59d;font-weight:400}.intro{max-width:480px;font:italic 20px/1.5 Georgia,serif;color:rgba(255,255,255,.83)}.start{display:inline-flex;gap:20px;margin-top:28px;color:white;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.6);padding:0 0 10px;font-size:11px;letter-spacing:.2em}.flourish{position:absolute;right:7vw;bottom:3vw;font-size:100px;color:rgba(255,255,255,.13);transform:rotate(-18deg)}.rank-section,.notes-section,.result-section{padding:100px 7vw}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto 55px;align-items:end}.section-heading .eyebrow,.result-section .eyebrow{color:var(--rust)}h2{margin:0;font:400 clamp(40px,5vw,68px)/1 Georgia,serif;letter-spacing:-.035em}.section-heading>p{max-width:460px;margin:0;color:#667169;line-height:1.7}.date-list{max-width:1200px;margin:auto;border-top:1px solid #d7d4ca}.date-card{min-height:116px;display:grid;grid-template-columns:64px 92px 1fr auto 92px;gap:24px;align-items:center;border-bottom:1px solid #d7d4ca;padding:16px 8px;transition:.2s}.date-card.first{background:#eee9dd}.rank-number{font:italic 18px Georgia,serif;color:#9b9d96}.date-badge,.mini-date,.result-date{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--gold);background:#faf6eb}.date-badge{width:82px;height:82px}.date-badge span,.mini-date span,.result-date span{font-size:9px;letter-spacing:.2em;color:var(--rust)}.date-badge strong,.mini-date strong,.result-date strong{font:400 25px Georgia,serif}.date-name{display:flex;flex-direction:column;gap:7px}.date-name strong{font:400 24px Georgia,serif}.date-name span{color:#7b827c;font-size:13px}.favorite{font-size:9px;letter-spacing:.15em;color:var(--rust);border:1px solid #d9a38d;border-radius:20px;padding:7px 10px}.move-buttons{display:flex;gap:6px;justify-content:end}.move-buttons button{width:39px;height:39px;border:1px solid #c9c8bf;background:transparent;color:var(--deep);cursor:pointer}.move-buttons button:hover:not(:disabled){background:var(--deep);color:white}.move-buttons button:disabled{opacity:.2;cursor:default}.notes-section{background:var(--deep);color:white}.section-heading.light>p{color:#c8d0c9}.section-heading.light .eyebrow{color:#dfb180}.notes-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.note-card{background:#f7f2e9;color:var(--ink);padding:28px}.note-card:last-child{grid-column:1/-1;max-width:calc(50% - 9px)}.note-card header{display:flex;align-items:center;gap:18px;border-bottom:1px solid #d7d1c6;padding-bottom:20px;margin-bottom:22px}.note-card h3{margin:0;font:400 23px Georgia,serif}.mini-date{width:58px;height:58px}.mini-date strong{font-size:18px}.note-card label{display:block;font-size:9px;font-weight:bold;letter-spacing:.17em;margin-top:16px}.pro-dot,.con-dot{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;color:white;margin-right:7px;font-size:14px}.pro-dot{background:#7e927f}.con-dot{background:#b87960}.note-card textarea{display:block;width:100%;height:68px;resize:vertical;margin-top:9px;border:1px solid #d8d3c9;background:#fcfaf5;padding:12px;outline:none;font-size:13px;line-height:1.4}.note-card textarea:focus{border-color:var(--rust)}.result-section{text-align:center;background:#efe9de}.result-section h2{margin-bottom:50px}.result-card{max-width:900px;margin:auto;background:#fff;border:1px solid #d8d1c4;padding:38px;display:grid;grid-template-columns:140px 1fr 130px;gap:32px;align-items:center;text-align:left;box-shadow:0 20px 50px rgba(48,55,49,.08)}.result-date{width:130px;height:130px}.result-date strong{font-size:40px}.result-copy>span{font-size:9px;color:var(--rust);letter-spacing:.2em}.result-copy h3{font:400 34px Georgia,serif;margin:8px 0}.result-copy p{color:#737b75;line-height:1.5;margin:0}.score{text-align:center;border-left:1px solid #ddd7cb}.score strong{display:block;font:400 40px Georgia,serif;color:var(--rust)}.score span{font-size:8px;letter-spacing:.13em}.result-note{max-width:720px;margin:28px auto;color:#727973;font-size:13px;line-height:1.7}.reset{border:0;border-bottom:1px solid #8f948f;background:transparent;padding:10px 0;font-size:10px;letter-spacing:.17em;cursor:pointer;color:var(--deep)}footer{display:flex;justify-content:space-between;align-items:center;background:#27392f;color:white;padding:38px 7vw;font:400 14px Georgia,serif}footer p{margin:0;color:#bfc8c1;font-style:italic}
@media(max-width:700px){.hero{min-height:700px;padding:0 24px}.hero-copy{padding-top:130px}nav span{font-size:9px}.intro{font-size:17px}.rank-section,.notes-section,.result-section{padding:70px 20px}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:38px}.date-card{grid-template-columns:38px 68px 1fr 78px;gap:10px;min-height:98px}.date-badge{width:62px;height:62px}.date-badge strong{font-size:19px}.date-name strong{font-size:17px}.date-name span,.favorite{display:none}.move-buttons button{width:34px;height:34px}.notes-grid{grid-template-columns:1fr}.note-card:last-child{grid-column:auto;max-width:none}.note-card{padding:22px 18px}.result-card{grid-template-columns:90px 1fr;padding:24px 18px;gap:18px}.result-date{width:86px;height:86px}.result-date strong{font-size:25px}.result-copy h3{font-size:25px}.score{display:none}footer{flex-direction:column;gap:10px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero{background-image:linear-gradient(90deg,rgba(35,52,42,.92) 0%,rgba(47,67,54,.76) 47%,rgba(50,64,54,.34) 100%),url('hero.jpg');background-position:center;background-size:cover}
.result-actions{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:28px}.share{border:1px solid var(--deep);background:var(--deep);color:#fff;padding:13px 22px;font-size:10px;letter-spacing:.17em;cursor:pointer}.share:hover{background:#263a2f}.result-actions .reset{margin:0}
@media(max-width:700px){.hero{background-position:60% center}.result-actions{flex-direction:column;gap:12px}.share{width:100%;max-width:260px}}