:root{--bg:#f7f9fc;--text:#111;--accent:#007acc;--gradient:linear-gradient(135deg, #007acc, #6cf);--card-bg:#fff;--card-shadow:0 4px 12px #0000001a}body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Segoe UI,sans-serif;line-height:1.75;transition:background .3s,color .3s}header{background:var(--gradient);color:#fff;z-index:1000;position:sticky;top:0;box-shadow:0 2px 6px #0003}.navbar{justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.nav-brand{letter-spacing:1px;color:inherit;flex-direction:row;align-items:center;gap:20px;font-size:1rem;font-weight:700;line-height:2em;text-decoration:none;display:flex}.nav-brand img{object-fit:contain;width:auto;max-width:200px;height:48px;max-height:48px;display:block}.nav-links{gap:1.5rem;list-style:none;display:flex}.nav-links a,.theme-toggle{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover,.theme-toggle:hover{text-decoration:underline;transform:scale(1.1)}.nav-toggle{color:#fff;background:0 0;border:none;font-size:1.8rem;display:none}.theme-toggle{align-items:center;margin:0;padding:0;font-size:1.2rem;display:flex}#theme-icon{line-height:1}button,input[type=submit],#submit-quiz{background:var(--gradient);color:#fff;cursor:pointer;border:none;border-radius:30px;padding:12px 20px;font-size:1rem;font-weight:600;transition:background .3s,transform .2s;box-shadow:0 4px 8px #007acc33}button:hover,input[type=submit]:hover,#submit-quiz:hover{opacity:.95;transform:translateY(-2px)}input,select,textarea,#day-builder select{box-sizing:border-box;border:1px solid #ccc;border-radius:20px;width:100%;margin-bottom:1rem;padding:12px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#6cf;outline:none;box-shadow:0 0 0 3px #6cf3}.intro-wrapper{flex-flow:wrap;align-items:center;gap:2rem;display:flex}.headshot{object-fit:cover;width:160px;height:160px;box-shadow:var(--card-shadow);border-radius:50%;margin:auto}section{max-width:960px;margin:auto;padding:2rem 1.5rem}section h2{text-align:center;margin-bottom:1.5rem;font-size:2rem}.fact-card,.quiz-card,.timeline-year-card,#hobby-list li,ul#hobby-list li,ul#timeline-list li{background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:12px;padding:2rem;transition:transform .3s}.fact-card{background:var(--card-bg);box-shadow:var(--card-shadow);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:1.5rem;max-width:600px;margin:auto;padding:2rem;display:flex}.fact-card:hover,#hobby-list li:hover,ul#hobby-list li:hover,ul#timeline-list li:hover{transform:translateY(-4px)}#fact-display{margin-bottom:1.5rem;font-size:1.25rem;font-style:italic}#mood-filter{max-width:200px;margin-bottom:1.5rem;display:inline-block}#hobby-list{flex-wrap:wrap;justify-content:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex}#hobby-list li{text-align:center;flex:calc(18% - 1rem);font-weight:700}#quiz-container{flex-direction:column;gap:2rem;display:flex}.quiz-card h3{text-align:center;margin-bottom:1rem;font-size:1.25rem}.quiz-options{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.quiz-option-btn{border:2px solid var(--accent);cursor:pointer;color:var(--accent);text-align:center;background:0 0;border-radius:10px;min-width:150px;padding:1rem 1.5rem;font-size:1rem;font-weight:500;transition:background .3s,color .3s,transform .2s}.quiz-option-btn.selected{background:var(--gradient);color:#fff;font-weight:700;box-shadow:0 4px 10px #007acc40}.quiz-submit-wrapper{text-align:center;margin-top:1.5rem}.quiz-result{background:var(--gradient);color:#fff;text-align:center;border-radius:16px;max-width:600px;margin-top:2rem;margin-left:auto;margin-right:auto;padding:2rem;font-size:1.3rem;font-weight:700;box-shadow:0 4px 12px #007acc40}.timeline-filters{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.timeline-filters label{font-weight:700}.timeline-filters select{border-radius:8px;max-width:180px;padding:.5rem;font-size:1rem}#timeline-list{flex-direction:column;gap:2rem;display:flex}.timeline-year-card h3{border-bottom:2px solid var(--accent);margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.timeline-events{flex-wrap:wrap;gap:1rem;display:flex}.timeline-event{background:var(--card-bg);border-radius:8px;flex:calc(33.333% - 1rem);min-width:200px;padding:1rem 1rem 1rem 1.5rem;position:relative;overflow:hidden;box-shadow:0 2px 5px #0000000d}.timeline-event:before{content:"";background:var(--gradient);border-radius:8px 0 0 8px;width:6px;height:100%;position:absolute;top:0;left:0}.timeline-event a{color:var(--accent);font-weight:700;text-decoration:none}.timeline-event a:hover{text-decoration:underline}.hidden{display:none}@media (max-width:768px){.nav-links{background:var(--gradient);border-radius:0 0 0 10px;flex-direction:column;width:200px;padding:1rem;display:none;position:absolute;top:64px;right:0}.nav-links.show{display:flex}.nav-toggle{display:block}#hobby-list li,.timeline-event{flex:100%}}body.dark-mode{--bg:#111;--text:#eee;--card-bg:#1e1e1e}.dark-mode header{background:linear-gradient(135deg,#222,#444)}main{min-height:calc(100vh - 96px)}.nav-links{align-items:center}.dark-mode .nav-links a,.dark-mode .theme-toggle{color:#fff}.dark-mode input,.dark-mode select,.dark-mode textarea{color:#fff;background-color:#222;border-color:#444}