:root{--font-family-base:system-ui, -apple-system, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-base:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:.15s ease;--transition-base:.25s ease;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #0000001a}.zone-dashboard{--color-primary:#525333;--color-secondary:#f2efe8;--color-accent:#cf8852;--color-link:#8b5a3c;--color-link-hover:#6b4430}.zone-action{--color-primary:#134860;--color-secondary:#d26051;--color-accent:#55b4c4;--color-neutral:#eaf6ee;--color-link:#0d7c92;--color-link-hover:#0a5a6a}.zone-reflection{--color-primary:#6f6134;--color-secondary:#e1c68f;--color-accent:#fae7c9;--color-link:#8b7355;--color-link-hover:#6b5642}.app-wrapper{min-height:100vh;font-family:var(--font-family-base);font-size:var(--font-size-base);flex-direction:column;display:flex}.app-main{padding:var(--spacing-base);flex:1}.container{width:100%;max-width:1100px;margin:0 auto}.app-body{flex:1;display:flex}.sidebar{width:80px;padding:var(--spacing-sm) 0;align-items:center;gap:var(--spacing-xs);background-color:#2a2a18;flex-direction:column;flex-shrink:0;display:flex}.sidebar-item{border-radius:var(--radius-md);cursor:pointer;width:64px;height:64px;transition:background-color var(--transition-fast);padding:var(--spacing-xs);background-color:#0000;border:none;flex-direction:column;justify-content:center;align-items:center;display:flex}.sidebar-item:hover{background-color:#ffffff1a}.sidebar-item--active{background-color:#ffffff26}.sidebar-icon{object-fit:contain;width:48px;height:48px}.sidebar-label{color:#ffffffbf;text-align:center;padding-bottom:var(--spacing-sm);font-size:9px;line-height:1}.sidebar-item--active .sidebar-label{color:#fff}@media (width>=675px){.app-main{padding:var(--spacing-lg)}}@media (width>=900px){.app-main{padding:var(--spacing-xl)}}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-base);font-family:var(--font-family-base);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);border:none;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(.9)}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);background-color:#0000}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.btn-danger{color:#fff;background-color:#c0392b}.btn-danger:hover:not(:disabled){background-color:#a93226}.form-group{gap:var(--spacing-xs);margin-bottom:var(--spacing-base);flex-direction:column;display:flex}.form-group label{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:600}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-sm) var(--spacing-base);font-family:var(--font-family-base);font-size:var(--font-size-base);border-radius:var(--radius-md);color:#1c1917;transition:border-color var(--transition-fast);background-color:#fff;border:1px solid #d0c9be}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent);outline:none}.form-error{font-size:var(--font-size-sm);color:#c0392b;margin-bottom:var(--spacing-base)}.form-success{font-size:var(--font-size-sm);color:#27ae60;margin-bottom:var(--spacing-base)}.input-readonly{cursor:not-allowed;color:#888;background-color:#f5f5f5}.card{border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);background-color:#fff;border:1px solid #d9d0c7}.settings-header{align-items:baseline;gap:var(--spacing-base);margin-bottom:var(--spacing-lg);display:flex}.modal-overlay{z-index:1000;padding:var(--spacing-base);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;max-width:480px;box-shadow:var(--shadow-md);background-color:#fff}.modal-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-xl);color:var(--color-primary);font-weight:700}.modal-footer{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);display:flex}*,:before,:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif}.app-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);border-bottom:1px solid var(--color-secondary);display:flex}.app-title{font-size:var(--font-size-2xl);color:#fff;font-weight:600}.demo-badge{font-size:var(--font-size-xs);border-radius:var(--radius-sm);background-color:var(--color-secondary);border:1px solid var(--color-accent);color:var(--color-primary);padding:2px 8px;font-weight:600}