:root{--ink:#14213d;--paper:#fffaf0;--cream:#fff2cc;--pink:#ff4f81;--shadow:6px 6px 0 #14213d;--radius:22px;font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 10%,#fff7d6 0 16%,transparent 34%),var(--paper)}a{color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 22px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-weight:800}.brand{font-size:1.15rem;letter-spacing:-.04em}.brand-dot{color:var(--pink)}.mini-link{font-size:.85rem;text-decoration:none;border-bottom:2px solid var(--ink)}.hero{padding:70px 0 42px;display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}.eyebrow{display:inline-block;background:#f4b942;border:3px solid var(--ink);padding:7px 12px;border-radius:999px;font-weight:900;box-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg)}h1{font-size:clamp(3.2rem,8vw,7.2rem);line-height:.84;letter-spacing:-.09em;margin:25px 0}.hero p{font-size:1.15rem;line-height:1.45;max-width:560px}.hero-art{min-height:300px;display:grid;place-items:center}.hero-art .traffic{font-size:10rem;filter:drop-shadow(8px 8px 0 var(--ink));transform:rotate(5deg)}.hero-note{background:#e0f2f1;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;transform:rotate(2deg)}.hero-note strong{font-size:2.2rem;display:block}.progress-wrap{position:sticky;top:0;z-index:5;background:rgba(255,250,240,.92);backdrop-filter:blur(12px);padding:14px 0;border-bottom:2px solid #14213d33}.progress-bar{height:30px;display:flex;border:3px solid var(--ink);border-radius:999px;overflow:hidden;box-shadow:4px 4px 0 var(--ink)}.seg{height:100%;transition:width .5s ease}.seg.done{background:#45c486}.seg.progress{background:#f4b942}.seg.notdone{background:#ef476f}.progress-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.8rem;font-weight:900;margin-top:10px}.category-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 65px}.cat-btn{display:flex;align-items:center;gap:10px;text-align:left;text-decoration:none;background:white;border:3px solid var(--ink);border-radius:17px;padding:13px 14px;box-shadow:4px 4px 0 var(--ink);font-weight:900;transition:transform .15s,box-shadow .15s}.cat-btn:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.cat-emoji{font-size:1.7rem}.section{padding:44px 0 55px;border-top:3px dashed #14213d88}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:22px}.section h2{font-size:clamp(2rem,5vw,4.2rem);letter-spacing:-.07em;margin:0;line-height:.95}.section-kicker{font-weight:900;color:#5a6477}.backtop{font-weight:900;text-decoration:none;border-bottom:3px solid var(--ink);white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:3px solid var(--ink);border-radius:var(--radius);padding:19px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card:before{content:"";display:block;position:absolute;inset:0 0 auto;height:9px;background:var(--accent)}.card h3{font-size:1.25rem;line-height:1.05;margin:14px 0 9px;letter-spacing:-.04em}.card p{font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.45;margin:0 0 18px;color:#39435c}.status-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.status{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.status-dot{width:13px;height:13px;border:2px solid var(--ink);border-radius:50%;display:inline-block}.status-done .status-dot{background:#45c486}.status-progress .status-dot{background:#f4b942}.status-notdone .status-dot{background:#ef476f}.source{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.75rem;font-weight:800;text-decoration:none;border-bottom:2px solid var(--ink)}.source:hover{color:var(--pink)}footer{padding:50px 0 70px;border-top:3px solid var(--ink);font-size:.85rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-title{font-size:1.2rem;font-weight:950}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{min-height:180px}.hero-art .traffic{font-size:7rem}.category-nav{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr 1fr}}@media(max-width:560px){.wrap{padding:0 16px}.topbar{font-size:.9rem}.hero h1{font-size:4.4rem}.category-nav{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.progress-meta{font-size:.72rem}}
.meta-line{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.76rem;line-height:1.35;margin:-8px 0 12px;color:#596579;font-weight:750}
.status-unknown .status-dot{background:#c8ced8}
.card-ambition{opacity:.72;box-shadow:3px 3px 0 #9aa3b2;border-color:#8c95a5;background:#fbfbfa}
.card-ambition:before{height:5px;opacity:.55}
.card-ambition h3{font-size:1.08rem}
.category-options{margin:-8px 0 24px}
.ambition-toggle{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:2px solid #8c95a5;border-radius:999px;background:#f5f5f2;color:#596579;font:800 .82rem ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.ambition-toggle input{width:16px;height:16px;accent-color:#596579;cursor:pointer}
.ambition-toggle small{font-weight:700;color:#8c95a5}
.card-ambition[hidden]{display:none}