:root{color-scheme:light;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#182028;background:radial-gradient(circle at top,rgba(248,206,124,.35),transparent 38%),linear-gradient(180deg,#fffaf2,#f4efe4);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}#app{min-height:100vh}.app-shell{min-height:100vh;padding:24px}.hero-card{width:min(100%,960px);margin:0 auto;padding:32px;border:1px solid rgba(24,32,40,.08);border-radius:28px;background:#ffffffc7;box-shadow:0 18px 60px #4936141f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-copy{display:grid;gap:0}.eyebrow{margin:0 0 12px;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8a5a0a}h1{margin:0;font-size:clamp(2.25rem,6vw,4rem);line-height:.96;letter-spacing:-.05em}.summary{margin:20px 0 0;max-width:48ch;font-size:1.05rem;color:#4b5563}.status-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.status-row span{padding:10px 14px;border-radius:999px;background:#f2e1bd;color:#5d3b05;font-size:.92rem;font-weight:600}.mode-switcher{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,320px);margin-top:24px;padding:8px;border-radius:22px;background:#49331a14}.mode-button,.primary-button,.ghost-button{border:0;border-radius:999px;padding:12px 16px;cursor:pointer;transition:transform .14s ease,opacity .14s ease,background-color .14s ease}.mode-button{background:transparent;color:#5f6770;font-weight:700}.mode-button-active{background:#1f2b37;color:#fffaf2}.banner{margin:20px 0 0;padding:14px 16px;border-radius:18px;font-size:.95rem}.banner-error{background:#aa2e2e1f;color:#7a1d1d}.banner-info{background:#c28a2f29;color:#67430c}.panel-grid{margin-top:28px}.editor-panel,.list-panel{padding:24px;border:1px solid rgba(24,32,40,.08);border-radius:24px;background:#ffffffb8}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-heading h2,.person-header h3{margin:0;font-size:1.15rem}.panel-heading p,.panel-meta,.person-header p{margin:0;color:#6b7280;font-size:.92rem}.panel-heading>div{display:grid;gap:4px}.field{display:grid;gap:8px;margin-bottom:16px}.field span{font-size:.92rem;font-weight:700;color:#304253}.field input,.field textarea{width:100%;padding:12px 14px;border:1px solid rgba(24,32,40,.12);border-radius:16px;background:#ffffffe6;color:inherit;resize:vertical}.field input:focus,.field textarea:focus{outline:2px solid rgba(201,123,19,.28);outline-offset:1px;border-color:#c97b134d}.primary-button{background:#1f2b37;color:#fffaf2;font-weight:700}.primary-button:disabled{cursor:progress;opacity:.72}.ghost-button{background:#efe5d2;color:#49331a;font-weight:600}.mode-button:hover,.ghost-button:hover,.primary-button:hover{transform:translateY(-1px)}.secondary-button{background:#49331a14}.danger-button{background:#f9d9d4;color:#7b271b}.empty-state{margin:0;padding:22px;border-radius:18px;background:#f4efe4cc;color:#5b6570}.people-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.person-card{display:grid;gap:16px;padding:18px;border:1px solid rgba(24,32,40,.08);border-radius:20px;background:#ffffffe0}.person-copy{display:grid;gap:10px}.person-header{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:baseline;justify-content:space-between}.person-context{margin:0;font-weight:600;color:#8a5a0a}.person-note{margin:0;color:#485564;white-space:pre-wrap}.card-actions,.editor-actions{display:flex;flex-wrap:wrap;gap:10px}.editor-actions .primary-button{flex:1 1 220px}@media(max-width:640px){.app-shell{padding:16px}.hero-card{padding:24px;border-radius:24px}.editor-panel,.list-panel{padding:18px}.panel-heading,.person-header{flex-direction:column}.mode-switcher{width:100%}.mode-button,.primary-button,.ghost-button{min-height:48px}.card-actions,.editor-actions{width:100%}.card-actions .ghost-button,.editor-actions .ghost-button,.editor-actions .primary-button{flex:1 1 auto}}
