:root{--bg: #0f1115;--surface: #181b22;--border: #2a2f3a;--text: #e6e8ec;--muted: #9aa3b2;--accent: #6ea8fe;--radius: 10px;--maxw: 760px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:2rem 1.25rem 4rem}.site-header{border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;padding-bottom:1rem}.site-header a{color:var(--text)}.site-header nav a{margin-left:1.25rem;color:var(--muted)}.brand{font-weight:600}h1{font-size:1.9rem;margin:0 0 .25rem}.subtitle{color:var(--muted);margin-top:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.tool-list{list-style:none;padding:0;display:grid;gap:.75rem}.tool-list a{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;color:var(--text)}.tool-list a:hover{border-color:var(--accent);text-decoration:none}.tool-list .desc{color:var(--muted);font-size:.9rem}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem}input,select,button{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.55rem .7rem;width:100%}button{cursor:pointer;background:var(--accent);color:#0b1020;border:none;font-weight:600;width:auto}button:hover{filter:brightness(1.08)}.field{margin-bottom:1rem}.row{display:grid;gap:1rem}@media(min-width:520px){.row.two{grid-template-columns:1fr 1fr}}.result{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.result .big{font-size:1.3rem;font-weight:600}.result .pair{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;color:var(--muted)}.result .pair span:last-child{color:var(--text);font-variant-numeric:tabular-nums}.centered-image{width:120px;height:120px;object-fit:cover;border-radius:50%;border:1px solid var(--border)}.error{color:#ff6b6b;font-size:.9rem;margin-top:.5rem}.react-aria-DatePicker{display:flex;flex-direction:column}.react-aria-DatePicker .react-aria-Label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem}.datefield{display:flex;align-items:center;gap:.25rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.15rem .4rem}.datefield[data-focus-within]{border-color:var(--accent)}.react-aria-DateInput{display:flex;flex:1;padding:.4rem .2rem;white-space:nowrap}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;color:var(--text);border-radius:4px;outline:none}.react-aria-DateSegment[data-type=literal]{padding:0;color:var(--muted)}.react-aria-DateSegment[data-placeholder]{color:var(--muted)}.react-aria-DateSegment[data-focused]{background:var(--accent);color:#0b1020}.datefield .react-aria-Button{background:transparent;border:none;color:var(--muted);width:auto;padding:0 .3rem;font-size:1rem}.datefield .react-aria-Button:hover{color:var(--text);filter:none}.react-aria-Popover{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;box-shadow:0 10px 30px #0006}.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.calendar-header .react-aria-Heading{margin:0;font-size:.95rem;font-weight:600}.calendar-header .react-aria-Button{width:1.8rem;height:1.8rem;padding:0;line-height:1;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:6px}.calendar-header .react-aria-Button:hover{border-color:var(--accent);filter:none}.react-aria-CalendarGrid{border-collapse:collapse}.react-aria-CalendarGrid th{padding:.25rem;font-size:.75rem;font-weight:500;color:var(--muted)}.react-aria-CalendarCell{width:2rem;height:2rem;text-align:center;border-radius:6px;font-size:.85rem;cursor:default;outline:none}.react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-CalendarCell[data-hovered]{background:var(--border)}.react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--accent)}.react-aria-CalendarCell[data-selected]{background:var(--accent);color:#0b1020;font-weight:600}.react-aria-CalendarCell[data-today]:not([data-selected]){box-shadow:inset 0 0 0 1px var(--accent)}.react-aria-CalendarCell[data-disabled]{color:var(--muted)}