:root{--color-paper:#f7f7f5;--color-paper-raised:#fff;--color-ink:#1a1d23;--color-ink-soft:#565b64;--color-line:#e3e1dc;--color-line-strong:#cbc8c0;--color-status-active:#2b6e4f;--color-status-active-bg:#e6f0ea;--color-status-paused:#b8863b;--color-status-paused-bg:#f5ecdc;--color-status-done:#6b6f76;--color-status-done-bg:#eaeaea;--color-danger:#a13d3d;--color-danger-bg:#f6e8e8;--font-display:"Source Serif 4", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:3px;--shadow-card:0 1px 2px #1a1d230f, 0 1px 0 #1a1d2308;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}#root{min-height:100vh}button,input,select{font-family:inherit;font-size:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app{max-width:920px;margin:0 auto;padding:56px 24px 80px}.app__header{border-bottom:1px solid var(--color-line);margin-bottom:40px;padding-bottom:28px}.app__eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft);margin:0 0 10px;font-size:12px}.app__title{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.01em;color:var(--color-ink);margin:0 0 8px;font-size:clamp(2.2rem,5vw,3rem);font-weight:600}.app__subtitle{color:var(--color-ink-soft);margin:0;font-size:15px}.app__main{flex-direction:column;gap:28px;display:flex}.app__panel{background:var(--color-paper-raised);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:20px 24px}.app__panel--table{padding:0;overflow:hidden}.app__status{color:var(--color-ink-soft);margin:0;padding:32px 24px;font-size:14px}.app__error{color:var(--color-danger);flex-direction:column;align-items:flex-start;gap:12px;padding:24px;display:flex}.app__error button{border:1px solid var(--color-danger);background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius);cursor:pointer;padding:6px 14px;font-weight:500}.project-form__row{grid-template-columns:1.4fr 1.4fr .9fr auto;align-items:end;gap:14px;display:grid}.project-form__field{flex-direction:column;gap:6px;display:flex}.project-form__field span{letter-spacing:.02em;color:var(--color-ink-soft);text-transform:uppercase;font-size:12px;font-weight:600}.project-form__field input,.project-form__field select{border:1px solid var(--color-line-strong);border-radius:var(--radius);background:var(--color-paper);color:var(--color-ink);padding:9px 10px}.project-form__field input:focus,.project-form__field select:focus{border-color:var(--color-ink)}.project-form__submit{border:1px solid var(--color-ink);background:var(--color-ink);color:var(--color-paper-raised);border-radius:var(--radius);cursor:pointer;white-space:nowrap;padding:10px 18px;font-weight:600;transition:opacity .15s}.project-form__submit:hover:not(:disabled){opacity:.85}.project-form__submit:disabled{opacity:.5;cursor:not-allowed}.project-form__error{color:var(--color-danger);margin:12px 0 0;font-size:13px}.project-table{border-collapse:collapse;width:100%}.project-table thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-soft);border-bottom:1px solid var(--color-line);background:var(--color-paper);padding:14px 24px;font-size:11px;font-weight:600}.project-table tbody td{border-bottom:1px solid var(--color-line);vertical-align:middle;padding:16px 24px;font-size:14px}.project-table tbody tr:last-child td{border-bottom:none}.project-table__name{font-weight:500}.project-table__date-col{width:120px}.project-table__date{font-family:var(--font-mono);color:var(--color-ink-soft);font-size:12px}.project-table__empty{text-align:center;padding:48px 24px}.project-table__empty p{margin:0}.project-table__empty-hint{color:var(--color-ink-soft);font-size:13px;margin-top:6px!important}.status-stamp{font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;border:1px solid;border-radius:2px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block;position:relative}.status-stamp:before{content:"";opacity:.4;pointer-events:none;border:1px solid;position:absolute;inset:2px}.status-stamp--active{color:var(--color-status-active);background:var(--color-status-active-bg)}.status-stamp--paused{color:var(--color-status-paused);background:var(--color-status-paused-bg)}.status-stamp--done{color:var(--color-status-done);background:var(--color-status-done-bg)}@media (width<=640px){.app{padding:32px 16px 60px}.project-form__row{grid-template-columns:1fr}.project-form__submit{width:100%}.project-table thead{display:none}.project-table,.project-table tbody,.project-table tr,.project-table td{width:100%;display:block}.project-table tbody tr{border-bottom:1px solid var(--color-line);padding:14px 20px}.project-table tbody td{border-bottom:none;padding:3px 0}.project-table__date-col{width:auto}}