:root{font-family:Inter,system-ui,sans-serif;color-scheme:light;--color-bg:#f7f6f2;--color-surface:#f9f8f5;--color-surface-2:#fbfbf9;--color-surface-offset:#f3f0ec;--color-border:#d4d1ca;--color-divider:#dcd9d5;--color-text:#28251d;--color-text-muted:#7a7974;--color-text-inverse:#f9f8f4;--color-primary:#01696f;--color-primary-hover:#0c4e54;--color-primary-highlight:#cedcd8;--color-error:#a12c7b;--color-error-highlight:#e0ced7}:root[data-theme=dark]{color-scheme:dark;--color-bg:#171614;--color-surface:#1c1b19;--color-surface-2:#201f1d;--color-surface-offset:#22211f;--color-border:#393836;--color-divider:#262523;--color-text:#cdccca;--color-text-muted:#979692;--color-text-inverse:#2b2a28;--color-primary:#4f98a3;--color-primary-hover:#227f8b;--color-primary-highlight:#313b3b;--color-error:#d163a7;--color-error-highlight:#4c3d46}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;height:100vh;overflow:hidden;background:var(--color-bg);color:var(--color-text)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{height:100vh;display:grid;grid-template-columns:320px 1fr;overflow:hidden}.sidebar{padding:2rem 1.5rem;border-right:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);display:flex;flex-direction:column;gap:2rem;height:100vh;overflow-y:auto;overscroll-behavior:contain}.brand{display:flex;gap:1rem;align-items:center}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 60%,#8dc0c5));color:#fff}.brand-copy h1,.headline h2,.panel-header h3{margin:0}.brand-copy p,.headline p,.panel-header p{margin:.35rem 0 0;color:var(--color-text-muted)}.theme-toggle{margin-left:auto;width:44px;height:44px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);background:var(--color-surface-2)}.side-card,.panel{background:var(--color-surface-2);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:24px;box-shadow:0 8px 24px #1e1c1814}.side-card{padding:1.25rem}.checklist{display:grid;gap:.75rem;padding:0;margin:0;list-style:none}.checklist li{display:flex;gap:.75rem;align-items:flex-start;color:var(--color-text-muted)}.checklist span{width:1.25rem;height:1.25rem;border-radius:999px;background:var(--color-primary-highlight);color:var(--color-primary);display:grid;place-items:center;font-size:.8rem;font-weight:800}.preset-list{display:grid;gap:.75rem;margin-top:.75rem}.preset-chip,.ghost-button,.danger-button,.add-button,.primary-button{border-radius:16px;border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);background:var(--color-surface);color:var(--color-text)}.preset-chip{width:100%;text-align:left;min-height:52px;padding:.8rem .9rem}.preset-chip.active{border-color:var(--color-primary)}.preset-chip strong,.item-title{display:block;font-size:.95rem}.preset-chip small{display:block;color:var(--color-text-muted);margin-top:.15rem}.main{padding:2rem;overflow-y:auto;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.topbar-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.segmented{display:inline-grid;grid-template-columns:repeat(2,1fr);padding:.25rem;gap:.25rem;border-radius:999px;background:var(--color-surface-offset);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);width:100%;max-width:220px}.segmented button{border:none;border-radius:999px;background:transparent;padding:.75rem 1rem;color:var(--color-text-muted);font-weight:600}.segmented button.active{background:var(--color-surface);color:var(--color-text)}.logout-button{min-height:44px;padding:.7rem 1rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);background:var(--color-surface);color:var(--color-text-muted);font-weight:600}.logout-button:hover{color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 35%,transparent);background:color-mix(in srgb,var(--color-error-highlight) 45%,transparent)}.workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.8fr);gap:1.5rem;align-items:start}.panel-header,.panel-body{padding:1.5rem}.panel-header{border-bottom:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.field{display:grid;gap:.5rem}.field.full{grid-column:1 / -1}.input,.textarea,.select{width:100%;border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);border-radius:12px;background:var(--color-surface-2);color:var(--color-text);padding:.9rem 1rem;min-height:48px}.textarea{min-height:102px;resize:vertical}.item-card{border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);background:var(--color-surface-2);border-radius:20px;padding:1rem;display:grid;gap:1rem;margin-top:1rem}.item-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.ghost-button,.danger-button,.add-button,.primary-button{min-height:44px;padding:.7rem 1rem;font-weight:600}.danger-button{color:var(--color-error);background:color-mix(in srgb,var(--color-error-highlight) 55%,transparent)}.add-button{width:100%;background:transparent;border-style:dashed}.primary-button{min-height:52px;border:none;border-radius:16px;background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 12px 24px color-mix(in srgb,var(--color-primary) 24%,transparent)}.primary-button:disabled{opacity:.6;cursor:wait;box-shadow:none}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.status{margin-top:1.25rem;padding:1rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);background:var(--color-surface-2)}.status.error{border-color:color-mix(in srgb,var(--color-error) 30%,transparent);background:color-mix(in srgb,var(--color-error-highlight) 55%,transparent);color:var(--color-error)}.summary-list{display:grid;gap:.75rem;margin:0}.summary-row{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;font-size:.95rem;color:var(--color-text-muted);padding-bottom:.75rem;border-bottom:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}.summary-row strong{color:var(--color-text);text-align:right;max-width:55%;word-break:break-word}.preview-stack{display:grid;gap:1.25rem}@media (max-width:1024px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.workspace{grid-template-columns:1fr}}@media (max-width:680px){.main{padding:1rem}.grid{grid-template-columns:1fr}.topbar{display:block}.topbar-actions{margin-top:1rem;justify-content:space-between}.segmented{max-width:none;flex:1}.logout-button{flex-shrink:0}.actions{flex-direction:column}.primary-button,.ghost-button{width:100%}.summary-row{display:grid;gap:.35rem}.summary-row strong{text-align:left;max-width:none}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at top left,rgba(99,102,241,.18),transparent 35%),var(--color-bg)}.auth-card{width:min(100%,420px);display:grid;gap:1rem;padding:2rem;border:1px solid var(--color-border);border-radius:24px;background:var(--color-surface);box-shadow:var(--shadow-lg)}.auth-card .brand-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:var(--color-primary);color:#fff;font-size:1.75rem}.auth-card h1{margin:0}.auth-card p{margin:0 0 .5rem;color:var(--color-text-muted)}